User Flow, Task Flow, UX Flow 등 다양한 용어들이 시스템과 현업에서 사용되면서
모호하고 헷갈렸던 기본 개념에 대해 정리해보고자 한다. 차이점과 더불어 Flow char, User Flow를 작성하는 방법까지 이번 포스팅에서 다뤄보겠다.
User Flow (사용자 흐름)
유저 플로우(User Flow)란 사용자가 의미 있는 목표를 달성하기 위해 거쳐야 하는 단계로써, 사용자의 활동을 설명하고 시작점에서 최종 상호 작용에 이르기까지 사용자가 수행하는 모든 단계를 의미한다.
Task Flow는 User Flow에 속해있는데, Task Flow는 포괄적인 단계를 작성하고 User Flow는 조건(분기)을 포함한 상세한 단계를 작성하여 사용자 흐름을 파악하고자 한다.
User Flow 작성 4 단계
1 - User Goal 작성
유저 골(User Goal) 란 사용자가 이루고자 하는 목표이다. 유저가 서비스 내에서 이루고자 하는 목표를 한 문장으로 작성한다. 예를 들어, 사용자의 목표를 "자전거 여행 코스를 검색"이라고 정의한다면
User Goal : 자전거 여행 코스 검색 이 된다.
2 -Task Flow 작성
태스크 플로우(Task Flow) 란 사용자가 목표를 달성하기 위해 실행해야 하는 각 단계이다.
User Flow에 속해있기에, 전체적이고 대략적인 단계를 알아볼 수 있도록 작성한다. 세부 내용 및 분기는 User Flow에서 주로 다룬다.
3 - Wire Flow 작성
와이어 플로우(Wire Flow)는 와이어프레임와 플로우차트가 섞인 개념으로, Task Flow에서 수행하는 단계를 와이어프레임으로 그리고, 플로우를 추가하는 형태로 작성한다. 단계별 사용자의 행동을 표시하여 시각화한다.
이를 통해 사용자의 Task Flow를 점검하고, UI의 위치와 기능구현에 관해 디자이너, 개발자와 함께 논의할 수 있다.
4 - User Flow 작성
유저 플로우(User Flow)란 Task Flow와 유사한데, 서로 다른 유저가 서로 다른 태스크를 수행하거나 다른 경로로 이동할 수 있다는 점이 차이점을 지닌다. 목표를 이루기까지의 인터렉션을 정리하고, 조건(분기)에 따라 달라지는 플로우가 있다면 분기를 넣어 각각의 플로우로 연결한다.
다음 포스팅에서는 .. Flow Chart (플로우 차트)
지금까지 User Flow를 작성하는 방법과 순서에 대해 알아보았다. User Flow는 서비스의 전체적 흐름을 파악하는데 중요한 부분이며, 기능단위로 작업해야 하는 개발자들에게는 꼭 필요한 필수 문서라 할 수 있다.
해당 포스팅을 작성하면서 기획자로써 공부는 끝이 없다고 생각이 들었다.
공부들을 꾸준히 진행하고 기록하면 개인적인 성장과 더불어 회사에서 인정받는 기획자로써 성장하는 발판이 될 수 있지 않을까?
필자는 사이드 프로젝트를 진행 중인데 사이드 프로젝트에 유저 플로우를 포스팅에서 다룬 방법을 적용하여 작성해 볼 예정이다. user flow를 작성하면서 기획 / ux 오류를 꽤 많이 접하고, 수정할 수 있기에 실무에 꼭 적용해 보면 좋겠다.
↓ 함께 보면 좋은 서비스 기획 포스팅↓
[서비스기획] 메뉴구조도(Menutree)기획과 작성방법에 대해 알아보자
메뉴구조도(Menutree)란? 메뉴구조도란 앱/웹 사이트의 메뉴와 구조를 한눈에 파악하여 볼 수 있도록 정리해놓은 문서이다. 웹사이트의 사이트맵을 생각하면 쉽게 이해할 수 있다. 메뉴구조도는
youngplan.tistory.com
[SNS 회원가입/로그인] 기획자가 소셜 회원가입/로그인 기획시 알아두어야 할 것 1 (UI 가이드와 타
소셜로그인 서비스란? 소셜(SNS) 로그인 서비스는 네이버, 카카오, 구글 등의 서비스에서 사용자 인증 기능을 이용할 수 있도록 하는 서비스로써 별도의 아이디나 비밀번호를 기억할 필요 없이,
youngplan.tistory.com
[SNS 회원가입/로그인] 기획자가 소셜 회원가입/로그인 기획시 알아두어야 할 것 2 (feat.개발자에
기획자가 소셜 회원가입/ 로그인 기획 시 알아두어야 할 것 2편으로 포스팅으로 돌아왔습니다. 개발자에게 일 잘하는 기획자로써 인정받고 싶다면 1. 사용자 프로필 정보에 필요한 DATA 항목을 정
youngplan.tistory.com
참고문헌
