UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
Back to knowledge
Design Systems Page Patterns

Search Results and Facets

Search Results and Facets turns a frequent interface judgment into an executable constraint before generation.

searchfiltersresults

Design Principle

Search interfaces need to explain why results appear and how to narrow or broaden scope.

Principle Search interfaces need to explain why results appear and how to narrow or broaden scope.

Design action Show query, count, sort, facets, active filters, and no-result suggestions; result cards show matched field or excerpt.

Examples Positive example: Knowledge bases, libraries, ecommerce, docs, user management, and template marketplaces. Counterexample: Search only refreshes the list without count or filter state.

Apply when Knowledge bases, libraries, ecommerce, docs, user management, and template marketplaces. Users need to judge state, scope, risk, or next action quickly.

Source notes Source note: Synthesized from GOV.UK, Carbon, Polaris, Atlassian, Design.Systems, Design Systems Repo, and product-pattern libraries.

Agent Directive

Show query, count, sort, facets, active filters, and no-result suggestions; result cards show matched field or excerpt.

Apply When

  • Knowledge bases, libraries, ecommerce, docs, user management, and template marketplaces.
  • Users need to judge state, scope, risk, or next action quickly.

Avoid

  • Search only refreshes the list without count or filter state.
  • Irrelevant structure, copy, or decoration is added only to make the UI feel richer.

Knowledge Metadata

Category
Design Systems Page Patterns
Quality
86%
Version
v1
Published
6/6/2026