E3.10.3large sets need search and groupingdesignresearch

Large sets need search and grouping, not a long select

Aliases: searchable select · option grouping · long dropdown

What it is

Once options no longer fit a scan of one screen, the control has to change from “a long scrolling name-list” into something searchable and groupable. A long select stuffs the whole roster into one panel and looks like a natural extension of the same widget; the task has already changed from choosing into visual search through an unstructured list. Countries, employees, catalog nodes, permission flags all cross this line. Search serves “I know the name.” Grouping serves “I do not know the name but I know the kind.” They often belong together; a longer scrollbar is not enough on its own.

Why it happens

Search time on an unstructured roster worsens with length: the gaze passes many irrelevant rows, and scrolling loses the place already seen. Hick-style choice time assumes items can be seen together; when they sit far down a folded panel, time is dominated by scrolling and re-finding. Grouping turns the roster into skippable blocks — pick a block, then compare inside it. Search turns the roster into a query — a known name or abbreviation returns one item, without a linear scan.

A long select alone turns both strategies off. People who can spell lean on in-page find, but a native select often captures keys for first-letter jump, so find is unavailable; people who cannot spell can only scroll. The larger the set, the more completion is reserved for those who remember the first few characters.

Studying it

Compare the same long roster as a pure scrolling select, a grouped panel, and a searchable panel. Split tasks: known target name versus known category only.

Independent variables: search present, grouping present, roster length, pinyin or abbreviation allowed. Dependent variables: time to finish, abandon rate, near-neighbour errors (same initial), scroll depth.

Search should cut time on known-name tasks; grouping should cut time on category-only tasks. If neither improves, the matching rules of search or grouping are at fault — not “the long select was actually enough.”

Where it stops holding

A long roster with a stable spatial or temporal index (A–Z, a calendar) can use the index instead of full-text search. Transfer lists, trees, and cascades are other structures for large sets; the matching rule is “do not only lengthen a select,” not “must become a searchable select.” Search that is prefix-only and does not tokenise will false-fail on Chinese and multi-word English names, and people will fall back to scrolling and call search broken. Native long selects and custom lists expose options to assistive tech differently; swapping to custom requires roles and filtered-result announcements to be filled in.

Applying it

  • Give sets taller than one screen a search field, and give sets with natural kinds grouping or an index.
  • Do not leave “scroll a bit more” as the only strategy; scrolling may remain, but it is not retrieval.
  • When search and grouping coexist, filter inside groups and hide empty groups so a query does not leave people staring at empty headings.
  • How to check: one person who knows the full name, one who only knows the department. If the first is slow without search and the second is slow without grouping, matching is right; if both go rolling the long roster, the control is still the wrong extension.

Related

  • Within the group: E3.10.1 A two-way choice is a switch or a pair of radios · E3.10.2 Lay out a small set
  • Adjacent: E3.17 In-List Search and Filtering · E3.14 Transfer Lists and Dual-Column Selection · E3.13 Cascading Selects
  • Search terms: searchable select · option grouping · Hick long list

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/E3.10.3