Concepts / Building Search UI / Filtering patterns
May. 10, 2019

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.



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

  • Search in the product’s name, type, and category
  • Filter with RefinementList by type or category
  • Filter with Numeric filters by price or rating
  • Custom views using AlgoliaWidget for filtering by price and rating

Did you find this page helpful?