User Flow #2 : 나만의 유저 플로우 만들기

 

오늘은 나만의 유저 플로우를 만들어 보려고 한다!

 

---

 

🙋‍♀️ User Flow의 세 가지 법칙

1. Purpose : 나의 유저 플로우의 목적은?

User Flow Role 1 : Purpose

저번 포스팅에서 다루긴 했지만, 가장 처음으로 해야할 것은 사용자의 목표, 목적을 정하는 것이다. 유저의 성취/달성 즉, 단계의 최종 목적지를 써야 한다. 그 목적을 달성하기 위해 사용자가 어떻게 이동하는 지 경로를 그려나가는 것이다.

 

2. Go in One Direction : 너무 많은 변수를 생각하지 말 것

User Flow Role 2 : Go in one Direction

유저 플로우를 그리다보면, 사용자의 다양한 흐름을 상상하게 된다. '이렇게 가면 어떡하지?'라는 생각이 들 수밖에 없다. 하지만 유저플로우는 내가 정한 목적에 맞게 사용자가 움직이는 가장 이상적인 경로를 그리는 것이다. 만약 어떤 흐름에서 이탈이 있을 수밖에 없을 것 같다면 최대 하나의 경로를 더 적어놓아도 좋다.

 

3. Describe Each of My Steps : 각각의 단계를 명확하고 자세히 기술할 것

User Flow Role 3 : Describe Each of My Steps

마지막으로는 내가 정한 그 이상적인 경로에서 사용자가 정확히 왜 이동했고 무엇을 선택할 수 있는지를 최대한 구체적으로 기술하는 것이다. 이렇게 세 가지를 꼭 준수하며 구상하면 꽤 좋은 유저 플로우가 도출될 것이다.

 

유저플로우는 무조건 ONE DERECTION이다. 화살표가 이상한 방향으로 가면 안 된다는 거다.

모호한 화살표 금지!

화살표는 무조건 한 방향으로만 가야한다

디테일 놓치지 말기!

 

🙋‍♀️ User Flow 예시

다음은 내가 직접 만들어 본 유저플로우 예시다. 네이버 지식인처럼 Q&A 서비스를 제공하는 웹페이지다.

우선 사용자가 최종적으로 하게 될 행동은 '질문'이다. 그래서 이를 질문으로 잡았다. 우선 처음에 사용자가 질문을 하려면 메인화면에 접속해야 한다. 메인화면에 접속하고 나서 사용자는 메인 홈페이지에 있는 '바로 질문하기' 버튼을 클릭한다. 그럼 바로 다음 화면으로 질문을 할 수 있는 창이 뜬다. 이 창에서 사용자는 질문을 타이핑할 수 있고, 내가 질문하고자 하는 유형을 선택하고 등록할 수 있다. 등록이 끝난 후, 15초 광고창이 팝업으로 뜬다. 15초 뒤 자동으로 내려간다. 팝업창이 모두 뜨고 난 후 확인창이 뜬다. 질문이 잘 등록되었다는 정보를 담고 있으며, 하단에 '내가 답변 해주기' 버튼이 있다.

 

유저플로우를 만들 때 간단한 와이어프레임이 들어간다. 그런데 구체적인 UI를 구상하는 단계는 아니기 때문에, 간단하게만 해도 괜찮다. 보통은 UI를 들어가기 앞서 유저플로우의 간단한 화면 구성을 참고하게 된다. 아이디어스케치 느낌?

 

왼) 유저플로우 오) 와이어프레임

왼쪽은 유저플로우를 구상할 당시의 메인화면이고, 오른쪽은 와이어프레임을 만들기 시작할 때의 메인화면이다. 이렇게 와이어프레임보다 유저플로우는 굉장히 단순화되어 있고 빠진 부분도 있지만 사용자의 행동 경로에 따른 핵심 버튼이나 서비스는 항상 포함시키고 있다. 

 

---

 

유저플로우에 관한 방법론은

이 포스팅으로 끝!

 

유저플로우는 어려운

개념은 아니라서 2편으로

끝낸당.

 

다음엔 뭘하지?