Interface Lab
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.

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. Apple HIG Motion: https://developer.apple.com/design/human-interface-guidelines/motion Material Design Motion: https://m3.material.io/styles/motion/overview/how-it-works GOV.UK Design System Patterns: https://design-system.service.gov.uk/patterns/ Shopify Polaris Patterns: https://polaris-react.shopify.com/patterns Atlassian Empty State: https://atlassian.design/components/empty-state

Agent Directive

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