When people hold a phone in one hand, the thumb sweeps across part of the screen easily, while the far corners, especially the top opposite the holding hand, take a stretch or a grip change. Designers call the comfortable area the thumb zone and use it to decide where to put frequent actions such as primary buttons and navigation. The idea is a rule of thumb rather than a precise map, because hand size, device size and grip all vary.
Designing with reach in mind
Larger phones have pushed many apps to move key actions toward the bottom of the screen, with bottom navigation bars and bottom sheets. On websites, the main lever is placing important actions where they can be reached without stretching.
- Put frequent or primary actions in the lower and middle parts of the screen.
- Consider a bottom-fixed CTA bar on long mobile pages.
- Keep destructive actions away from easy-tap areas to avoid accidents.
- Avoid tiny controls in the top corners for actions users need often.
Target size matters as much as position
Reach is only half the problem; the target must also be large enough to hit. WCAG 2.2 success criterion 2.5.8, Target Size (Minimum), at level AA, asks for targets of at least 24 by 24 CSS pixels or enough spacing around smaller ones. The enhanced level AAA criterion asks for 44 by 44 CSS pixels. Apple's Human Interface Guidelines recommend a minimum of 44 by 44 points for touch controls.
Limits of the concept
People switch hands, use two thumbs, set phones on desks and hold them in many ways. Treat thumb zone diagrams as a reminder to consider reach, and confirm with recordings or user tests on real devices.
Example
Moving a trial button within reach
Hypothetical meeting notes app Calloway Fern has its mobile signup button in the top right corner of the header. User tests on large phones show people shifting their grip to reach it. The team adds a bottom sticky button after the hero scrolls away and keeps the header link for those who prefer it.
Common mistakes
Treating diagrams as fact
Thumb zone illustrations are generalizations. Test on the devices your audience uses.
Crowding small targets together
Even inside the thumb zone, tightly packed links cause mis-taps. Give targets size and space.
Questions
No. It is about one-handed touch use. On desktop, the equivalent concern is pointer travel and clear visual hierarchy.
