4일 완성 스프린트 챌린지 3일차 — 유저플로우(User Flow) 작성하기

3일차 - 유저플로우(User Flow) 작성하기

1단계 : 유저 플로우 학습하기

 

<유저 플로우 (User Flow)>

• 유저가 제품이나 서비스를 이용하는 과정을 유저의 행동 및 화면 간의 이동에 초점을 맞추어 시각화하는 단계
• 유저가 최종 목표에 도달하기 위해 서비스 내에서 어떤 경로로 이동하며, 어떤 행동을 하는지 구체화하는 도구로 활용
• 단순히 “기능 순서”가 아니라 유저가 어디서 고민하고, 어디서 이탈할 수 있는지 까지 드러내는 도구

 

<플로우 차트(Flow Chart)> = 순서도, 흐름도

• 프로세스의 흐름을 시각적으로 보여주는 다이어그램의 한 종류
  = 서비스의 흐름을 한 눈에 보기 위해 도형을 이용하여 가시적으로 표현한 것
• 복잡한 프로세스나 시스템을 이해하기 쉽도록 시각화해줌
• 특히, 프로세스의 각 단계와 그 사이 관계를 명확히 보여줘 서비스를 효율적으로 기획할 수 있게 도와줌

<플로우 차트 핵심 구성 요소>

• 시작/끝 (Start//End)
  타원형으로 Flow의 시작과 끝을 나타내는 기호
• 과정 (Process)
  직사각형으로 유저가 보는 정보/화면, 유저의 상태 등 정적인 상태를 나타내는 기호
• 화살표 (Arrow)
  화살표로 플로우의 진행 방향을 나타내는 기호
  플로우에서 유저의 동적인 행동을 표현하고 싶을 때 화살표 주변에 표기
• 결정 단계, 분기점 (Decision)
  마름모로 팔로우에서 분기가 필요할 때 나타내는 기호
  'Y or N'으로 분기를 쉽게 구분하도록 표기
• 특이사항 (메모)
  플로우 차트에 담아내기 어려운 정보 또는 예외사항을 표기

<PM에게 플로우 차트가 필요한 이유>

• 유저 경험을 이해할 수 있게 도와줌
• 서비스의 필요한 기능을 보다 정확하게 정의
• 서비스의 문제점을 쉽게 발견 가능
• 디자이너, 개발자 등 팀원들과 원활한 커뮤니케이션 가능

 

2단계 : 기능 선정하기

 

<좋은 기능 선택 기준>

• 유저가 반드시 거쳐야 하는 핵심 행동인가?
  원하는 지식을 정확히 얻기 위해 AI를 활용
• 서비스의 차별성이 드러나는 지점인가?
  신뢰할 수 있는 출처를 기반으로 한 정확한 정보
• 타겟 사용자의 페인포인트를 직접 해결하는 순간인가?
  사용자는 혼란 없이 자신에게 맞는 정확한 정보를 찾을 수 있음

원하는 지식을 습득하는 과정에서 AI가 출처를 기반으로 정확한 정보를 제공

 

 

3단계 : 사용자 시나리오 (구체화)

• 누가
  업무 관련 내용에 대해 정확한 사실 정보를 빠르게 찾고 싶은 30대 직장인
• 상황
  업무 관련 정보를 찾는 과정 중 신뢰성 없는 자료가 섞인 수많은 자료들 중에서 정확한 정보를 빠르게 찾고 싶은 상황
• 목적
  신뢰성 있는 출처를 기반으로 정보를 빠르게 필터링해 사용자가 믿고 선택하게 할 수 있는 것
• 시나리오
  1) 상황 시작
  30대 직장인이 새로운 업무를 맡았는데 정확한 지식이 부족해 관련 정보를 찾아야 함
  2) 혼란 발생
  인터넷을 찾던 중 수많은 자료가 나오지만 어느 정보가 신뢰성이 있는지 정확히 판단하기 어려움
  3) AI 활용
  빠르게 혼란을 해결하기 위해 AI도구를 실행
  4) 요구 명확화
  AI에게 필요한 업무 관련에 대해 상세히 설명 후 신뢰할 만한 최신 자료를 빠르게 보여달라고 요청함
  5) AI 필터링
  AI는 신뢰할 수 있는 출처를 기반으로 자료를 선별하여 보여줌
  6) 결정
  30대 직장인은 AI가 제시한 신뢰성 있는 정보를 바탕으로 필요한 지식을 얻고 업무에 활용
• (추가미션) 이탈 포인트 분석
  - 유저가 중간에 포기할 수 있는 지점은 어디인가?
    AI가 신뢰성 있는 정보의 양을 너무 많이 제공했을 때
  - 왜 이탈할 수 있는가?
     오히려 사용자가 핵심을 놓치거나 복잡하다고 느낄 수 있음
  
  
• (추가미션) 개선 아이디어 1개 제안
  핵심 정보 요약 및 추가 정보(더보기)
  AI가 핵심 정보를 먼저 간결하게 요약해서 보여준 뒤 사용자가 더 깊이 알고 싶을 때
  선택적으로 추가 정보를 펼쳐볼 수 있는 선택적 확장을 해 원하는 만큼 정확한 정보에 접근할 수 있도록 한다.

4단계 : 프로세스 설계 (유저플로우 작성)

 

피그마를 활용해서 만든 유저 플로우

피그마를 활용해서 만든 에러 플로우

피그마로 만든 예외 케이스