Mobile App Design: Keeping the Thumb Zone in Mind

What is the “Thumb Zone”?

Image Source: Luke W — Designing for Large Screen Phones

How to use the “Thumb Zone” in your designs

Step 1: Download Smashing Magazine’s Thumb Zone reference and insert it into your design file.

Image Source: Smashing Magazine — The Thumb Zone: Designing For Mobile Users

Helpful tips to keep in mind

Make sure that your frequently used primary actions aren’t out of reach. Depending on your secondary or tertiary actions, it may be okay if they’re a bit out of reach.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store