오늘은 화면설계서(SB)를 쓰기 전에 반드시 거쳐야 하는 사용자 플로우(User Flow) 설계에 대해 이야기해볼게. 많은 신입 기획자들이 스토리보드를 그릴 때 화면 UI부터 냅다 그리기 시작하더라고. 하지만 탄탄한 플로우 설계 없이 화면부터 그리면 백퍼센트 구멍이 생기게 마련이야. 내가 7년 동안 서비스 기획자로 일하면서 깨달은, 실무에서 진짜 통하는 사용자 플로우 설계 노하우를 아낌없이 풀어볼 테니 집중해봐!
1. '아하 모먼트(Aha! Moment)'에서부터 거꾸로 그려봐
플로우를 설계할 때 로그인 화면, 온보딩 화면부터 순서대로 그리는 경우가 많거든. 하지만 그러면 정작 중요한 핵심 가치에 도달하기 전에 사용자가 지쳐서 이탈해버려. 요즘 트렌드는 사용자가 서비스의 핵심 가치를 느끼는 순간인 **'아하 모먼트'**를 정의하고, 거기서부터 역방향으로 플로우를 설계하는 거야. 예를 들어, 템플릿 기반의 협업 툴을 기획한다면 가입 절차를 길게 늘어놓기보다 가입 즉시 사용자의 목적에 맞는 완성형 템플릿 대시보드를 보여주는 시점부터 역산해서 온보딩 플로우를 최소화하는 거지. 첫 단계부터 채우려 하지 말고, 사용자가 감탄할 마지막 순간부터 역으로 추적해보는 연습을 해봐.
2. UI의 일관성이 UX의 명확성을 보장하지는 않아
모든 화면의 버튼 위치가 같고 컴포넌트 톤앤매너가 맞다고 해서 사용자가 길을 잃지 않는 건 아니거든. 실무에서 가장 많이 하는 실수가 '시각적 통일감'에만 집착하다가 정작 사용자가 다음에 뭘 해야 할지 모르게 만드는 거야.
중요한 건 사용자가 클릭하기 전에 '이 버튼을 누르면 어떤 일이 일어날지' 예측할 수 있게 만드는 설계야. 가끔은 설정을 왜 해야 하는지 1분 더 친절하게 설명해 주는 안내 문구 하나가, 뎁스(Depth)를 무조건 줄인 매끄러운 화면보다 더 높은 완수율을 만들어내기도 하거든. 시각적 아름다움보다 인지적 명확성에 더 집중해봐.
3. 해피 패스(Happy Path) 뒤에 숨은 예외 케이스를 잡아내자
포트폴리오를 볼 때 주니어 티가 가장 많이 나는 부분이 바로 '모든 일이 잘 풀릴 때'만 가정하고 플로우를 그린다는 점이야. 하지만 실무에서는 네트워크 끊김, 필수 값 누락, 결제 실패, 중복 로그인 같은 **예외 케이스(Edge Case)**가 수시로 발생하거든.
사용자가 중간에 이탈하거나 에러를 마주했을 때, 다시 원래 흐름으로 돌아올 수 있는 '탈출구'를 마련해줘야 해. 플로우차트를 그릴 때 주 흐름인 Happy Path 외에 빨간색 선으로 예외 흐름을 꼼꼼하게 설계했는지가 시니어와 주니어를 가르는 결정적인 차이가 되더라고.
💡 핵심 정리
- 역방향 설계: 사용자가 가치를 느끼는 '아하 모먼트'를 먼저 정의하고 역순으로 플로우를 설계해봐.
- 예측 가능성 제공: 단순한 UI 일관성을 넘어 사용자가 다음 행동의 결과를 인지할 수 있도록 유도해야 해.
- 예외 처리 필수: 에러 상황이나 이탈 시나리오 등 다양한
Edge Case를 반드시 고려하자. 사용자 플로우는 서비스의 뼈대이자 지도와 같아. 포트폴리오를 만들 때 단순히 예쁜 화면만 나열하지 말고, 사용자가 왜 이 길을 걸어가야 하는지 논리적인 흐름으로 설득해봐. 면접관들의 눈빛이 달라질 거야. 항상 응원할게!