<aside> 📎

참고 출처

1. User Flows vs. Task Flows vs. Wireflows — Nielsen Norman Group — 유저 플로우의 정의, 태스크 플로우와의 차이, 작성 시점에 대한 NN Group 공식 자료입니다.
2. User flow is the new wireframe — UX Collective — Task Flow, Wire Flow, User Flow 세 유형의 정의와 작성 예시를 다루는 자료입니다. </aside>

IA로 서비스의 전체 구조를 정리했습니다. 이제 사용자가 실제로 버튼을 누르고 화면을 이동하는 **경로(플로우)**를 그려야 합니다. IA가 '지도'라면 유저 플로우는 '실제 이동 경로'입니다. 이번 레슨에서는 유저 플로우의 세 가지 유형과 작성 방법을 익힘니다.

유저 플로우(User Flow)

유저 플로우란?

• **유저 플로우(User Flow)**는 사용자가 특정 목표를 달성하기위해 제품이나 서비스 안에서 거치는 경로를 시각적으로 표현한 도표입니다.
• 주요 구성 요소는 시작 지점(Entry Point), 단계(Steps), 의사결정 지점(Decision Points), **종료 지점(End Point)**입니다.
• 플로우를 그리면 사용자가 혼란스러워하는 지점, 마찰이 생기는 지점을 미리 발견할 수 있습니다.

플로우의 세 가지 유형

1. Task Flow (태스크 플로우)

• **하나의 특정 작업(Task)**을 완료하는 데 필요한 단계를 단순하게 직선적으로 표현합니다.
• 분기(의사결정 지점)이 거의 없고, 모든 사용자가 동일한 경로를 따를때 작성합니다.
• 예: 코드입 수강 신청 플로우 — '코스 선택 → 결제 수단 선택 → 결제 완료 → 수강 시작'

2. Wire Flow (와이어 플로우)

• 태스크 플로우에 **와이어프레임(Lo-Fi 화면 스케치)**를 더한 형식입니다. 사용자가 마주치는 실제 화면이 단계마다 표시됩니다.
• 화면 구성 자체보다는 사용 흐름에 집중하며, 디자이너·개발자와 UI 위치와 기능 구현에 관해 토론할 때 유용합니다.
• 예: 로그인 플로우에서 이메일 입력 화면, 비밀번호 입력 화면, 로그인 성공 화면을 연결한 모습

3. User Flow (유저 플로우)

• 사용자의 시작 지점(Entry Point)이 다양하고, 의사결정 지점이 포함된 전체 여정을 담습니다.
• 태스크 플로우와 달리 사용자 유형(페르소나)나 유입 경로(앱 직접 / SNS 광고 클릭 / 검색))에 따라 다른 경로가 표현됩니다.