Guide

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.

FAQs

Common questions.

Where should the main button go on mobile?
Within comfortable thumb reach, which often means a sticky bar near the bottom of the screen for the main action. The top corners are the hardest to reach one-handed, so avoid putting key controls only there.
Does this apply to large phones too?
Even more so. Bigger screens make the top harder to reach with one thumb, so keeping important actions low and within easy reach matters all the more on larger handsets.
Should navigation menus open from the bottom of the screen on mobile?
For many small business sites we do place key actions at the bottom of the screen because it sits comfortably within thumb reach, especially on today's tall phones. It is a small change that removes the stretch and tap-miss frustration that drives people away from a site.
How we can help

Turn this into action.

The services behind this guide.

Related guides

More on web design & ux.

Want a hand putting this into practice?

Book a free, no-obligation consultation with a Norwich-based specialist.

Book a free consultation
Get started

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.

  1. 01
    Tell us a bitFill in the form — two minutes, tops.
  2. 02
    We'll call you backWithin one working day, no pressure.
  3. 03
    Get a clear planHonest advice and a fixed quote.

Free · No obligation · We reply within one working day

Book a free consultation