Designing for One-Handed Mobile Use
Most of your visitors are tapping with one thumb on the move — design for that reality and you make life easier for everyone.
Watch how people actually use their phones and you will notice most do it one-handed, steering with a single thumb while the other hand carries a bag, holds a coffee or grips a handrail. Yet websites are still designed and tested with two hands on a desk.
Designing for one-handed use means thinking about reach, tap size and where the important things sit. Get it right and your site feels effortless on the go. This guide explains the principles.
Understand the thumb zone
When holding a phone in one hand, the thumb comfortably reaches the lower and middle parts of the screen, while the top corners are a stretch. The bottom of the screen is the easiest place to act, which is why so many apps put key controls there.
For websites, that means your most important actions should ideally sit within easy thumb reach rather than stranded at the very top. A sticky action bar along the bottom — “Call” or “Get a quote” — places the main thing you want people to do exactly where their thumb already is.
Size and space everything generously
One-handed taps are less precise than two-handed ones, especially when someone is moving. Make buttons and links large and leave comfortable space between them so people do not accidentally hit the wrong one. Cramped controls cause mis-taps and frustration on the move.
Avoid putting important or destructive actions right next to each other. If a visitor reaching with a thumb can easily tap the wrong thing, they will, and that erodes trust in your site. A little breathing room around each control prevents most of these mistakes.
Avoid awkward interactions
Some interactions are simply hard one-handed. Tiny close buttons in far corners, controls that demand precise gestures, and pop-ups whose dismiss button is out of thumb reach all create friction. Keep interactions simple, and make sure anything can be dismissed easily.
Test the way real people use the site: pick up your phone, hold it in one hand and try to find your prices, read a page and send an enquiry without shifting your grip. Anything that makes you adjust your hand is a point of friction worth designing out.
Common questions.
Where should the main button go on mobile?
Does this apply to large phones too?
Should navigation menus open from the bottom of the screen on mobile?
Turn this into action.
The services behind this guide.
More on web design & ux.
Want a hand putting this into practice?
Book a free, no-obligation consultation with a Norwich-based specialist.
Let's put your business in a better light.
Book a free, no-pressure consultation. We'll talk through your goals and tell you honestly what we'd do — whether you work with us or not.