핏츠의 법칙 (Fitts’s Law)
“버튼은 크고 가까울수록 좋다. 정확히는, 거리의 로그에 비례하고 크기에 반비례한다.”
한줄 요약
대상까지의 거리가 멀수록, 대상의 크기가 작을수록 선택에 걸리는 시간이 길어집니다. 이 관계를 수식으로 표현한 것이 핏츠의 법칙이며, 버튼 배치, 터치 타겟, 메뉴 설계의 과학적 근거가 됩니다.
무슨 법칙인가?
1954년, 미국의 심리학자 폴 핏츠(Paul M. Fitts)는 인간 운동 제어의 정확성과 속도 사이의 관계를 수식화했습니다. 원래는 항공기 조종사가 물리적 스위치를 조작하는 속도를 연구하던 중이었지만, 이 법칙은 마우스 클릭, 터치 스크린 탭, 심지어 시선 추적까지 모든 ‘목표 지향적 움직임’에 적용됩니다.
공식은 다음과 같습니다:
MT = a + b · log₂(2A / W)
- MT(Movement Time): 대상까지 이동하는 데 걸리는 시간
- A(Amplitude): 시작점에서 대상까지의 거리
- W(Width): 대상의 너비(크기)
- a, b: 경험적 상수 (사용자, 입력 장치에 따라 다름)
공식이 말하는 핵심은 두 가지입니다. 첫째, 거리가 멀수록 시간이 오래 걸린다 — 하지만 비례하는 것이 아니라 로그 비례합니다. 거리가 2배가 된다고 시간이 2배가 되지는 않습니다. 둘째, 대상이 클수록 시간이 짧아진다 — 이 역시 로그 관계입니다. 버튼을 2배로 키운다고 클릭 시간이 절반이 되지는 않지만, 의미 있는 감소는 있습니다.
재미있는 점은 핏츠의 법칙이 화면 가장자리와 모서리에서 특별한 힘을 발휘한다는 것입니다. 화면 상단 가장자리에 있는 메뉴 바는 마우스가 더 이상 위로 갈 수 없기 때문에, 사용자가 ’ overshoot(목표 지점을 지나침)’ 하더라도 메뉴 바 안에 머뭅니다. 즉, 실효 크기가 무한대가 되는 것입니다. Apple이 macOS에서 메뉴 바를 항상 화면 최상단에 고정하는 이유가 바로 여기에 있습니다. 반면 Windows의 메뉴 바는 윈도우 내부에 있어 마우스가 지나칠 수 있습니다.
1992년, I. 스콧 맥켄지(I. Scott MacKenzie)는 핏츠의 원래 공식을 개선하여 Shannon 공식을 제안했습니다: MT = a + b · log₂(A/W + 1). 이 공식은 음수가 나오지 않고 실제 데이터와 더 잘 맞아, 오늘날 HCI 연구에서 표준으로 사용됩니다.
실무에서 어떻게 쓰이나?
1. 모바일 터치 타겟의 최소 크기
Apple의 Human Interface Guidelines와 Google의 Material Design은 터치 타겟의 최소 크기를 44×44pt(Apple) 와 48×48dp(Google) 로 규정합니다. 이 숫자는 핏츠의 법칙에서 계산된 “성인 엄지손가락으로 안정적으로 탭할 수 있는 최소 크기”입니다. 이보다 작은 버튼은 오터치(mis-tap)가 급증합니다. 카카오톡의 전송 버튼, 인스타그램의 좋아요 버튼이 모두 이 기준 이상의 크기를 가집니다.
2. 주요 액션 버튼의 배치 전략
Gmail의 “작성” 버튼은 화면 우하단에 떠 있는 원형 버튼입니다. 화면 어디를 보고 있든 손을 뻗으면 닿는 거리에 있습니다. 또한 버튼이 작지 않고 넉넉한 크기(56dp)입니다. 핏츠의 법칙에 따르면 “자주 누르는 버튼 = 크고 가까이”가 정답입니다. 반면 “삭제” 같은 위험한 액션은 작거나 멀리 배치하여 의도치 않은 클릭을 방지합니다. GitHub의 “Delete repository” 버튼이 작고 빨간색인 것은 핏츠의 법칙의 역이용입니다.
3. Windows vs macOS의 시작 메뉴 위치
Windows의 시작 버튼은 화면 좌하단 모서리에 있습니다. 마우스를 화면 끝까지 밀면 자동으로 시작 버튼 위에 멈춥니다. 무한대 크기의 효과입니다. macOS의 Dock은 화면 하단에 있지만 모서리가 아니며, 아이콘이 일정한 크기를 가집니다. 두 접근법 모두 핏츠의 법칙을 따르지만, 시작 버튼의 접근이 더 빠릅니다. Windows 8에서 시작 버튼을 없앴다가 다시 부활시킨 것도, 이 ‘무한대 효과’의 상실이 사용자들의 극심한 불만을 일으켰기 때문입니다.
코난쌤의 한줄 코멘트
초등학생이 태블릿으로 코딩할 때, 작은 버튼을 누르느라 애먹는 모습을 자주 봅니다. 핏츠의 법칙은 “사용자를 생각하라”는 추상적 조언이 아니라, “버튼을 이만큼 크게, 여기에 배치하라”는 구체적 지침입니다. 업무자동화 도구를 만들 때도, 가장 자주 누르는 버튼을 가장 크고 가까이 배치하는 것만으로 사용자의 체감 속도가 눈에 띄게 좋아집니다.
더 읽어볼 거리
- 도허티 임계값 (Doherty Threshold) — 타겟 도달 후 시스템 반응 속도가 생산성에 미치는 영향
- 오컴의 면도날 (Occam’s Razor) — 핏츠의 법칙을 적용해 인터랙션을 단순화하는 원칙
- 근접성의 법칙 (Law of Proximity) — 거리가 지각에 미치는 영향, 핏츠의 법칙의 지각적 짝