# Fitts’s Law, MVP
# [제품 디자인에서 Fitts의 법칙의 힘](
)
### 피츠의 법칙 정의
타겟이 클수록, 가까울수록 사용자의 상호작용은 더 빠르고 정확해지는 것을 의미한다.
<aside>
**T = a + b log2(2D/W)**</aside>
T: Time
D: Distance
W: target width
a: the intercept
b: the slope
### **Fitts의 법칙을 고려하여 디자인한다면**
•
거리가 멀어질수록 이동시간이 길어지고, 크기가 줄어들수록 다시 선택하는 시간이 길어진다
•
Fitts의 법칙을 고려하면 전체적인 디자인 미학을 희생하지 않고 쉽게 상호 작용할 수 있을 만큼 요소를 크게 만들되 균형을 잡아야 한다
### 제품 디자인에서 Fitts의 법칙이 왜 중요할까?
•
Fitts의 법칙은 사용자 상호 작용 효율성에 직접적인 영향을 미치기 때문에
•
설계시 대상 크기, 거리 및 상호 작용 시간 간의 관계를 이해함으로써 사용자 노력을 최소화하고 정확성을 높이는 인터페이스를 만들 수 있기 때문
•
모바일 기기와 터치 인터페이스 시대에 정확한 상호작용이 중요한 역할을 함
•
모바일 UI에 Fitts의 법칙을 사용할 때 디자이너는 인간의 엄지 손가락이 일반적으로 얼마나 멀리 도달할 수 있는지 고려해야 하기 때문
•
Fitts의 법칙을 제품 디자인에 적용하면 더욱 직관적이고 사용자 친화적인 인터페이스가 탄생함
•
모바일 앱, 웹 사이트 또는 소프트웨어를 디자인할 때 이 법을 준수하면 대화형 요소가 전략적으로 배치되고, 크기가 적절하며, 쉽게 액세스할 수 있으므로 전반적인 사용자 만족도가 향상됨
### 중요 Point
•
크기가 중요함: 터치 대상이 클수록 상호 작용 시간과 오류가 줄어듭니다. 디자인 요소, 특히 버튼은 쉽게 참여할 수 있도록 크기가 커야 한다.
•
명확성을 위한 간격: 터치 대상 사이의 충분한 간격은 실수로 탭하는 것을 방지하고 사용자 정확도를 향상시킵니다. 잘 구성된 레이아웃은 보다 사용자 친화적인 경험에 기여한다.
•
전략적 배치: 쉽게 접근할 수 있는 인터페이스 영역에 대화형 요소를 배치하는 것은 Fitts의 법칙에 부합하여 사용자 작업을 간소화하고 이동 시간을 줄여준다.
•
프라임 픽셀 고려: "프라임 픽셀" 또는 사용자의 초기 상호 작용 지점을 식별하면 사용자 행동에 적응하고 전반적인 사용성을 향상시키는 맞춤형 디자인이 가능하다.
•
지속적인 반복: 사용자 작업이 발전함에 따라 대화형 요소의 배치와 크기를 정기적으로 재평가하고 조정하면 Fitts의 법칙을 지속적으로 준수하고 최적화된 사용자 경험을 보장할 수 있다.
### **Example**
•
쉽게 접근할 수 있는 '좋아요' 버튼이 있는 Instagram
•
'장바구니에 추가' 버튼을 배치하는 Amazon
상단의 예시처럼 웹 브라우저, 게임 콘솔 및 생산성 소프트웨어는 모두 Fitts의 법칙을 활용하여 사용자 상호 작용을 향상시킨다고 할 수 있다
MacOS에서 애플리케이션 메뉴는 무한한 가장자리 역할을 하는 화면 상단 가장자리에 배치된다.
이 배치는 메뉴의 옵션이 무한한 목표가 되고 사용자가 정확하게 공격하기 위해 속도를 늦출 필요가 없기 때문에 자주 액세스하는 영역에 대한 이동 시간을 최적화하는 역할을 한다.
### **결론**
Fitts의 법칙은 UX/UI 디자인 체계의 초석으로, 플랫폼과 산업을 초월하는 프레임워크를 제공한다. Fitts의 법칙 원칙을 수용하는 디자이너는 사용자 기대에 완벽하게 부합하는 인터페이스를 제작하여 궁극적으로 우수한 디지털 경험을 제공하기 위한 여정을 시작할 수 있도록 도움을 준다.