0411 #31 서비스 기획서 작성하기 - FlowChart, Wireframe

4/11 화

• 강의 Chapter 14. 서비스 기획서 작성하기
• 과제 1
• 북클럽 스터디

---

FlowChart

프로세스가 있고 프로세스 안에서 이루어지는 유저플로우를 정의하는 것

 

Logic Flow - 기능 흐름

프로세스가 제외된 기능의 흐름

시작과 끝이 있고 이 안에서 이루어지는 모든 것들을 정의한다

 

YES는 가급적 아래로

NO는 좌우로 만들면 실제 플로우를 읽기 편하다

 

서비스를 만들 때 로직 플로우를 작성해 보면 생각하지 못한 예외 케이스들을 발견하게 되고

기획자의 누수를 줄일 수 있다

 

Wireframe

와이어프레임, 스토리보드, 화면 설계서 같은 용어로 사용되기도 한다

 

UI를 어떻게 표현할지를 그려 놓은 화면의 프로토타입

웹 페이지의 화면을 페이지 구조, 레이아웃, 정보구조, 유저 플로우, 기능, 의도된 동작들에 대한 정의

 

와이어프레임으로 디자인을 요청하고 개발을 요청

 

와이어프레임은 분석부터 벤치마킹, 목표와 방향들이 다 녹아져 있다

분석, 벤치마킹을 아무리 잘해도 와이어프레임이 잘 나와야 서비스의 퀄리티가 높아진다

 

와이어프레임 컨셉

와이어프레임에는 네 가지의 항목들이 제대로 녹여져 있어야 한다

• 왜 WHY
  • 왜 해야 되는지가 명확해야 한다
• 목표 GOAL
  • 목표에 따라 와이어프레임이 달라질 수 있다
• 무엇 WHAT
  • 무엇을 할 지에 대해서 명확해야 한다
• 컨셉 CONCEPT
  • 컨셉이 명확해야 고객이 목적을 갖고 서비스를 사용할 수 있다

 

와이어프레임 설계

• 웹 사용자 이해
  • 서비스 타겟층에 대한 분석을 충분히 해야 한다
• 웹의 구조로 표현
  • 정답이 있는 것은 아니지만 많이 보고 유사 서비스들의 구조를 파악하기
• 웹의 언어로 표현
  • 웹에서 커뮤니케이션되는 용어들을 이해하고 표현하기
• 콘텐츠의 적절한 배치, 서비스 화면 구조
  •  남들이 하는 UI를 따라가지 말고 적절한 배치에 대해 고민을 해야 한다
• 설득 문서
  • 주변의 모든 협업자들을 설득할 수 있어야 한다

 

서비스 기획서 와이어프레임은 어떤 직군, 팀과도 커뮤니케이션할 수 있는 도구여야 한다

 

기획자

전체적인 요건에 대한 분석, 방향과 목표 설정을 통해 일정 계획을 수립하고 화면을 설계, 커뮤니케이션, 팀별 의견 조율을 위한 설득, 최종 산출물 정리 등 프로젝트의 시작과 끝의 역할을 담당한다

 

서비스 기획자는 WHAT, WHY, HOW, IF에 대해 늘 고민해야 한다

 

웹 / 앱 서비스 기획자

웹/앱에서의 서비스 기획자는 프로젝트의 요건 분석과 기술적인 검토가 반영된 서비스를 설계하고 이를 통해 서비스를 구축, 운영해 나가는 Role을 가진다

 

국내 서비스 기획자는 프로젝트의 처음과 끝을 책임지며 다른 직군과의 커뮤니케이션이 가장 중요하다

---

북클럽 스터디

https://yoontan.notion.site/CHAPTER-45-49-abe832e342574e68a5513f50f00afae2

CHAPTER 45~49. 프로토타이핑 기법