UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
Back to knowledge
Interaction Responsive Motion

Filter Query State Preservation

Filter Query State Preservation turns a frequent interface judgment into an executable constraint before generation.

filtersstatesearch

Design Principle

Filter results are user-built work context and should persist across refresh, back navigation, and sharing.

Principle Filter results are user-built work context and should persist across refresh, back navigation, and sharing.

Design action Store key filters, query, sort, and page in the URL; distinguish single-filter removal from full reset.

Examples Positive example: Lists, libraries, reports, orders, and design system component search need revisitable results. Counterexample: Filters are lost after returning from a detail page.

Apply when Lists, libraries, reports, orders, and design system component search need revisitable results. Users need to judge state, scope, risk, or next action quickly.

Source notes Source note: Synthesized from Apple HIG, Material Design, GOV.UK/Polaris/Atlassian component practices, and interaction accessibility principles.

Agent Directive

Store key filters, query, sort, and page in the URL; distinguish single-filter removal from full reset.

Apply When

  • Lists, libraries, reports, orders, and design system component search need revisitable results.
  • Users need to judge state, scope, risk, or next action quickly.

Avoid

  • Filters are lost after returning from a detail page.
  • Irrelevant structure, copy, or decoration is added only to make the UI feel richer.

Knowledge Metadata

Category
Interaction Responsive Motion
Quality
85%
Version
v1
Published
6/6/2026