본문 바로가기
부트캠프교육중/웹

User Flow

by 뭉지야 2023. 2. 15.
728x90

#User Flow (사용자 흐름)
-사용자가 제품에 진입한 시점을 시작으로 취할수있는 모든 행동을 뜻한다. 
-다이어그램을 그려서 정리한다.

#User Flow 다이어그램 작성법
사용자흐름을 다이어그램으로 작성할때, 기본적으로 세가지 요소를 사용한다.
이외의 요소를 필요에 따라 추가하여 사용해도 좋지만, 이 세가지 요소는 거의 필수적으로 사용하게 됩니다.
1.직사각형: 사용자가 보게될 화면 (예: 회원가입페이지)
2.화살표: 직사각형(화면)과 다이아몬드(행동)를 연결시켜주는 화살표
3.다이아몬드: 사용자가 취하게 될 행동 (예: 버튼클릭)

 

#User Flow 다이어그램을 그리면 좋은 이유
1. 사용자 흐름상 어색하거나 매끄럽지 않은 부분을 발견하여 수정할수있음
2. 있으면 좋은 기능을 발견하여 추가하거나 없어도 상관없는 기능을 발견하고 삭제할수있음
3. 사용자 흐름을 빈틈없이, 보다 더 편리하게 다듬어 나가는 과정을 거치면 UX를 개선할수있다.
(필수로 그려야하는것은 아니지만, 좋은 ux를 디자인하고 싶다면 기획단계에서 그려보는것이 좋다)

728x90

'부트캠프교육중 > ' 카테고리의 다른 글

와이어프레임 & 프로토타입  (0) 2023.02.15
UI/UX 사용성 평가  (0) 2023.02.15
UX의 7가지 요소  (0) 2023.02.15
UI 레이아웃  (0) 2023.02.15
UI 디자인 패턴  (0) 2023.02.15