웹기획 실전가이드 12

시나리오와 사용자 흐름을 시각화하는 방법

디자이너와 협업할 때 가장 효과적인 도구 중 하나는 "시각화"다

 

사용자 시나리오 시각화

1. 사용자 여정 지도(User Journey Map) 

사용자가 서비스를 처음 만나는 순간부터 목적을 달성하고 떠나는 순간까지의 전체과정을 시간 순서대로 나타내는 것.

각 단계마다 사용자의 행동, 생각, 감정, 터치포인트, 페이포인트를 함께 표시한다.

 

ex. 온라인 쇼핑몰의 사용자 여정

문제인식 > 정보 탐색 > 대안 비교 > 구매 결정 > 주문 > 결제 > 배송 추적 > 상품 수령 > 사용 > 평가

 

2. 테스크 플로우(Task Flow)

특정 목표를 달성하기 위한 구체적인 단계들을 순서도 형태로 표현하는 것이다.

의사결정 지점 - 다이아몬드

액션 - 사각형

시작과 끝 - 원형

각 단계에서 사용자가 취할 수 있는 모든 선택지와 그에 따른 결과를 명시해야 한다.

 

ex. 회원가입 플로우

시작 > 이메일 입력 > 유효성 검사 > (유효함/무효함 분기) > 비밀번호 설정 > 개인 정보 입력 > 약관 동의 > 인증 메일 발송 > 인증 완료 > 가입 완료

반응형

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

와이어프레임과 사용자 플로우를 결합한 방식

각 화면의 레이아웃과 화면간의 연결을 동시에 보여준다.

 

4. 스토리보드

만화나 영화의 스토리보드 처럼 사용자의 경험을 시간 순서대로 장면별로 나누어 표현하는 방법이다.

각 장면마다 사용자의 상황, 감정, 화면 상태를 그림과 텍스트로 설명한다.

 

5. 서비스 블루프린트

사용자가 경험하는 전면과 사용자가 보지 못하는후면을 함께 보여주는 방식

사용자의 행동, 접점에서의 상호작용, 시스템의 내부 프로세스를 층별로 나누어 표현한다. 

 

'예와상황과 엣지 케이스'도 시각화에 포함해야한다.