interaction design
Thumb zone
What is the thumb zone, and why does it matter on mobile?
The thumb zone is the part of a phone screen you can easily reach with your thumb when holding it - usually the lower and central area. Top corners, especially the upper ones, require stretching or a second hand. Put your most-used items in the easy zone, and leave awkward corners for rare or harmless actions.
Also known as: thumb zone, thumb-friendly, reachability, thumb reach
Prefer to watch?
Watch the recap 0:46
The demo
A phone, held one-handed. Move the primary button between the thumb zone and the top corner, and feel the difference in reach for something you'd tap all day.
What this demo shows (text version)
A phone frame is shaded to show reachability for a one-handed grip: the lower and central area is the easy "thumb zone", while the top - especially the opposite top corner - is hard to reach. A toggle places the primary "Checkout" button either across the bottom (in the thumb zone) or stranded in the top-right corner.
In the thumb zone the button sits where the thumb naturally rests, so a frequent action is one easy tap. In the top corner the same button needs a stretch or a second hand. Because reachable area shrinks as screens grow, primary and frequent actions belong low; reserve the awkward corners for rare or deliberately cautious actions. It's Fitts's law applied to how phones are actually held.
On a one-handed phone, the bottom and centre are thumb-friendly, while top corners are hard to reach - so primary, frequent actions should stay low, not trapped in the top. It’s Fitts’s law on a moving target: as screens grow, the 'reachable' area shrinks relative to the whole, which is why bottom bars and bottom sheets keep winning on mobile.
In the thumb zone the button met your thumb where it already rested - one easy tap. Stranded top-right, the same button needed a stretch or a second hand for an action you'll do constantly. Nothing about the button changed; only whether it sat where the thumb can actually go.
Reachability is Fitts's law with a twist: the target isn't just small or far, it's far in a way that depends on how the device is held. One-handed, the thumb sweeps an arc from the bottom corner; the opposite top corner is the worst spot on the screen. Frequent, primary actions belong in that comfortable arc - which is why bottom navigation, bottom sheets and reachability gestures exist.
Bigger screens make it worse, not better. As phones grow, the share of the display a thumb can reach shrinks, so a "top bar" that was fine on a small phone strands its controls out of reach on a large one. Designing for the thumb zone is increasingly designing for the bottom of the screen.
It's a guideline, not a straitjacket. The top corners aren't forbidden - they're the right home for the occasional and the cautious: a rarely-used settings cog, or a destructive action you'd rather people didn't hit by accident. Match position to frequency and stakes, and remember people hold phones differently, so don't bet everything on one grip.
The thumb zone is the lower central part of your phone screen you can easily reach with one hand - use it for primary actions. Try the interactive demo on this page to see how placing elements in the thumb zone affects usability without needing to stretch or switch hands.
The thumb zone is the part of your phone screen you can comfortably reach with one hand - usually the lower and central area - so keep your most-used actions there. Try it yourself in our interactive demo to see how your thumb zone changes with grip and screen size - no screenshots or external apps needed.
The thumb zone is the lower and central part of your phone screen - it’s where your thumb naturally lands when holding the device. Use this interactive demo to test how your thumb reaches different areas. Designing for the thumb zone means prioritising frequent actions where your thumb can touch without stretching - especially on larger screens where the reachable area shrinks relative to the whole display.
The thumb zone is the area on a phone screen you can easily reach with your thumb - usually the lower and central part - so design for it. You can test this yourself in the interactive demo on this page, where you’ll see how thumb reach changes with screen size and grip position.
The thumb zone is the central and lower part of your phone screen - it’s where your thumb naturally rests and moves. Try the demo to feel how easy it is to reach low actions versus stretching for top corners. Designing for the thumb zone means prioritising key interactions in the lower half - it’s not just about reach, but about reducing effort and error in daily use.
The thumb zone is the lower central area of your phone screen - it’s where your thumb naturally lands when holding it one-handed. Use this demo to test how far you can reach and adjust your layout accordingly. For mobile apps, the thumb zone dictates where users can tap without stretching - so prioritize core actions there, not in the top corners.