Ch.16 최종 프로젝트
디자인 진단서 작성
디자인의 문제를 체계적으로 진단합니다
당신은 한 앱의 UX 리뷰를 맡았습니다. '이 버튼이 안 예뻐요'라는 피드백 대신, 정확히 어떤 법칙이 위반되었고 얼마나 심각한지 진단서 형태로 보고해야 합니다.
주관적 감상이 아닌, 법칙 기반의 객관적 진단은 어떻게 작성할까?
15주간 배운 디자인 법칙들을 체크리스트로 정리하고, 심각도 평가와 개선 권고안이 포함된 진단서 템플릿을 완성합니다.
핵심 내용
감상이 아닌 진단 느낌이 아닌 법칙
디자인 진단서(Design Diagnosis Report)란 특정 화면이나 서비스의 UI/UX를 디자인 법칙 기반으로 분석하고, 문제점과 개선 방향을 체계적으로 기술한 문서입니다. 주관적 의견('이상하다', '별로다')이 아닌 법칙 위반 근거와 심각도 평가가 핵심입니다.
디자인 진단서 = 화면 관찰 + 위반 법칙 명시 + 심각도 분류 + 개선 권고안
왜 진단서가 필요한가? • 디자이너와 개발자 간 공통 언어를 제공합니다 • '느낌'이 아닌 근거 기반 피드백으로 설득력이 높아집니다 • 심각도 평가로 우선순위를 명확히 할 수 있습니다 • 수정 전/후 비교가 가능해 개선 효과를 측정할 수 있습니다
1. 화면 선정: 분석할 화면 또는 플로우를 스크린샷으로 캡처
2. 관찰 기록: 해당 화면에서 발견한 문제 현상을 객관적으로 서술
3. 법칙 매핑: 위반된 디자인 법칙을 체크리스트에서 식별
4. 심각도 평가: Critical / Major / Minor / Cosmetic으로 분류
5. 개선 권고: 구체적인 수정 방향과 기대 효과 기술
15주간 배운 법칙을 진단 도구로 전환합니다
이 체크리스트는 출발점입니다. 프로젝트 특성에 따라 접근성(WCAG), 다크 패턴, 인지 부하 등 추가 항목을 보강하세요.
모든 문제가 같은 무게는 아닙니다
심각도 4단계
Cosmetic — 기능에 영향 없는 시각적 미세 결함. 여유가 있을 때 수정
진단서 템플릿 (항목당) | 항목 | 내용 | |---|---| | 화면 | 분석 대상 스크린샷 또는 화면명 | | 관찰 | 발견한 현상을 객관적으로 서술 | | 위반 법칙 | 체크리스트에서 해당 법칙 명시 | | 심각도 | Critical / Major / Minor / Cosmetic | | 권고안 | 구체적 수정 방향 + 기대 효과 |
진단서는 최소 5개 이상의 발견 항목을 포함해야 합니다. 각 항목은 반드시 법칙 근거와 심각도가 명시되어야 하며, '예쁘다/안 예쁘다'와 같은 주관적 표현은 지양합니다.
디자인 진단서에서 '이 화면은 느낌이 안 좋다'라는 표현이 부적절한 이유는?
심각도 'Critical'은 핵심 플로우가 완전히 막히는 수준의 문제를 의미한다
진단서의 각 항목에는 위반 법칙 명시 없이 심각도만 기재해도 충분하다
핵심 용어
1. 피츠의 법칙
중요한 버튼이 충분히 크고 접근하기 쉬운 위치에 있는가?
2. 힉의 법칙
한 화면에서 선택지가 과도하게 많지 않은가?
3. 제이콥의 법칙
사용자가 익숙한 패턴(관례)을 따르고 있는가?
4. 밀러의 법칙
한 번에 기억해야 할 항목이 7±2개 이내인가?
5. 근접의 법칙
관련 요소가 시각적으로 가까이 그룹핑되어 있는가?
6. 대비 원칙
텍스트와 배경의 명암비가 4.5:1 이상인가?
7. 일관성 원칙
동일 기능에 동일한 색상·아이콘·레이블을 사용하는가?
8. 피드백 원칙
사용자의 액션에 즉각적인 시각/촉각 피드백이 있는가?
9. 오류 예방
실수를 유발하는 UI 구조가 있지 않은가? (확인 다이얼로그 등)
10. 심미성-사용성 효과
시각적 완성도가 높아 사용성을 보조하고 있는가?
11. 폰 레스토프 효과
핵심 CTA가 시각적으로 뚜렷하게 구별되는가?
12. 게슈탈트 연속성
시선 흐름이 자연스럽게 이어지는가?
핵심 정리
- 1디자인 진단서: 감상이 아닌 법칙 기반의 객관적 UI/UX 분석 문서
- 2진단 프로세스: 화면 → 관찰 → 위반 법칙 → 심각도 → 권고안
- 3법칙 체크리스트: 피츠, 힉, 제이콥, 밀러, 근접, 대비, 일관성, 피드백, 오류 예방, 심미성-사용성, 폰 레스토프, 게슈탈트 연속성 (12개+)
- 4심각도 4단계: Critical(사용 불가) > Major(심각한 혼란) > Minor(경미한 불편) > Cosmetic(미세 결함)
- 5진단서 최소 5개 항목, 각 항목에 법칙 근거와 심각도 필수
퀴즈와 인터랙션으로 더 깊이 학습하세요
play_circle인터랙티브 레슨 시작