유저 플로우 (User Flow)

유저 플로우는 사용자가 서비스 안에서 이동하는 경로와 흐름을 시각화하는 문서입니다. 기능명세서에서 정의된 기능들이 실제로 어떤 순서로 연결되는지, 사용자가 어떤 행동을 통해 다음 화면으로 이동하는지를 설계합니다.

1. 구조 이해하기

유저 플로우는 노드(Node) 와 흐름 화살표 로 구성됩니다. 화면 상단의 범례에서 각 노드의 의미를 확인할 수 있습니다.

• 시작 : 플로우가 시작되는 진입점입니다.

• 섹션 최상위 페이지 : 각 섹션의 대표 화면입니다.

• 페이지 : 사용자가 실제로 탐색하는 개별 화면입니다.

• 행동 : 버튼 클릭, 입력 등 사용자의 인터랙션을 나타냅니다.

• 유저가 이동하는 흐름 : 노드 간 이동 경로를 화살표로 표시합니다.

2. 유저 플로우 추가 / 수정

유저 플로우는 하나의 프로젝트 안에 여러 버전을 만들어 관리할 수 있습니다. 우측 패널에서 버전 목록을 확인하고 전환할 수 있으며, 각 버전의 이름과 생성 일시가 표시됩니다.

버전은 버전 그룹 단위로 묶입니다. 처음 생성한 플로우를 기준으로, 이를 재생성한 버전들은 모두 같은 그룹으로 분류됩니다.

• 버전 이름 수정 및 삭제 : 목록 우측의 더보기(⋮) 메뉴 버튼을 눌러 이름을 수정하거나 개별 삭제할 수 있습니다.

• 새 유저 플로우 : 목적이 다른 플로우를 새로 만들 때 사용합니다. 생성 시 새 버전 그룹이 만들어집니다. 예) 기능명세서를 바탕으로 "1. 새 플로우"를 생성 → 이번엔 결제 흐름에 집중한 "2. 결제 강화"를 별도로 생성

• 수정본 만들기 : 현재 선택된 버전을 기반으로 특정 부분을 개선하거나 기능명세서 변경사항을 반영할 때 사용합니다. 재생성된 플로우는 원본과 같은 그룹에 추가됩니다. 예) "1. 새 플로우"에서 온보딩을 강화한 "1-1. 온보딩 강화"를 재생성 → 거기서 게스트 모드를 추가한 "1-2. 온보딩-게스트 모드 추가"를 다시 재생성

• 맞춤형 생성: 생성 버튼을 누르면 나오는 생성 창에 강조하고 싶은 흐름이나 방향(예: 온보딩 강조, 결제 흐름 중심으로)을 프롬프트로 입력하면, AI가 이를 반영하여 맞춤형 유저 플로우를 설계합니다.

유저 플로우를 생성하려면 먼저 PRD의 '개요'가 작성되어야 하며, 기능명세서에 최소 1개 이상의 '기능'이 정의되어 있어야 합니다.