Reading Time – 2 minAs touch screens become more prevalent, it’s important to consider how your website or app will work on these devices. One key difference between touch screens and traditional computers is the lack of a “hover” state…
Reading Time – 2 minUpdated August 2026. The guidance below matches current platform rules: Material Design 3 and Apple’s Human Interface Guidelines both prefer radio buttons or a segmented control for a handful of mutually exclusive options, and a dropdown…
Reading Time – 3 minA 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. By searching or simply scrolling through the list, they can quickly locate what…
Reading Time – 2 minGenerally, the label is placed to the right of the control by the designer. What you’re sensing is most likely the rationale. There are no gaps between labels and controls in this layout when you use…
Reading Time - 6 minA 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.
Reading Time – 3 minYou might have come across forms where it is impossible to deselect radio buttons. Today, we will answer the question of why that’s the case. Presently, there are two kinds of checkbox-style controls available in HTML:…
Reading Time – 3 minBoolean Logic UIs are difficult to interpret. The main problem non-technical users have with Boolean logic is understanding the difference between AND and OR because it doesn’t always correspond to natural language (e.g., “show me orders…