<aside>
📎
참고 출처
- How to create a flowchart in FigJam — Figma Help Center — 실습에서 플로우차트를 만들 때 사용할 FigJam 공식 가이드입니다.
- How to create a flowchart in FigJam — Figma Help Center — 도형 도구와 커넥터 사용법의 공식 가이드입니다.
</aside>
FigJam 도구 사용법을 익히셨습니다. 이제 본인 창업 아이템에 실제로 적용할 시간입니다. IA와 유저 플로우를 FigJam에서 직접 작성함으로써 알아본 개념을 실무 산출물로 연결합니다.
FigJam으로 IA·유저 플로우 작성하기
실습 목표와 산출물
- 목표: 본인 창업 아이템의 코어 서비스를 구조화한 IA(Depth 2 이상)와, 주요 유저 플로우 1개를 FigJam에서 완성합니다.
- 산출물
- FigJam에 작성한 IA (트리 구조, Depth 2~3)
- FigJam에 작성한 핵심 유저 플로우 1개 (Task Flow 또는 User Flow)
단계별 진행 안내
- 1단계 — FigJam : figma.com/figjam에서 새 FigJam 파일을 엽니다. 구역을 두 영역(IA 영역 / 유저 플로우 영역)으로 나눠 섹션으로 구분합니다.
- 2단계 — IA 작성: 서비스의 주요 화면과 기능을 Depth 1~3으로 정리합니다.
- Depth 1: 접속 주요 영역을 노란색 도형으로 배치합니다.
- Depth 2~3: 하위 페이지를 하늘색 / 회색 도형으로 커넥터 연결합니다.
- 적어도 3개 이상의 주요 페이지 구조를 포함합니다.
- 3단계 — 유저 플로우 작성: 서비스에서 가장 중요한 사용자 시나리오 1개를 선정하여 플로우를 그립니다.
- Task Flow로 시작 백 지점, 단계, 종료를 나열합니다.
- 의사결정 지점이 있다면 다이아먼드에 Yes/No 커넥터를 답니다.
- 실패(오류) 시나리오도 반드시 포함합니다. 예: 로그인 실패 → '비밀번호가 틀렸습니다' 화면 → 다시 시도 또는 찾기
- 4단계 — 점검 및 발표: 완성된 IA와 유저 플로우를 한 라인으로 안내되는지 확인합니다. 1~2명이 플로우를 실제로 따라가며 마찰 지점이 없는지 발표합니다.
산출물 작성 틀
- IA 활동 시 답해야 할 항목들:
- 서비스의 핵심 기능은 무엇인가?
- Depth 1의 주요 영역은 몇 개인가? (일반적으로 4~7개를 권장)
- 각 영역의 Depth 2~3 페이지들은?
- 유저 플로우 활동 시 답해야 할 항목들:
- 선정한 시나리오: (사용자)이 (풍적)을 하는 과정
- 시작 지점:
- 단계 (3개 이상):
- 의사결정 지점이 있다면: Yes/No 두 경로
- 종료 지점:
피드백 관점
- IA: 코어 서비스에 필요한 릪리고 븠진 화면이 없는지 확인합니다.
- IA: Depth 구조가 논리적으로 연결되는지, 사용자가 원하는 정보를 찾아가는 경로가 직관적인지 확인합니다.
- 유저 플로우: 실패 시나리오(오류 / 비정상 조건)도 포함되었는지 확인합니다.
- 유저 플로우: 도형 기호를 파일 내에서 일관되게 사용했는지 확인합니다.