Below a count threshold, laying options out is better
Aliases: exposed radios · select threshold · short list expanded
What it is
When a select’s candidates are few enough to take in at once — roughly seven or fewer, with short labels — they should become an exposed list: radios, segments, or a visible column, not another click. The threshold is not taste; it is the comparison window. Once everything can be seen in parallel, hiding is pure loss. Three shippings, two currencies, four visibility levels: opening a select buys no new information, only an extra decision.
This is about whether a select should stay closed, not “once there are many, add search” — structure for large sets is a different problem.
Why it happens
Exposing deletes the click that was only there to recall the set; comparison cost collapses to reading. Reading a short list is already cheap, so an extra open lets a fixed overhead dominate: find the widget, wait for the panel, find the item. Spatially, three to five short labels often occupy less height than the open panel, so the local space saving is fictional.
A short closed select also costumes the field as “complicated.” The collapsed shape implies a large set or a specialist choice; people overweight the decision, or they refuse to open and freeze the default. Exposing restores the actual weight: a handful of peer words.
Where it stops holding
Long labels (explanatory clauses, price breakdowns) can blow a screen even at four items; a select or stacked cards then beat a forced column. In a very narrow toolbar, even two radios may not fit, and a segment or select is a layout squeeze. Experts jumping a long select by typed letters can match the speed of an exposed short list. The threshold moves with type size and language: four German compounds may already exceed “one glance.” Do not bake an absolute number into the product; count “how many rows are visible without scrolling” at real type size.
Applying it
- Count options at real type size: short labels readable without scrolling should be radios or segments, not a select.
- On a short list that must be compared, put the key difference (price, timing) on the exposed item, not back inside a panel.
- Narrow slots such as toolbars may exception; the same field in a wide form should expose again.
- How to check: force the select open and screenshot. If the open height is similar to or shorter than a laid-out list, closing was a tax.
Related
- Within the group: E3.05.1 A closed select hides every alternative until it is opened · E3.05.3 The current value of a select must stay visible
- Adjacent: E3.10 Matching Option Count to Control · E3.02 Radio Buttons · E3.07 Segmented Controls
- Search terms:
exposed radio·select threshold·seven plus or minus