How to Prevent Users from Mistapping Icons

If you’ve designed a mobile app before, you know how useful and prevalent icons are. But what you don’t know is how often users mistap them when they’re placed too close together.

This is a common problem when icons are aligned in a row. Users can easily hit adjacent buttons if there isn’t enough padding between them. This mistake can frustrate your users and slow down their task performance.

Add Extra Padding Between Icons

--

--

--

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

UI/UX Design: 5 Major Ethics

Statue of Lady Justice, holding up a scales in front of her.

Our industry needs a transparent career path that rewards our craft

Gabriel Valdivia

Everyone can win vs. winners take all

Competition is not always the answear

6 months as a UX designer

Managing hypotheses with Mythbusters

First add a list of your hypothesis statements

Houston we have a problem: my design file is a mess

Messy desk with a MacBook open and many crumpled notes

How Design Thinking can help you make better life decisions

An image of post-it notes.

Killing impostor syndrome as a Product Designer

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

Is 16" M1Pro Macbook for UX / UI Designers?

Designing Better Links for Websites and Emails: Guideline

A comparison of four phrases with “naughty” links (on the left) and four phrases with “better” links (on the right). It is recommended to avoid using ‘here’ or ‘this’ and use parts of self-explanatory phrases as links.

Adobe XD vs Figma