2. 플로우차트 — 잘 그리는 법
기호를 알았으니 이제 잘 그리는 법입니다.
1. 위에서 아래로
가장 자연스러운 방향입니다. 글을 읽는 방향과 같아서 별도 학습 없이 읽힙니다.
시작
↓
단계 1
↓
분기?
↓ ↘
Yes No
↓ ↓
단계 2 단계 3
↓
끝
왼→오는 타임라인에만. 일반 프로세스는 위→아래가 정석입니다.
2. 메인 경로는 직선으로
가장 흔한 경로(happy path)를 세로 직선으로 놓으세요. 예외나 분기는 옆으로 빼세요.
메인 경로: 위→아래 직선
분기/예외: 왼쪽이나 오른쪽으로
이러면 메인 경로가 즉시 보이고, 예외는 "아 이런 경우도 있구나" 정도로 인식됩니다.
3. 노드 이름은 동사로 시작
❌ "결제 페이지"
✅ "결제 정보 입력"
❌ "인증"
✅ "본인 인증 수행"
동사로 시작하면 "이 단계에서 뭘 하는지"가 명확합니다.
4. 분기는 질문으로
마름모(◇) 안에는 Yes/No로 답할 수 있는 질문을 넣으세요.
- ❌ "결제"
- ✅ "결제 성공?"
화살표에는 "Yes", "No" 또는 구체적인 조건("미참여", "참여중")을 쓰세요.
5. 한 화면에 들어가게
노드가 15개를 넘으면 한 화면에 안 들어갑니다. 이때:
방법 1: 서브 플로우로 분리
메인 플로우에서 복잡한 단계를 하나의 노드로 놓고, 별도 다이어그램으로 상세 플로우를 그립니다.
메인 플로우: 가입 → 결제 → [미션 수행] → 완료
미션 수행 상세: 미션 선택 → 수행 → 제출 → 피드백 → 다음 미션
방법 2: 구역 나누기
색상이나 박스로 구역을 나눕니다. "인증 영역", "결제 영역", "완료 영역" 같은 식으로.
6. 루프는 점선으로
"다시 돌아가는" 화살표는 점선으로 그려서 일반 흐름과 구분하세요. 실선 루프는 "이게 정방향인가 역방향인가" 헷갈립니다.
7. 체크리스트
- 위→아래 방향이다
- 메인 경로가 직선이다
- 노드 이름이 동사로 시작한다
- 분기에 질문이 있고 화살표에 조건이 있다
- 15개 이내거나, 넘으면 서브 플로우로 분리했다
- 루프 화살표는 점선이다