Ch.15 휴리스틱 평가와 디자인 비평
법칙 기반 디자인 비평
느낌이 아니라 근거로 말합니다
디자인 리뷰 회의에서 동료가 '이 화면 뭔가 별로인데...'라고 말합니다. 디자이너가 '어떤 부분이요?'라고 묻자, '그냥... 전체적으로?'라는 답이 돌아옵니다. 30분간 감정 논쟁만 반복됩니다.
개인 취향이 아닌 객관적 근거로 디자인을 비평하려면 어떻게 해야 할까?
관찰에서 출발해 디자인 법칙으로 뒷받침하고, 구체적 권고로 마무리하는 — 체계적 비평 프레임워크를 배웁니다.
핵심 내용
좋은 비평은 근거가 있습니다
디자인 비평(Design Critique)은 디자인의 품질을 평가하고 개선 방향을 제시하는 과정입니다. 하지만 '나는 이게 싫어' 같은 주관적 의견은 비평이 아니라 감상입니다. 진정한 비평은 관찰 가능한 사실과 검증된 원칙에 기반합니다.
세 단계로 비평을 구조화합니다
1단계: 관찰 (Observation): UI에서 관찰 가능한 사실을 기술한다. 주관적 판단 없이 '무엇이 보이는가'만 서술. 예: '메인 CTA 버튼이 주변 텍스트와 동일한 색상(#666)을 사용하고 있다'
2단계: 법칙 (Law/Principle): 관찰된 현상이 어떤 디자인 법칙에 부합하거나 위반하는지 연결한다. 예: 'Nielsen H1(시스템 상태 가시성)에 따르면 핵심 행동 요소는 시각적으로 구별되어야 한다'
3단계: 권고 (Recommendation): 법칙에 기반한 구체적 개선안을 제시한다. 예: 'CTA 버튼 색상을 브랜드 Mint(#00C9A7)로 변경하고, 명도 대비를 4.5:1 이상으로 확보할 것을 권고합니다'
비평에 자주 사용하는 디자인 법칙 • Fitts's Law: 타깃이 크고 가까울수록 빠르게 도달 → 버튼 크기·위치 비평 • Hick's Law: 선택지가 많을수록 결정 시간 증가 → 메뉴 구조 비평 • Gestalt 원리: 근접·유사·연속 → 그룹핑·레이아웃 비평 • Nielsen Heuristics: 10가지 사용성 원칙 → 전반적 UI 비평 • WCAG 접근성: 명도 대비, 터치 타깃, 텍스트 크기 → 접근성 비평
핵심 공식: '나는 [관찰]을 발견했습니다. [법칙]에 따르면 이는 [문제/강점]입니다. [구체적 권고]를 제안합니다.'
비판만 하면 팀이 무너집니다
효과적인 디자인 비평은 잘된 점(What Works)과 개선점(What to Improve)을 균형 있게 다룹니다. 문제점만 나열하면 디자이너의 사기가 꺾이고, 칭찬만 하면 개선이 이루어지지 않습니다.
비평 템플릿 구조
What Works 예시 "로그인 폼에서 비밀번호 입력 시 실시간 강도 표시가 제공됩니다(관찰). Nielsen H1(시스템 상태 가시성)을 잘 준수하고 있으며(법칙), 사용자가 현재 상태를 즉각적으로 인식할 수 있습니다(효과)." What to Improve 예시 "장바구니 삭제 버튼이 확인 없이 즉시 실행됩니다(관찰). Nielsen H5(오류 예방)에 따르면 되돌릴 수 없는 작업에는 확인 단계가 필요합니다(법칙). Undo 기능 또는 확인 모달을 추가할 것을 권고합니다(권고)."
비평의 황금 비율: 잘된 점 1~2개를 먼저 언급한 뒤, 개선점 2~3개를 법칙 기반으로 제시합니다. 이 순서가 수용성을 높입니다.
다음 중 '객관적 비평(법칙 기반 비평)'에 해당하는 것은?
비평 프레임워크의 올바른 순서는 '관찰 → 법칙 → 권고'이다
효과적인 비평에서는 개선점만 지적하고 잘된 점은 생략해야 한다
비교 정리
| 항목 | 주관적 비평 (감상) | 객관적 비평 (법칙 기반) |
|---|---|---|
| 표현 방식 | '이 버튼 색상이 별로예요' | '이 CTA 버튼은 배경과 명도 대비가 2.1:1로, WCAG AA 기준(4.5:1)에 미달합니다' |
| 근거 | 개인 취향, 감정, 직감 | 디자인 법칙, 데이터, 사용성 원칙 |
| 실행 가능성 | 무엇을 어떻게 고쳐야 할지 불분명 | 구체적인 개선 방향이 도출됨 |
| 예시 | '폰트가 마음에 안 들어요' | '본문 14px에서 줄간격이 1.2로, 가독성 권장값(1.5~1.6) 미만입니다. Fitts's Law 관점에서 터치 타깃도 40px로 최소 권장(44px)에 미달합니다' |
주관적 감상은 출발점일 수 있지만, 비평이 되려면 관찰 가능한 사실 + 디자인 법칙 + 구체적 권고가 필요하다
핵심 정리
- 1주관적 감상('별로예요')은 비평이 아니다 — 관찰 + 법칙 + 권고가 비평
- 2비평 프레임워크: 관찰(사실) → 법칙(근거) → 권고(개선안)
- 3활용 법칙: Fitts's Law, Hick's Law, Gestalt, Nielsen Heuristics, WCAG
- 4비평 템플릿: What Works(잘된 점) + What to Improve(개선점) 균형 제시
- 5비평의 목적은 비난이 아닌 개선 — 잘된 점을 먼저, 개선점을 법칙으로
퀴즈와 인터랙션으로 더 깊이 학습하세요
play_circle인터랙티브 레슨 시작