UX Patterns Guide
20 documented entries 1 anti-pattern check

Selection And Choice

Choice controls, object pickers, ranges, menu actions, bulk selection, and commands.

Browse all problem families
Pattern index

Compare nearby options before choosing

Open an entry for its decision rule, states, implementation contract, and source trail.

Action menu

A resource, row, card, selected set, or local page object has several contextual commands.

Type
UI-UX
Sources
4
Trail checked
establishedContextual command list for a resource or selection
Test in lab

Action sheet

A user-initiated action has a few immediate valid outcomes.

Type
UI-UX
Sources
4
Trail checked
standardPlatform-presented action choice sheet
Test in lab

Button group

A form, dialog, panel, card, or workflow footer needs two to four related visible commands.

Type
UI-UX
Sources
4
Trail checked
establishedGrouped visible action buttons
Test in lab

Checkbox group

Users can choose zero, one, or many options.

Type
UI-UX
Sources
3
Trail checked
standardMultiple-choice form control
Test in lab

Chip selection

Users answer a lightweight choice question from a small set of short labels.

Type
UI-UX
Sources
4
Trail checked
establishedCompact selectable chip group for short choice answers
Test in lab

Combobox

Users choose one value from a large, dynamic, or filterable option set.

Type
UI-UX
Sources
4
Trail checked
standardSingle-value input widget with owned popup
Test in lab

Inaccessible custom select

Use this anti-pattern entry to audit custom dropdowns, styled select replacements, portal menus, command-palette-like selectors, and generated UIs that imitate native controls.

Type
UI-UX
Sources
5
Trail checked
anti-patternBroken custom widget anti-pattern
Test in lab

Listbox

Users choose one option from a visible static list.

Type
UI-UX
Sources
2
Trail checked
standardVisible selectable option list
Test in lab

Menu / menubar

A complex application or editor has many stable commands organized into known groups.

Type
UI-UX
Sources
4
Trail checked
standardPersistent composite command bar with menus and submenus
Test in lab

Multi-select

Users choose many values from a long predefined list.

Type
UI-UX
Sources
3
Trail checked
establishedMulti-value picker widget
Test in lab

Object picker

Users assign, link, reference, invite, route, or attach an existing entity.

Type
UI-UX
Sources
5
Trail checked
establishedExisting-entity lookup and selected-object confirmation
Test in lab

Radio group

Users must choose exactly one option.

Type
UI-UX
Sources
3
Trail checked
standardSingle-choice form control
Test in lab

Range slider

Users need a lower and upper bound on one numeric scale.

Type
UI-UX
Sources
5
Trail checked
standardTwo-boundary numeric range control
Test in lab

Segmented control

There are a few mutually exclusive modes.

Type
UI-UX
Sources
3
Trail checked
standardCompact mode selector
Test in lab

Select

The user chooses one option from a moderate known list.

Type
UI-UX
Sources
3
Trail checked
standardSingle-choice dropdown control
Test in lab

Slider

Users adjust one bounded value such as brightness, volume, opacity, zoom, intensity, cost tolerance, or preference strength.

Type
UI-UX
Sources
5
Trail checked
standardSingle-value bounded range control
Test in lab

Spinbutton / numeric stepper

Users adjust a small bounded count such as guests, copies, items, seats, nights, minutes, retries, or quantity.

Type
UI-UX
Sources
5
Trail checked
standardBounded incrementable numeric-value control
Test in lab

Toggle switch

A single setting, feature, preference, or hardware-like control has two clear states.

Type
UI-UX
Sources
3
Trail checked
standardImmediate binary setting control
Test in lab

Transfer list

Users build a selected set by moving items from an available collection to a selected collection.

Type
UI-UX
Sources
4
Trail checked
establishedTwo-pane item transfer and selected-set review
Test in lab

Tree selection

Users choose one or more values from a meaningful hierarchy.

Type
UI-UX
Sources
4
Trail checked
standardHierarchical expandable selection tree
Test in lab

Saved items