Accessible Target Sizes Cheatsheet — Smashing Magazine

Fury faucets are annoying and frustrating. These wonderful events in our interface when we have to tap twice, or sometimes three times to continue our journeys. Of course, sometimes this happens because the site is too slow, but sometimes the target size of interactive elements is the culprit.

So how big should our interactive elements be these days? What would be a reliable size for icons, links and buttons — in navigation and on mobile? How do we make it harder for our users to make mistakes? Let’s see.

Mobile Touch Cheatsheet (8 min) Rage faucets are annoying and frustrating. These wonderful events in our interface when we have to tap twice, or sometimes three times to continue our journeys. Sometimes this happens because the site is too slow, but sometimes the target size of interactive elements is the culprit.

Rage Taps, a measure of user frustration, by Colin Contreary Rage taps is a good measure of user frustration. Image source.

So how big should our interactive elements be these days? What would be a reliable size for icons, links and buttons – in navigation and on mobile? How do we make it harder for our users to make mistakes? Let’s see.

You can find a whole video chapter on designing for touch Smart interface design patterns too – along with 30 other chapters around UX and...