Fitts’s Law
This article provides a conceptual overview of Fitts’s Law, including the formula, practical guidelines, and exam-style questions.
In a Nutshell
Fitts’s Law describes how the time to acquire a target depends on distance and target size. Larger targets positioned closer to the starting point are faster to reach.
Technical Definition
Core formula:
MT = a + b * log2(D/W + 1)MT: Movement timeD: Distance to targetW: Target width (measured along the axis of motion)
log2(D/W + 1) is the Index of Difficulty (ID).
Practical implications:
- Place primary actions prominently and nearby
- Screen edges and corners are ergonomically favourable (“cursor stops”)
- Touch interfaces: require larger target sizes and adequate spacing (typically 44–48px)
Why Fitts’s Law Matters
Fitts’s Law is a cornerstone principle in software ergonomics and Human-Computer Interaction (HCI). It guides the design of interfaces that are both efficient and user-friendly. By optimizing target size and distance, you reduce user movement time and increase satisfaction with your application.
The law appears frequently in software ergonomics and UI design exams. It forms part of the standard knowledge base in ISO 9241 and is a key tool for evaluating and refining user interface layouts.
Exam-Focused Explanation
Formula and the meaning of D/W
The formula MT = a + b * log2(D/W + 1) describes movement time. The ratio D/W (distance divided by target width) is critical. A large ratio indicates either a long distance or a small target, which increases movement time. A small ratio reflects a short distance or a large target, reducing movement time.
Large targets and short distances reduce MT
Making targets larger and positioning them closer to the starting point decreases the D/W ratio. This leads to a lower Index of Difficulty and thus shorter movement time. This is why frequently used buttons should be large and prominent.
Edges and corners as “infinite targets”
Screen edges and corners function like infinitely large targets. The cursor cannot overshoot because the screen boundary stops it. This makes these areas particularly well-suited for critical interactions such as menus or primary buttons.
Touch: keep critical actions separated
On touch interfaces, users lack the precision of a mouse cursor. Critical actions such as “Delete” or “Cancel” should be positioned away from frequently used controls to prevent accidental activation. Typical touch target sizes range from 44 to 48 pixels to minimize misclicks.
Metrics: MT, error rate, and optional throughput
Movement time is the primary measure. Error rate—how often the target is missed—provides a secondary measure. Throughput combines speed and accuracy into a single metric and is often used in scientific studies.
Documentation: annotated mockups and test protocols
In practice, document UI decisions with mockups that show target dimensions. A test protocol describes how you measured movement time and error rates. This documentation is essential for demonstrating the rationale behind your design choices.
Key Exam Points
- Formula and the meaning of D/W
- Large targets and short distances reduce MT
- Edges and corners as “infinite targets”
- Touch: keep critical actions separated
- Metrics: MT, error rate, and optional throughput
- Documentation: annotated mockups and test protocols
Practical Example
Goal: Make "Save" faster to reach than "Cancel"
- Save: large and positioned along the typical workflow
- Cancel: smaller and farther away
- Destructive actions: spatially separated from common tasks
Common Exam Questions (with brief answers)
- What is Fitts’s formula? MT = a + b * log2(D/W + 1).
- What is ID? log2(D/W + 1); a measure of task difficulty.
- Why are screen edges and corners advantageous? The cursor cannot overshoot the boundary.