플로우차트란?
서비스를 사용하기 위해 수행하는 일련의 단계와 결정을
한 눈에 파악할 수 있도록 도와주기 위해 미리 정의된 기호와
연결선으로 시각적으로 표현한 자료이다.
예시 : 주문 결제의 플로우 차트
예시 분석
- 회원 DB로의 접근 "조회"라는 Event를 명시하였고, 주문 결제 화면 안에서 이루어지는 서비스 플로우를 함께 표현함.
- 결제가 완료되면 주문 DB의 데이터 처리가 이뤄지고, 포인트 1% 자동 적립이라는 Process가 이뤄지고, 해당 "적립"이라는 Event 과정은 회원 DB로 데이터 처리가 이루어진다는 점을 명확하게 명시함. 또 배송 완료 일 후부터 적립된 포인트 사용이라는 중요한 정책 사항도 함께 명시하여 플로우 내에서 확인이 가능하다.
- 서비스 플로우의 일반적인 흐름 뿐만 아니라 DB에서의 처리, 프로세스 과정을 잘 나타낸 것으로 보여진다.
예시 분석
-
시작(회원가입)과 (아이디 비밀번호찾기)의 플로우 차트
-
앞의 예시와 같이 DB Connect 되는 부분을 보여줌.
-
Yes는 아래로, No는 옆에 배치함으로써 일관된 배치 표현을 보여줌
그릴 때 중요한 점
- 일관된 디자인 요소를 사용할 것
- 모든 프로세스를 한 페이지에 보관할 것
- 왼쪽에서 오른쪽으로 데이터의 흐름을 유지할 것
- Yes는 밑으로, No는 옆으로
- 최대한 쉽고, 복잡하지 않도록 그려야하며 유저의 입장에서 겪을 수 있는 의사결정 순간들을 고민하고 검토해서 잡는 것이 중요!
나의 활용 방안은?
서비스 플로우라는 것이 정해진 것이 없고,
기획자 개발자 모두가 사용하는 툴이니 만큼
내 방식을 정리하는 게 필요할 것 같다는 생각
나는 이렇게 정리해서 서비스 플로우 문서를 그릴 계획이다
DB에 처리되는 부분까지 포함해서 서비스 플로우를 그린다면
노코드 서비스 개발 및 기획 부분에서 놓치는 부분 없이
서비스 플로우를 그릴 수 있을 거라 생각!
참고한 문서
-
시작과 끝을 알리는 표시
: 어떤 프로세스의 처음 시작 부분과 끝 종결 부분일 때 사용하는 표시 -
처리 표시
: 일반적으로 처리 단계 (명령, 행동), 유저 상태, 페이지 분리 시 사용하며 가장 많이 쓰이는 표시 -
입출력 표시
: 프로세스 상에서 필요한 정보들을 입/출력하는 단계에서 사용하는 표시 -
판단 표시
유저가 어떤 프로세스를 진행하는 과정에서 yer or no 같은 판단 결정을 내리는 요인에서 사용하는 표시
PM