Selection patterns
3 patterns in this category.
Quick Select
A dropdown for two or three choices makes you open a list, read it and aim at a row — three steps to flip something you already understood.
SelectionProductivityFilesEditor- Keyboard
- Touch
- Responsive
- Reduced motion
Create Menu
A create button does not say what you can make, and a dropdown answers as a list you have to read in sequence to find the one item you came for.
SelectionProductivityDashboardEditor- Keyboard
- Touch
- Responsive
- Reduced motion
Expanding Segments
An icon-only row is compact but unlabelled, and labelling every icon will not fit — so people cannot tell what the options are without hovering each one.
SelectionProductivityMessagingDashboard- Keyboard
- Touch
- Responsive
- Reduced motion