Why Toggle Tokens Are a Better Alternative to Checkboxes (uxmovement.com)
4 years ago from anthony thomas, ux designer
4 years ago from anthony thomas, ux designer
You've saved space at the cost of accessibility and scannability.
They're accessible. Those that disagree don't know what they're talking about. Will show you soon.
You’re conveying state (an important piece of interaction information) solely with colour. Pretty much a11y 101.
Compliance: https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-without-color.html
You could add a check or icon to denote which tokens are selected. But then at that point isn’t it basically a checkbox?
You're applying that standard incorrectly. Will explain in next article.
There's little point reading articles from someone who seemingly can't grasp basic fundamentals.
uxmovement.com is a very questionable resource
Checkboxes > whatever the eff this is.
I've seen a few apps use this style of toggle buttons, particularly Uber Eats in their 'rate driver'/'rate food' UI.
Personally, as a user, I don't think they're very good. It takes twice as long to scan the available options, and twice the dexterity to try and hit the appropriate options (Its mentioned that checkboxes are small tap targets, but not if you've implemented a clickable label that controls the checkbox too).
While this could be a limitation in the implementation for uber themselves, I think point 1 is fairly common among this kind of interface. It's just not an expected flow of content to try and take in. I'd be interested to know what other people think
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now