Code/Fron-End

웹기획 정리

하말 ⍺ 2024. 9. 4. 14:47
반응형

책 "Do it! 웹사이트 기획 입문"을 보고 정리한 것입니다.


  • IT 기획자
    1. 서비스 기획자 : 서비스기획서
    2. 구축 기획자 : SI(개발), 화면정의서
    3. 운영 기획자 : SM(유지관리), 운영기획서
  • 구축 기획자
    1. 요구사항 정리 : 구조와 기능, 정보구조(IA), 기능정의서 작성
    2. 이용프로세스 : 이용 flow 정리
    3. 화면정의서 작성
    4. 디자인, 퍼블리싱 : 화면정의서를 토대로
    5. 개발, 테스트 : 테스트시나리오, 테스트케이스로 웹사이트 품질검증
  • 운영 기획자
    1. 오류수정
    2. 상품상세화면기획
    3. 이벤트기획
    4. 마케팅

  • 웹사이트 유형
    1. 브랜드 홍보형
      • 한화면에 표현할 개념 요약 : 중요도를 따져서 3~4개만
      • 분위기에 맞는 디자인
    2. 쇼핑몰형
      • 관리자화면에서 현행 업무 분석

  • 웹사이트 구현과정
    1. 구상단계
      1. 사업계획
      2. 서비스기획
    2. 구현단계
      1. 서비스분석 : 요구기획서, 정보구조설계(IA)
      2. 화면설계 : 화면정의서(스토리보드,화면기획안)
      3. 디자인 : UIUX디자인
      4. 퍼블리싱
      5. 개발 : 기능구현 및 백엔드연결
      6. 테스트 : 테스트 케이스 점검 및 오류가 있다면 해당 단계로 돌아가서 수정

  • 기획 문서 네 가지
    1. 기능정의서
      • 한 화면의 주요기능을 하나씩 정리
      • 웹사이트구조문서와 비교하며 작성
      • 기능코드 / dept / 구현대상, 작업요소, 관리자연동 / 기능정의
    2. 정책정의서
      • 다양한 제한 사항과 설정 사항 정리
        ex) 게시판 글쓰기 정책
    3. 화면정의서
      • 검정레이아웃
      • 실제내용과 유사하게. 예시구문을 넣어보기
      • 데이터호출해야하는 것은 중괄호 처리 { }
    4. 일정 산출표
      • Jira / Trello 같은 프로젝트 관리도구
      • 맨먼스 등으로 표현

 

 

'Code > Fron-End' 카테고리의 다른 글

vscode 로컬에서 sftp에 파일 업로드하기  (0) 2025.03.20
웹 디자인 정리  (3) 2024.09.04
vs code에서 sftp 작업하기. (cursor)  (4) 2024.07.03
NetBeans connects sftp, ftp  (0) 2024.03.07
vscode에서 php.ini 파일 찾기  (0) 2023.12.19