Ch.15 휴리스틱 평가와 디자인 비평
Nielsen 10가지 휴리스틱
좋은 UI에는 공통된 원칙이 있습니다
처음 사용하는 앱에서 파일을 저장했는데, 아무런 반응이 없습니다. 저장된 건지 안 된 건지 알 수 없어 같은 버튼을 세 번 더 누릅니다. 결국 파일이 네 개 생겼습니다.
수십 년간 반복되는 UI 실수를 체계적으로 잡아낼 방법은 없을까?
1994년 Jakob Nielsen이 정리한 10가지 사용성 휴리스틱 — 오늘날까지 UX 평가의 표준 체크리스트로 사용됩니다.
핵심 내용
경험 법칙으로 UI를 진단합니다
휴리스틱 평가(Heuristic Evaluation)란 전문가가 정해진 원칙(휴리스틱)에 비추어 인터페이스를 점검하는 방법입니다. 사용자 테스트 없이도 주요 문제를 빠르게 발견할 수 있어, UX 리서치의 첫 단계로 널리 쓰입니다.
Nielsen 10 Heuristics
H1~H5 핵심: 피드백을 주고(H1), 익숙한 언어를 쓰고(H2), 실수를 되돌릴 수 있게 하고(H3), 일관되게 만들고(H4), 오류를 미리 막아라(H5)
기억보다 인식 장식보다 본질
H6~H10 핵심: 보여주고(H6), 유연하게(H7), 미니멀하게(H8), 오류를 고치도록 돕고(H9), 도움말을 갖춰라(H10)
발견한 문제에 우선순위를 매깁니다
휴리스틱 평가에서 문제를 발견한 뒤, 각 문제에 심각도 등급(Severity Rating)을 부여합니다. Nielsen은 0~4의 5단계 척도를 제안했습니다. 이 등급은 수정 우선순위를 결정하는 데 핵심적입니다.
심각도 판단 공식 심각도는 세 가지 요소의 조합입니다: • 빈도: 문제가 얼마나 자주 발생하는가? (흔함 vs 드묾) • 영향도: 사용자가 얼마나 쉽게 극복할 수 있는가? (쉬움 vs 불가능) • 지속성: 한 번 겪으면 학습되는가, 계속 반복되는가? 세 요소 모두 높으면 심각도 4, 모두 낮으면 심각도 1에 해당합니다.
파일 저장 후 아무런 피드백이 없는 UI는 어떤 휴리스틱을 위반한 것인가?
심각도 3(Major)은 사용자의 과업 수행에 상당한 지장을 주므로 높은 우선순위로 수정해야 한다
H6 '기억보다 인식'은 사용자가 정보를 외워서 입력하도록 유도하는 원칙이다
핵심 용어
H1. 시스템 상태의 가시성 (Visibility of System Status)
시스템이 현재 무엇을 하고 있는지 적절한 피드백으로 알려야 한다. 예: 파일 업로드 진행률 표시, 로딩 스피너, 저장 완료 토스트 메시지
H2. 시스템과 현실 세계의 일치 (Match Between System and the Real World)
시스템이 사용자의 언어와 개념을 사용해야 한다. 기술 용어 대신 일상 언어, 현실 세계의 관습과 일치하는 논리적 순서. 예: 휴지통 아이콘, 폴더 비유
H3. 사용자 제어와 자유 (User Control and Freedom)
사용자가 실수했을 때 쉽게 되돌릴 수 있어야 한다. '비상구'가 명확해야 하며, Undo/Redo를 지원해야 한다. 예: Gmail '보내기 취소', Ctrl+Z
H4. 일관성과 표준 (Consistency and Standards)
같은 단어·상황·행동은 항상 같은 의미여야 한다. 플랫폼 관습(예: iOS 뒤로가기 = 좌측 스와이프)을 따라야 한다
H5. 오류 예방 (Error Prevention)
오류 메시지보다 오류 자체를 방지하는 설계가 우선이다. 확인 대화상자, 입력값 실시간 검증, 위험한 작업 전 경고. 예: 삭제 전 '정말 삭제하시겠습니까?'
H6. 기억보다 인식 (Recognition Rather Than Recall)
사용자가 정보를 기억하도록 강요하지 말고, 선택지를 보여줘야 한다. 예: 최근 검색어 표시, 자동완성, 드롭다운 메뉴
H7. 유연성과 효율성 (Flexibility and Efficiency of Use)
초보자와 전문가 모두를 위한 설계. 단축키, 매크로, 커스터마이징 기능. 예: Ctrl+C(전문가) + 우클릭 복사(초보자)
H8. 미적이고 미니멀한 디자인 (Aesthetic and Minimalist Design)
불필요한 정보를 배제하고 핵심만 보여준다. 모든 추가 정보는 관련 정보와 경쟁하여 가시성을 낮춘다. 예: Google 검색 홈페이지의 미니멀 디자인
H9. 오류 인식·진단·복구 지원 (Help Users Recognize, Diagnose, and Recover from Errors)
오류 메시지는 평범한 언어로 문제를 설명하고, 해결 방법을 제시해야 한다. 'Error 404' 대신 '페이지를 찾을 수 없습니다. 홈으로 돌아가기'
H10. 도움말과 문서 (Help and Documentation)
이상적으로는 도움말 없이 사용할 수 있어야 하지만, 필요 시 쉽게 검색 가능하고 작업 중심의 도움말을 제공해야 한다. 예: 툴팁, 온보딩 투어, FAQ
0 — 문제 아님
사용성 문제로 판단되지 않음
1 — 표면적 문제 (Cosmetic)
시간이 남을 때만 수정. 사용자 경험에 거의 영향 없음. 예: 미세한 정렬 불일치
2 — 경미한 문제 (Minor)
낮은 우선순위로 수정. 사용에 약간의 불편. 예: 아이콘 의미가 직관적이지 않음
3 — 중대한 문제 (Major)
높은 우선순위로 수정. 과업 수행에 상당한 지장. 예: 저장 후 피드백 없음(H1 위반)
4 — 재앙적 문제 (Catastrophe)
출시 전 반드시 수정. 과업 완수가 불가능하거나 데이터 손실 위험. 예: 결제 완료인데 주문 실패
시각 자료
핵심 정리
- 1Nielsen 10 Heuristics: UX 평가의 표준 체크리스트 (1994)
- 2H1 가시성, H2 현실 일치, H3 사용자 제어, H4 일관성, H5 오류 예방
- 3H6 인식>기억, H7 유연성, H8 미니멀, H9 오류 복구, H10 도움말
- 4심각도 0~4: 문제 아님 → 표면적 → 경미 → 중대 → 재앙적
- 5심각도 판단: 빈도 x 영향도 x 지속성의 조합
퀴즈와 인터랙션으로 더 깊이 학습하세요
play_circle인터랙티브 레슨 시작