2 day 2024.05.07.

728x90

14. 서비스 기획서 작성하기

34. 서비스 기획서 완성하기

Step 1) 기획 단계

사용자 분석
UX/UI 분석
서비스 분석
트랜드 분석
시장 분석

Step 2) 설계 단계

요구사항 수집 및 정의서 작성
정책 정의하기
IA(정보 구조화) 작성하기
User Process + Flow Chart 작성하기
WireFrame(화면설계서) 작성하기
서비스 기획서 완성하기

1. 서비스 기획서 작성

1) 개정이력(History)

· 목적: 문서의 버전 관리를 통해 변경 사항과 그 이유, 담당자를 명확하게 기록.

· 항목:

· 버전 번호

· 변경 날짜

· 변경 내용

· 변경한 사람

· 변경 이유

2) 정책정의

· 목적: 서비스의 기본 방향성과 운영 규칙을 설정하여 명확한 기획 방향 제시.

· 항목:

· 서비스 목표

· 사용자 정책

· 운영 정책

· 데이터 처리 방침

3) TO-BE I.A(Information Architecture)

· 목적: 서비스의 정보 구조와 내비게이션을 설계하여 사용자가 정보를 쉽게 찾고 이해할 수 있도록 함.

· 항목:

· 주요 카테고리

· 하위 카테고리

· 정보 구조도

· 내비게이션 구조

4) 서비스 프로세스 및 플로우차트(Flowchart)

· 목적: 서비스의 각 기능과 사용자의 행동을 매핑하여 사용자 경험의 흐름을 시각적으로 표현.

· 항목:

· 사용자 액션

· 시스템 반응

· 기능별 흐름도

· 사용자 경험 흐름도

5) 레이아웃(Layout)

· 목적: 화면의 전체적인 구성을 정의하여 디자인과 컨텐츠의 통일성을 확보.

· 항목:

· 메인 화면 레이아웃

· 서브 화면 레이아웃

· 컨텐츠 배치 계획

· 디자인 가이드라인

6) 시나리오(=스토리보드,화면설계서)(=프로토타입)

· 목적: 기능 구현을 위한 인터페이스 요소의 배치, 화면 구조, 화면 간의 흐름과 전환, 상호작용을 설계.

· 항목:

· 화면별 기능

· 인터페이스 요소 배치

· 화면 전환 로직

· 사용자 상호작용 설계

7) 디스크립션 정의 내용

· 목적: 와이어프레임과 프로세스 흐름 내에서 구현될 로직의 디테일한 기술로, 화면의 완성도를 높임.

· 항목:

· 기능별 로직 설명

· IF 조건문 (방어 로직, 예외 케이스)

· 데이터 처리 로직

· 사용자 인터페이스 상호작용 설명

- 에러 (=IF, 방어로직, 예외케이스)

2. 서비스 기획서 가이드(FO, Front Office)

1) 문체

· 목적: 서비스의 특성과 목표 사용자층에 맞는 문장 길이와 어조를 설정하여 일관된 사용자 경험을 제공합니다.

· 항목:

· 문장 길이: 짧고 간결 vs. 설명적이고 상세

· 어조: 공식적 vs. 친근한

· 사용자층: 전문가 대상 vs. 일반 사용자 대상

2) 레이블(Label)

· 목적: 사용자가 혼동할 수 있는 용어에 대해 명확한 정의와 사용 가이드를 제공합니다.

· 항목:

· 용어 정의: 특정 용어의 정확한 의미 설명

· 동의어 및 혼동 용어 리스트: 피해야 할 용어 목록

· 사용 예시: 용어가 적절하게 사용된 문장이나 화면 예시

3) 컴포넌트(Component)

· 목적: 서비스 내 사용되는 모든 디자인 요소의 디테일을 정의하여 디자인의 일관성을 유지합니다.

· 항목:

· 버튼 디자인: 모양, 크기, 색상

· 입력 필드 디자인: 모양, 크기, 테두리 스타일

· 아이콘 사용: 아이콘의 디자인과 사용 상황

· 컬러 팔레트: 서비스 전반에 사용되는 색상 코드

4) 디스크립션(Description)

· 목적: 텍스트와 아이콘 등의 시각적 요소에 대한 구체적인 디자인 가이드를 제공하여, 개발 시 일관된 UI를 구현할 수 있도록 합니다.

· 항목:

· 폰트 스타일: 사용 폰트, 사이즈, 두께

· 색상: 텍스트 색상, 배경 색상, 강조 색상

· 아이콘: 상황별 아이콘 정의 및 사용 가이드

· 상태 표시: 에러, 경고, 성공 등의 상태를 나타내는 시각적 요소

5) 고정값 (Common Elements)

1. 헤더 (Header)

목적: 사용자가 서비스를 이용하는 동안 항상 접근할 수 있도록 상단에 위치하는 고정된 네비게이션 바.
구성 요소:

2. 풋터 (Footer)

목적: 페이지의 하단에 위치하여 정보, 링크 등을 제공하는 고정된 영역.
구성 요소:

1) 변경값 (Variable Elements)

1. 작업 영역 (Workspace)

목적: 서비스의 주요 콘텐츠가 표시되는 변경 가능한 영역. 각 페이지나 기능에 따라 다양한 내용을 표시.
구성 요소:

작업문서 구성

고정값 문서 (Common Document): 헤더와 풋터와 같은 고정된 요소들을 정의하고, 서비스 전반에 걸쳐 일관된 사용자 경험을 제공하기 위한 디자인 가이드.
변경값 문서 (Variable Document): 각 페이지나 기능별로 다르게 표시되는 작업 영역의 디테일한 구성요소와 디자인 가이드.

PM 작업 가이드