04 / TARGET ACQUISITION
Expanded Hit Area
The problem
Small controls demand pixel-perfect aim, and near-misses do nothing so the button feels broken.
The solution
Use a larger invisible interactive area around each control.
This mechanic is best experienced with a pointer.
Experiment
Task: Click each small target. Try clicking just beside them too.
NAIVE
12345
0 / 5 hit
THOUGHTFUL
12345
0 / 5 hit
hits0
misses0
accuracy100%
Play with the values
16px
How it works
Seen in
Icon buttons
Invisible padding around small glyphs catches near-misses without changing the visual size.
Close buttons
Dismiss controls in corners get a larger tap area so you don't hunt for the exact pixel.
Checkbox rows
The whole row is clickable even though only the box looks interactive.
Mobile tap targets
Touch interfaces expand hit bounds to meet minimum size guidelines without bloating the layout.
Resize handles
Eight-pixel handles get invisible padding so corner and edge grabs are easier to hit.