Optimal Size and Spacing for Mobile Buttons

Tap, tap, tap! Are users able to hit your mobile buttons with high touch accuracy, or are they missing their target? Before you blame the user, check the size and spacing of your buttons.

If they don’t have an optimal size and spacing, it’s no wonder users are missing their target or hitting the wrong button. If you’re not sure what’s optimal, this article will reveal the answer. The measurements below are in CSS pixels at 96 DPI.

Button Size Standard

--

--

--

There’s a good and bad way to design user interfaces. Our publication shows you which way gives the best user experience. https://uxmovement.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Finding flow with systems thinking

Optimizing the Conversion with CXL — post 7

UI/UX: The Fastest Way to Design a Killer Product

UX Study: yesHEis app

The five conditions for human connection in digital services

Amazon-Usability, Accessibility, and Ethics

Why Redesign Your Website

Design Prototypes: Making Them Real

App Prototype Mockup

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
UX Movement

UX Movement

There’s a good and bad way to design user interfaces. Our publication shows you which way gives the best user experience. https://uxmovement.com

More from Medium

The Optimal Way to Display Modals on Mobile Screens

Understanding Figma’s interactive components feature

Graphic showing interactive elements, to introduce the story

10 Figma Plugins to discover

featured image of 10 figma plugins

Understanding typography: Leading or line-height