Also referred to as: Filter Facets, Product Filtering
What’s this? Here you’ll find 685 “Filtering Options” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 256 e-commerce sites. (Note: this is less than 1% of the full research catalog.)
Filtering tools on e-commerce product lists are essential in the product-finding process. When done right, filters enable users to see only the products that match their individual needs and interests. Filtering is about empowering the user to take a product list with potentially thousands of items and to be able to narrow it down into a smaller, manageable selection of products uniquely tailored to their needs and interests. Yet our extensive UX performance benchmarking shows that 34% of sites tested have poor filtering implementation, making it almost impossible for users to narrow down a generic list to include only (or mostly) suitable products.
More ‘Filtering Options’ Insights
Join 60,000+ UX professionals and get a new UX article every week.
Join 60,000+ UX professionals and get a new UX article every week.
300+ free UX articles based on large-scale research.
256 top sites ranked by UX performance.
Code samples, demos, and key stats for usability.
Add UX Best Practice Cards to your Figma projects.
685 ‘Filtering Options’ Design Examples – Baymard Institute
Sign up to Baymard and get access to 150,000+ hours of UX research and Best Practice Guidelines, backed by real user data.
Curious to find out what Baymard can do for your team? Start exploring 5% of our research, including 50 Best Practice Guidelines, with a Free Plan today!
Have any questions? Email us at support@baymard.com