Alternatives to hover interaction on touchscreens
Reading Time – 2 min. As touch screens become more prevalent, it's important to consider how your website or app will work on these devices.
Category: Selection
Dropdown vs. Radio button vs. Checkboxes: Which one to use?
Reading Time – 2 min. Radio button vs checkbox: radios allow one choice, checkboxes allow any number, including none. A comparison table, plus when a dropdown beats both.
What is the best UI for multi-selecting from a list?
Reading Time – 3 min. A multi-select pillbox is a suitable option if the user is familiar with the list's content and knows precisely what they're searching for.
Should checkbox labels be to the right or the left?
Reading Time – 2 min. Generally, the label is placed to the right of the control by the designer. What you're sensing is most likely the rationale.
Designing effective toggle buttons
Reading Time – 6 min. A toggle switch is for one binary setting that takes effect the instant it is flipped — Wi-Fi on or off, notifications on or off. If the change needs a Save button, if the two states are named alternatives like List and Map, or if the user is picking several things from a list, a switch is the wrong control. Use a checkbox, a radio group or a segmented button instead.
Why is it impossible to deselect radio buttons?
Reading Time – 3 min. You can't uncheck a radio button by clicking it again. How to clear one anyway (reset, refresh, a Clear link) and how to design forms that don't need it.
UX for Composing Boolean Logic
Reading Time – 3 min. If you are struggling with building boolean logic UX, check out these examples to get some inspiration.