← The Lab

Touch Target

44 points between delight and frustration

12pt
Send Money
24pt
Amount
$420.00
ToAlex Johnson
FromChecking ****4821
Fee$0.00
Cancel
32pt
Confirm Payment
44pt
Pay Now
52pt

Tap Accuracy

Hits 0
Misses 0
Accuracy --

Finger Size

Precise (stylus) Large thumb

Apple Human Interface Guidelines

Provide ample touch targets for interactive elements. Try to maintain a minimum tappable area of 44x44 pt for all controls.

44pt
The minimum recommended size. Anything smaller and users will struggle, especially on the move.

Tap Heatmap

The Idea

A button can look visually clean on screen while remaining physically frustrating to hit. This experiment separates what your eyes see from what your hands can actually touch.

When you tap the payment interface, the simulation tracks every hit and miss in real time. Sliding the Finger Size control from a precise stylus to a broad thumb reveals how fragile small controls really are.

Buttons that look fine visually start producing misses as simulated touch areas grow, scattering red miss indicators across your tap heatmap and dropping your accuracy score.

Clicking Fix All Undersized Targets expands each hidden touch area to Apple's recommended 44x44 pt minimum without altering the visual design. The layout stays identical, but your taps land cleanly every time. You aren't just designing UI elements. You are designing physical touch zones.


Behind the Experience

Design guidelines like Apple's 44pt rule often feel like abstract constraints when buried in a documentation spec. We built this experiment to turn standard interface guidelines into a live, interactive diagnostic. By combining simulated finger sizes with real-time tap heatmaps, it lets you test, measure, and prove how physical target dimensions directly control user frustration.


Keep Exploring

More experiments from the Lab