Search UX

Design search experiences that help users find content and actions quickly through query, results, filters, and empty states. Use when building or improving product search, filtering, or discovery interfaces.

itsual Updated

File contents

Search UX

Overview

Search is often the fastest path to value in content-rich products. Good search UX handles intent, ambiguity, zero results, and refinement without friction.

When to Use

  • Global or contextual product search
  • Filterable lists and catalogs
  • Command palettes and jump-to navigation
  • Improving poor findability

Core Practices

  • Support progressive query refinement
  • Show relevant results fast; explain ranking when helpful
  • Design zero-results and typo/no-match recovery
  • Offer filters and facets that match user mental models
  • Highlight matches and provide enough result context
  • Consider recent searches and suggestions carefully for privacy

Principles

  • Speed and relevance beat feature count
  • Empty and low-quality results need intentional design
  • Search and browse should complement each other
  • Advanced filters shouldn’t block simple queries

Verification

  • Users can recover from zero results
  • Results provide enough context to choose
  • Filters reduce noise without confusion

itsual/agent-skills-collection/tree/main/skills/design-ux/search-ux commit eac0431efc

Frequently asked questions

npx skillmds@latest add itsual/search-ux