project-plan
CHAPTER 10 / 34
읽기 약 2분
SYNTAX
사용자 플로우 설계
핵심 개념
사용자가 서비스를 어떻게 사용하는지 플로우를 설계합니다. Happy Path부터 Error Path까지 모든 경로를 그립니다.
본문
USER FLOW방문 → 회원가입 → 이메일 인증→ 온보딩 → 대시보드 → 핵심 기능Happy Path: 위 흐름 정상 진행Error Path: 인증 실패 → 재발송Edge Case: 이미 가입된 이메일Mermaid로 시각화:graph TD A[방문] --> B[회원가입] B --> C{인증 완료?} C -->|Yes| D[대시보드] C -->|No| E[재발송]
🛠️ 이 챕터의 실습 방법
실습 1: 사용자 스토리 작성
자신의 프로젝트에 대해 5개 사용자 스토리를 작성하세요: '[사용자]로서 [기능]을 하고 싶다, 왜냐하면 [가치]이기 때문이다' 각 스토리에 인수 조건(Given/When/Then)을 추가하세요.
실습 2: 와이어프레임 그리기
아래 도구 중 하나로 핵심 화면 3개의 와이어프레임을 그려보세요:
- Figma (추천): https://figma.com (무료 계정, 3프로젝트)
- Excalidraw: https://excalidraw.com (설치 없이 브라우저에서 바로)
- 종이+펜: 사진 찍어서 저장 (가장 빠른 방법)
실습 3: User Flow 그리기
시작(랜딩) → 회원가입 → 메인 기능 → 완료까지의 흐름을 Excalidraw 또는 Miro에서 화살표로 연결해보세요.
AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
무료 모델
Gemini 2.5 Flash(무료) + Claude Sonnet 4.6(무료) + Grok 4.1(무료)
'사용자 플로우' 기획을 0원으로 시작하고 싶어. ChatGPT(아이디어) → Gemini(경쟁 분석) → Claude(기획서 구조화) 순서로 Notion+Figma+GitHub Projects만 사용하는 워크플로우를 설계해줘.
소자본 모델
Claude API + Cursor $20/mo + Make.com — 월 10~30만원
'사용자 플로우' 기획에 AI를 활용해서 시간을 단축하고 싶어. Perplexity API(시장조사) + Claude API(문서 작성) + Cursor(프로토타입) 조합으로 1주일 안에 기획→MVP까지 끝내는 월 20만원 플랜을 짜줘.
프로덕션 모델
Claude Opus + CrewAI + LangGraph — 월 100만원+
'사용자 플로우'를 팀 프로젝트로 확장하려 해. AI PM(Claude Opus) + AI 리서처(Perplexity) + AI 개발(Cursor+Copilot) 에이전트 팀과 AGENTS.md 협업 프로토콜을 월 100만원 예산으로 설계해줘.
스택 프롬프트
0원→$20/mo→$100/mo 단계별 스택 비교
'사용자 플로우' 기획에 최적화된 AI 도구 조합을 단계별로 알려줘. 무료(Notion+Figma+ChatGPT) → 소자본(Cursor+Perplexity API) → 프로덕션(CrewAI+LangGraph) 각 단계별 도구·결과물·전환 시점을 비교해줘.
⭐ 이것만 기억하세요
사용자 플로우 설계는 이 3가지만 확실히 잡으세요
1.주요 흐름만 설계하면 예외 상황(비밀번호 틀림, 결제 실패)에서 사용자가 막힙니다
2.정상 플로우 + 에러 플로우 + 엣지 케이스까지 사용자 흐름을 설계해야 완성도가 올라갑니다
3.다음 챕터에서 화면 목록을 URL 라우팅으로 변환합니다
공유하기
진행도 10 / 34