Targets should be large enough
Pointer and touch targets should be at least 24 × 24 px because selection time depends on target size and distance.
MicrointeractionsNot testedApplied in the lab
Sources
- EmpiricalMacKenzie (1992)
Fitts's law predicts pointing and target-selection time.
“The model's utility in predicting the time to position a cursor and select a target is explored”Abstrak
- StandardW3C (2024)
Minimum pointer-target size requirement.
“The size of the target for pointer inputs is at least 24 by 24 CSS pixels”SC 2.5.8 (AA)
In this lab
Main navigation links and buttons in the lab meet a minimum of 24 × 24 px.
Experiments
No experiments yet.
How to test it: Test 16, 24, and 44 px targets on a touch screen. Measure selection time and mistaps.
Findings
No findings yet.