디자인 아틀라스
EN
⌘ UX 용어·법칙

도허티 임계값

Doherty Threshold

시스템 응답이 400ms 이내면 사용자가 몰입을 유지하고, 그보다 느리면 주의가 다른 곳으로 샌다는 임계값.

···
html
<div class="stage">
  <div class="pane"><div class="tag">✓ &lt;400ms</div>
    <button class="btn" id="b1">Click</button>
    <div class="bar"><div class="fill fast"></div></div>
    <div class="ok" id="ok1">✓ flow</div>
  </div>
  <div class="pane"><div class="tag">✗ &gt;400ms</div>
    <button class="btn" id="b2">Click</button>
    <div class="bar"><div class="fill slow"></div></div>
    <div class="away" id="ok2">⇄ distracted</div>
  </div>
</div>
css
.stage{width:94%;height:88%;display:flex;gap:6%}
.pane{position:relative;flex:1;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;gap:10px;overflow:hidden}
.tag{position:absolute;top:8px;left:10px;font:700 10.5px/1 monospace;color:var(--muted)}
.btn{border:1px solid var(--line);border-radius:8px;padding:8px 16px;background:var(--bg);font-size:12px;font-weight:700}
.bar{width:70%;height:5px;border-radius:3px;background:var(--line);overflow:hidden}
.fill{height:100%;background:var(--accent);width:0}
.fast{animation:g .35s ease-out infinite}
.slow{animation:g 1.8s ease-out infinite}
@keyframes g{0%{width:0}55%{width:100%}100%{width:100%}}
.ok,.away{font:700 11px/1 monospace;opacity:0}
.ok{color:var(--accent-3);animation:show .35s ease-out infinite}
.away{color:var(--accent-2);animation:show 1.8s ease-out infinite}
@keyframes show{0%,60%{opacity:0}75%,90%{opacity:1}100%{opacity:1}}

IBM 연구원 월터 도허티(Walter J. Doherty)와 아라빈드 타다니(Ahrvind J. Thadhani)가 1982년 논문에서 컴퓨터 응답 시간과 생산성의 관계를 연구하며 제시한 수치입니다. 400ms는 "느리다고 인식하는 최소 지연"에 가깝습니다 — 이보다 빠르면 사람은 자신이 시스템을 "주도한다"고 느낍니다.

실제 서버 응답이 400ms를 넘을 수밖에 없다면, 스켈레톤 화면(→ skeleton-screen)이나 옵티미스틱 UI(→ optimistic-ui)로 체감 지연을 줄이는 게 실무 해법입니다. 체감 속도는 실제 속도와 다른 축의 문제입니다.

데모의 왼쪽은 400ms 안에 응답해 사용자가 바로 다음 동작으로 넘어가고, 오른쪽은 임계값을 넘겨 사용자의 시선이 다른 곳(딴짓 아이콘)으로 흩어집니다.

언제 쓰나

API 응답이 느린 화면을 설계할 때 "실제로 빠르게 만들 수 없다면 체감이라도 400ms 안에 반응하게" 만드세요.