UX Patterns Guide
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
Pattern index

Compare nearby options before choosing

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

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

Basic search

Users know a word, name, or identifier.

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

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

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

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

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

Filter reset that clears unrelated search

Use this anti-pattern to review search result pages, list filters, dashboard filters, saved filters, saved searches, mobile filter drawers, no-results recovery, and generated clear/reset actions.

Type
UI-UX
Sources
6
Trail checked
anti-patternOver-broad filter reset anti-pattern
Test in lab

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

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

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

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

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

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

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

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

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

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

Search suggestions

The system can predict likely queries.

Type
UI-UX
Sources
2
Trail checked
standardSuggested-query surface
Test in lab

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

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

Saved items