어쩌다 UX_04. 테스크 플로우 (Task Flow)

매일 학습일지 04

테스크 플로우 (Task Flow)

과업수행의 흐름 (사용자가 Task를 어떻게 수행하는지 선형적(linear)으로 표현한 것)

• UI설계의 중요단계
• 테스크 플로우는 시작과 끝이 존재
• 테스크 플로우와 유저 저니맵의 차이점
  • 공통: 사용자의 행동/목적이 어떤 순서로 어떤 행동을 하며 어떻게 달성하는가를 시간순서대로 기재
  • 차이: 저니맵이 더 큰 개념

테스크 플로우 (출처: 제로베이스)

 

즉, 테스크 플로우(Task Flow)는 유저가 과업(Task)을 완료하기 위한 행동의 연속이다.

• 사용자가 해야하는 과업을 정의
• 퍼소나에 따라 동일 Task가 여러 개로 정의 가능
• 시나리오 기반으로 가능한 모든 파생 루트 표시
• 대략적 콘텐츠와 기능 설명 포함 가능 (주요 기능, 필수 입력 항목 등)
• UJM에서 하위 분류된 플로우

 

테스크 플로우의 이점

• UI를 가장 빠르고, 저렴하게, 현실적으로 바라볼 수 있다.
• 시스템 개발 관점과 사용자 관점을 모두 포괄할 수 있다.
• 발생할 수 있는 문제점을 미리 발견하고 대응할 수 있다.
• 각 단계별로 어떤 정보/기능이 필요한지 확인할 수 있다.
• 발생가능한 모든 경우의 수를 확인 할 수 있다.

 

테스크 플로우의 3요소

1. 퍼소나
2. 목적(Goal)
3. 스텝(Steps)

테스크 플로우(Task Flow)를 그리기 위한 플로우차트 컴포넌트 (출처: 제로베이스)

 

테스크 플로우 만들기

작성하기에 앞서,

• 목적(Goal)
  • 신규개발을 위해
  • 기존 UI 분석을 위해
• 시나리오 정의
  • 누가, 언제, 어디서, 무엇을, 어떤 목적으로 사용
• 디테일 수준
  • 작성 목적에 따라 디테일 수준 결정
• 작성 방법
  • 작성 / 수정 / 공유가 용이한 방법 고려

 

STEP 1. Task의 목표

테스크의 시작의 기준과 끝은 경우에 따라 늘 달라 질 수 있기 때문에 플로우에서 정의할 범위의 시작과 끝의 기준(조건)을 정한다.

테스크의 목적 (출처: 제로베이스)

 

STEP 2. 사용자의 모든 행동 기술하기

정보를 탐색하고, 버튼을 누르는 등 사용자가 과업을 완교하기 위해 하는 모든 행동을 작성한다.

시스템 외부적으로 이루어지는 인터랙션은 경우에 따라 '필수'가 될수도 '옵션'이 될 수도 있다. (출처: 제로베이스)

 

STEP 3. 의사 결정요인 추가하기

• 분기 (Decision Point)
  • 사용자의 의도 또는 시스템의 목적에 따라 테스크 플로우가 나누어지는 시점을 추가
  • 이 과정을 통해 플로우를 더욱 현실적으로 만들 수 있다.

분기 Decision Point (출처: 제로베이스)

 

STEP 4. 리마커블(Remarkable) 포인트 추가하기

• Pain point 또는 Opportunity

좋거나 나쁜 발견점을 추가한다. 여러사람이 함께 보는 문서이기 때문에 각자 추가하다보면 풍성해진다.

Pain point 또는 Opportunity (출처: 제로베이스)

 

STEP 5. 확장하기

• Branch Flow 정의
• 만약...What if

필연적이 아닐지라도, 발생할 가능성이 있거나, 단순히 다양한 가능성을 검토해보기 위한 목적으로 '만약'이라는 가정하에 다양한 브랜치 플로우를 작성한다. 

 

Appendix

• User Flow

유저 플로우는 테스크 플로우와 유사한 형태를 갖지만, 테스크의 시작점이 반드시 시스템이 아닐 수도 있다는 것이 가장 큰 차이.

가령, '쇼핑앱'에서 '신발구입'에 대한 테스크 플로우는 앱의 랜딩페이지에서 시작하겠으나, 유저플로우의 경우 '포털서비스 검색' 또는 '인스타그램 태그' 등 시스템 외부가 될 수 있다.

 

 

새로산 키보드 테스트 겸 공부하기⌨️😎