My learning 0 of 20 lessons complete
Start lesson 1 →
20 documented entries 2 anti-pattern checks

Search, Browse, And Discovery

Search, filters, facets, category browsing, query correction, and no-results recovery.

Browse all problem families
Learn the family

How can a person move from an uncertain description to a useful result?

Discovery supports several starting points: a known term, a broad category, a partial memory, or a set of constraints. The interface helps people refine their understanding while they search.

Use this method

  1. Record the terms and constraints people bring to the task.
  2. Offer a search or browse route that matches their starting point.
  3. Make scope and filters visible near results.
  4. Give each result enough context for a confident next choice.

Compare the outcome

Strong: A visitor searches for a quiet study room, filters by capacity and time, and sees available rooms with location and booking rules.

Weak: A visitor searches for quiet space, receives mixed events and rooms, then repeats the query because the result scope stays hidden.

Try it: Try three different descriptions of the same goal and record the route each description opens.

Read these patterns first

  1. Basic searchUsers know a word, name, or identifier.
  2. Filter panelUsers need to narrow the current search results, browse results, table, card grid, or list by multiple criteria.
  3. No-results recoverySearch, browse, or filter controls can produce an empty result set.

Build the foundation

Organize information around the task →

Follow the evidence

Complete study route · 20 entries

Work through the family in order

Begin with the core behavior, apply it in different contexts, then review cases that reveal the quality boundary. Open each entry for its decision rule, states, example, and source trail.

0 of 20 studies complete

Start this family →
6 entries

Build the foundation

Learn the shared task and the core interaction choices.

Lesson 01 / 20

Browse by category

Users are exploring a broad catalog, service directory, help center, learning library, product collection, or content repository.

Type
UI-UX
Sources
4
Trail checked
standardTaxonomy-based category navigation for exploring a collection before choosing a destination
Test in lab
Lesson 02 / 20

Basic search

Users know a word, name, or identifier.

Type
UI-UX
Sources
3
Trail checked
standardSearch input and result list
Test in lab
Lesson 03 / 20

Search suggestions

The system can predict likely queries.

Type
UI-UX
Sources
2
Trail checked
standardSuggested-query surface
Test in lab
Lesson 04 / 20

Filter panel

Users need to narrow the current search results, browse results, table, card grid, or list by multiple criteria.

Type
UI-UX
Sources
6
Trail checked
establishedGrouped filter control panel for narrowing a current result set
Test in lab
Lesson 05 / 20

No-results recovery

Search, browse, or filter controls can produce an empty result set.

Type
UI-UX
Sources
4
Trail checked
establishedSearch recovery state
Test in lab
Lesson 06 / 20

Sort controls

Users need to compare or act on a result set in different orders.

Type
UI-UX
Sources
4
Trail checked
establishedControl for changing the order of an existing result set
Test in lab
12 entries

Apply the patterns

Choose a specialized form for the context and follow its complete behavior.

Lesson 07 / 20

Filter chips

A few common filters should stay visible and directly toggleable near the content.

Type
UI-UX
Sources
5
Trail checked
establishedCompact chip set for toggling or removing result filters
Test in lab
Lesson 08 / 20

Faceted search

The data set has structured attributes users understand.

Type
UI-UX
Sources
4
Trail checked
establishedFilter and results exploration surface
Test in lab
Lesson 09 / 20

Search scope selector

The same query can search different repositories, sites, workspaces, spaces, channels, result types, teams, or organization-wide indexes.

Type
UI-UX
Sources
4
Trail checked
establishedControl that selects which corpus, location, or result source a query searches
Test in lab
Lesson 10 / 20

Query correction

Users submit free-form searches where spelling and typing mistakes commonly block useful results.

Type
UI-UX
Sources
7
Trail checked
standardSubmitted search query correction and did-you-mean result state
Test in lab
Lesson 11 / 20

Search result highlighting

Results contain enough text that users need to scan for where the query matched.

Type
UI-UX
Sources
4
Trail checked
establishedHighlighted matching terms and snippets inside returned search results
Test in lab
Lesson 12 / 20

Typeahead

Users search large datasets and benefit from seeing result hits before full submit.

Type
UI-UX
Sources
4
Trail checked
standardLive search-as-you-type result lookup with incremental result preview
Test in lab
Lesson 13 / 20

Advanced search

Expert or repeat users need precise retrieval across fields, operators, phrases, dates, ranges, exclusions, functions, or prior search history.

Type
UI-UX
Sources
4
Trail checked
standardStructured query builder for fielded, Boolean, grouped, or syntax-backed searches
Test in lab
Lesson 14 / 20

Saved search

Users repeat the same search criteria across sessions or operational cycles.

Type
UI-UX
Sources
4
Trail checked
establishedPersisted named search criteria for rerunning a dynamic result set
Test in lab
Lesson 15 / 20

Saved filter

Users repeatedly need the same filter criteria on a list, table, board, queue, base view, or dashboard.

Type
UI-UX
Sources
4
Trail checked
establishedPersisted named filter criteria applied to a list, table, board, or dashboard
Test in lab
Lesson 16 / 20

Search history

Search activity persists beyond the current session and users need to inspect or control it.

Type
UI-UX
Sources
5
Trail checked
standardSearch activity management surface with deletion and capture controls
Test in lab
Lesson 17 / 20

Recently searched

Users revisit a search surface and benefit from rerunning recent query wording.

Type
UI-UX
Sources
4
Trail checked
standardPassive history of submitted search queries that can be rerun
Test in lab
Lesson 18 / 20

Recommendations

Users need discovery help in a large item, product, content, service, or action space.

Type
UI-UX
Sources
6
Trail checked
standardRanked suggestions generated from context, behavior, item similarity, popularity, editorial rules, or recommendation models
Test in lab
2 entries

Review the quality risks

Study failure cases and identify the better recovery route.

Lesson 19 / 20

Infinite scroll with no footer access

Use this anti-pattern to review feeds, search results, product grids, media streams, activity streams, catalogs, and generated infinite-scroll pages.

Type
UI-UX
Sources
6
Trail checked
anti-patternEndless loading footer-access anti-pattern
Test in lab

Saved items