topic★★★★★난이도 · 약 35분
와이어프레임 리뷰
개선안 와이어프레임 작성 · 이론적 근거 기술 · 피어 리뷰.
#와이어프레임#피어 리뷰#개선안
왜 배우는가
진단서가 '문제를 찾는 것'이라면 와이어프레임은 '해결책을 시각화하는 것'이다. 모든 개선에는 왜 이렇게 바꿨는지 이론적 근거가 있어야 한다.
와이어프레임은 색상·이미지 없이 구조와 배치만 표현한 저해상도 설계도다. 진단서에서 발견한 문제를 해결하는 개선안을 와이어프레임으로 그린다.
| 도구 | 난이도 | 특징 |
|---|---|---|
| 종이 + 펜 | ★☆☆ | 가장 빠름, 초기 아이디어 스케치에 최적 |
| Figma | ★★☆ | 무료, 협업 가능, 와이어프레임 키트 제공 |
| Balsamiq | ★★☆ | 손그림 스타일, 저해상도 강조 |
| Excalidraw | ★☆☆ | 브라우저 기반, 빠른 스케치 |
개선안에 이론적 근거를 붙이는 법: 와이어프레임 옆에 주석 박스를 달고, '→ 게슈탈트 근접성 원리 적용: 관련 필터를 카테고리별로 그룹핑', '→ 힉 법칙 적용: 1차 필터 4개 → 2차 세부 필터로 단계 분리'처럼 기술한다.
피어 리뷰 체크리스트 — ① 진단서의 문제를 실제로 해결하는가? ② 새로운 UX 법칙 위반을 만들지 않았는가? ③ 이론적 근거가 정확한가? (법칙 인용 오류 없는지) ④ 구현 가능성은 있는가? (기술적 제약 고려) ⑤ 접근성(a11y)을 해치지 않는가?
피어 리뷰는 'I Like / I Wish / What If' 프레임워크로 진행한다. 리뷰어가 개인 취향을 말하는 것이 아니라 법칙을 근거로 피드백하는 것이 핵심이다. '나는 이 색이 싫어'가 아니라 '60:30:10 비율에서 accent가 과다합니다'로 말한다.