UI Design
Touch Target
A touch target is the area of an interactive element that responds to a tap. It can be larger than the visible icon or text it surrounds.
Why it matters
Fingers are far less precise than a cursor, so targets that are too small lead to missed taps and frustration. Generous targets make a mobile interface feel forgiving and easy to use.
In depth
A common guideline is a minimum of about 44 by 44 pixels, drawn from platform accessibility recommendations. The key insight for beginners is that the touch target and the visible element are separate — you can keep an icon small while padding its tappable area to a comfortable size. Cramped targets placed close together are a frequent cause of accidental taps.
Real-world example
A small heart icon for liking a post might look tiny, but its tappable area extends well beyond the drawing so people can hit it without zooming in.
Related terms