Concepts / Building Search UI / Filtering patterns

Filtering Patterns

Providing feedback when filtering

Providing filtering options is omnipresent in advanced search experiences. The issue at hand is mobile screen real estate since it is hard to include both filters and search results in the same view without the screen getting cluttered. Good filtering UX always show some sort of feedback when the user applies a filter.

For more info, checkout our blog post on Showing feedback when filtering.

Usage

This e-commerce example mimics a product search interface like well-known e-commerce applications.

As you can see in the example, filtering options are displayed in a PopupWindow with immediate feedback to let the user see its influence on the search results.

Did you find this page helpful?