Ch.9 UX 법칙 (하)
도허티 임계값과 UX 법칙 총정리
0.4초 — 사용자의 인내심의 한계
버튼을 눌렀는데 1초 동안 아무 변화가 없으면 '고장났나?' 생각합니다. 하지만 버튼을 누르자마자 스켈레톤 화면이 뜨면, 실제 로딩 시간이 같아도 '빠르다'고 느낍니다.
실제 속도를 높이지 않고도 '빠르다'는 느낌을 줄 수 있을까?
IBM의 Walter Doherty가 1982년에 발표한 도허티 임계값 — 시스템 응답이 400ms 이내면 사용자는 '즉각적'으로 느낍니다.
핵심 내용
400ms 이내의 응답은 '즉각적'으로 느껴집니다
1982년 IBM의 Walter Doherty와 Ahrvind Thadani는 연구를 통해, 시스템 응답 시간이 400ms 이하일 때 사용자의 생산성과 만족도가 급격히 높아진다는 것을 발견했습니다. 이것을 도허티 임계값(Doherty Threshold)이라 합니다.
핵심: 실제 속도를 높일 수 없다면, 체감 속도를 높여라 — 이것이 로딩 UX의 본질이다
실제로 빠르게 만들 수 없다면 빠르게 '느끼게' 만들어라
로딩 UX 3대 기법
스켈레톤 스크린(Skeleton Screen): 로딩 중에 실제 콘텐츠 레이아웃과 동일한 형태의 회색 박스를 보여줍니다. Facebook, YouTube, LinkedIn이 대표적으로 사용합니다. 빈 화면이나 스피너보다 체감 대기 시간이 약 30% 짧게 느껴집니다.
옵티미스틱 업데이트(Optimistic Update): '좋아요' 버튼을 누르면 서버 응답을 기다리지 않고 즉시 하트가 채워집니다. 서버에 에러가 발생하면 그때 롤백합니다. Instagram, Twitter(X), Slack 등이 활용합니다.
프로그레스 인디케이터: 파일 업로드(37% 완료), 주문 배송(3/5단계), 앱 설치(설치 중...) 등. 전체 과정에서 현재 위치를 보여주면 사용자는 기다릴 수 있습니다.
Ch8~Ch9에서 배운 6가지 UX 법칙과 추가로 알아야 할 법칙들
추가로 알아두면 좋은 UX 법칙들도 있습니다. 각각의 원리를 간략히 정리합니다.
도허티 임계값에서 '즉각적'으로 느껴지는 시스템 응답 시간은?
'좋아요' 버튼을 누르면 서버 응답 전에 즉시 하트가 채워지는 기법의 이름은?
피츠의 법칙에 따르면 모든 버튼을 최대한 크게 만들수록 좋다
밀러의 법칙과 힉의 법칙은 모두 '한 번에 보여주는 항목 수를 줄여라'는 결론에 도달한다
다음 중 테슬러의 법칙(복잡도 보존)을 가장 잘 적용한 사례는?
핵심 용어
0~100ms
즉각적(Instant) — 사용자는 지연을 전혀 인식하지 못함
100~400ms
빠름(Fast) — 약간의 지연을 느끼지만 자연스러움
400ms~1초
눈에 띄는 지연 — 시스템이 '작업 중'이라는 피드백 필요
1초~10초
느림 — 프로그레스 바/퍼센트 표시 필수. 이탈 위험 시작
10초 이상
이탈 — 대부분의 사용자가 페이지를 떠남
피츠의 법칙
타겟이 크고 가까울수록 빠르게 도달 — 최소 44px, 하단 내비, 무한 너비 효과
힉의 법칙
선택지↑ 결정시간 로그적↑ — 점진적 공개, 카테고리화로 선택지 분산
밀러의 법칙
작업기억 7±2 chunks — 청킹, 시각적 그룹핑, 폼 분할
제이콥의 법칙
사용자는 다른 사이트의 패턴을 기대 — 핵심 기능은 관습, 표현은 차별화
테슬러의 법칙
복잡도는 사라지지 않음 — 시스템이 흡수할수록 좋은 UX
도허티 임계값
400ms 이내 응답 = 즉각적 — 스켈레톤, 옵티미스틱 업데이트
폰 레스토프 효과
비슷한 항목 속 이질적 요소가 가장 기억에 남음 — CTA 버튼 색상 차별화의 근거
계열 위치 효과
목록의 처음(초두 효과)과 마지막(최신 효과) 항목이 가장 잘 기억됨
자이가르닉 효과
완료되지 않은 과제가 완료된 과제보다 더 오래 기억됨 — 프로그레스 바의 심리적 근거
심미적 사용성 효과
아름다운 디자인이 실제보다 더 사용하기 쉽다고 느껴짐
피크-엔드 법칙
경험의 최고점(Peak)과 마지막(End)이 전체 평가를 결정
파킨슨의 법칙
주어진 시간만큼 작업이 늘어남 — 타이머와 마감이 효율을 높이는 이유
핵심 정리
- 1피츠의 법칙: 크기↑ 거리↓ = 빠른 조작 (44px, 하단 내비, 무한 너비)
- 2힉의 법칙: 선택지↑ 결정시간↑ → 점진적 공개, 카테고리화
- 3밀러의 법칙: 7±2 chunks → 청킹, 시각적 그룹핑
- 4제이콥의 법칙: 익숙한 패턴 기대 → 핵심 기능은 관습 준수
- 5테슬러의 법칙: 복잡도 불변 → 시스템이 흡수해야 좋은 UX
- 6도허티 임계값: 400ms 이내 = 즉각적 → 스켈레톤, 옵티미스틱 업데이트
- 7보너스: 폰 레스토프, 계열 위치, 자이가르닉, 심미적 사용성, 피크-엔드, 파킨슨
퀴즈와 인터랙션으로 더 깊이 학습하세요
play_circle인터랙티브 레슨 시작