정의
Fitts’s Law는 사용자가 특정 목표를 클릭하거나 터치하는 데 걸리는 시간은 그 목표의 크기와 거리의 함수라는 원리다. 목표가 클수록, 가까울수록 빠르게 도달할 수 있다. UX 설계에서 효율적 인터랙션 배치를 위한 핵심 이론이다.
주요 포인트
- 도달 시간 공식화: 도달 시간은 목표까지의 거리와 목표 크기에 비례해 계산 가능
- 클릭 효율성 향상: 크고 가까운 요소는 조작이 빠르며 오류 확률도 낮음
- UI 배치 전략 근거 제공: 주요 인터랙션 요소는 사용자의 주요 시선과 손 위치 근처에 배치해야 함
실무 적용
- 버튼 크기 최적화: 자주 사용하는 버튼은 충분히 크고 인지 가능한 형태로 제공
- 화면 가장자리 활용: 터치 인터페이스에서는 가장자리를 사용해 도달성 향상
- 중요 기능 근접 배치: 연속 동작이 필요한 기능은 서로 가까이 배치해 흐름 단축
참고 사례
- 모바일 UI 하단 탭바: 손가락 이동 거리를 줄이기 위해 주요 기능을 하단에 고정
- 웹사이트 내비게이션: 자주 사용하는 메뉴는 상단 왼쪽 또는 시선 흐름 내에 배치
최소 터치 타겟 크기 가이드라인
| Company/Organization | Recommended Size |
|---|---|
| HIG (Apple) | 44 * 44 pt |
| Material Design Guide (Google) | 48 * 48 dp |
| Web Content Accessibility Guidelines (WCAG) | 44 * 44 CSS px |
| Nielsen Norman Group (UX Training, Consulting, & Research) | 1 * 1 cm |
👆 터치 대상이 작으면 사용자는 대상을 문제없이 선택했을 때 조차 인터페이스 사용성이 떨어진다는 인상을 받게 된다.
터치 대상 사이의 거리 확보
성인의 손가락 지문면 평균 면적: 10~14mm
성인의 손 끝 평균 면적: 8~10mm
⇒ 터치 대상 간 거리를 최소 8dp 이상 확보해야 한다!
터치 대상의 배치
터치 대상은 인터페이스 상에서 쉽게 도달할 수 있는 영역에 배치해야 한다.
스마트폰 터치 정확도
- 화면 중앙부: 시선 🔼, 터치 선호도 🔼, 정확도 🔼
참고: PC에서는 왼쪽 상단에서 오른쪽 하단으로 시선이 흐른다.
공식
피츠의 법칙은 사용자가 목표물에 도달하기까지 걸리는 시간을 예측하는 공식이다.
- T: 동작을 완수하는 데 필요한 평균 시간 (MT: Movement Time)
- a, b: 실험 상수
- D: 대상 물체의 중심으로부터 측정한 거리 (A: Amplitude)
- W: 목표물의 폭 및 허용 오차 (± W/2)
이 공식에 따르면, 목표물의 크기가 작아지거나 목표물과의 거리가 멀어질수록 속도와 정확도가 나빠지고, 목표물에 도달하는 데 더 많은 시간이 필요하다.