2. 탐색 — 내가 찾는 걸 찾을 수 있는가
스캔이 끝나면 (5초 이후) 사람은 전체를 순서대로 읽지 않습니다. 자기가 관심 있는 부분을 먼저 찾습니다.
1. 사람은 다이어그램을 처음부터 끝까지 안 읽는다
책과 다릅니다. 책은 1페이지부터 읽지만, 다이어그램은 **"내가 아는 것" 또는 "내가 궁금한 것"**부터 찾습니다.
예를 들어 결제 플로우를 보여주면:
- 기획자는 "유저가 이탈하는 지점"을 먼저 찾고
- 개발자는 "API 호출 순서"를 먼저 찾고
- 대표는 "결제 완료까지 몇 단계인지"를 먼저 봅니다
같은 다이어그램을 봐도 찾는 게 다릅니다.
2. 탐색이 쉬우려면
2-1. 노드 이름이 눈에 들어와야 한다
노드 안의 텍스트가 핵심입니다. "Process 1", "Step A" 같은 추상적인 이름은 찾기 어렵습니다.
- ❌ "Step 3"
- ✅ "결제 요청"
2-2. 색으로 구역이 나뉘어야 한다
관련된 노드끼리 같은 색이면, 눈이 "아 이쪽이 결제 부분이구나"하고 빠르게 점프합니다.
- 인증 관련 = 파란색
- 결제 관련 = 빨간색
- 완료 처리 = 초록색
2-3. 분기 조건이 눈에 띄어야 한다
사람들이 가장 많이 찾는 게 **"여기서 어떤 조건에 따라 갈라지는가"**입니다. 화살표 위의 텍스트("성공", "실패", "미참여")가 작거나 안 보이면 핵심을 놓칩니다.
분기 조건 텍스트는 본문 텍스트보다 눈에 띄게. 굵게, 또는 색상을 다르게.
3. 탐색이 어려운 다이어그램의 특징
| 증상 | 원인 |
|---|---|
| 원하는 노드를 찾으려면 전부 읽어야 함 | 노드 이름이 추상적 |
| 어디가 어떤 영역인지 모름 | 색/구역 구분 없음 |
| 분기 조건을 모름 | 화살표 위 텍스트 없거나 작음 |
| 찾았는데 전후 맥락을 모름 | 노드 간 거리가 너무 멀어 시선 이동 큼 |
4. 체크리스트
- 모든 노드에 구체적인 이름이 있다 ("Step 3" 금지)
- 관련 노드끼리 같은 색이다
- 분기 조건 텍스트가 눈에 띈다
- 관련 노드끼리 가까이 배치되어 있다