<img height="1" width="1" style="display:none" src="https://q.quora.com/_/ad/ad9bc6b5b2de42fb9d7cd993ebb80066/pixel?tag=ViewContent&amp;noscript=1">

13 Tips for Designing Filters and Facets

January 21 2019

Faceted search and navigation uses certain product attributes as visible criteria visitors can use to refine their search queries and category listings. With faceting, you ensure that the right, logical filters are available where and when your customers need them. Read on to understand what product attributes should be used as facets and how to design the best faceted search and navigation.

Which Product Attributes Should Be Used as Facets

Beyond price and brand, any attribute important enough to be included in the list view of a product should be available as a filter. Ideally, category-specific filters adjust to the type of products carried and search filters are inferred for each set of search results.

Design a frictionless shopping experience for your users. Download our 'Search  and Navigation UX Design Guide'.

How to Effectively Design Facets and Filters

  1. If there are more than 20 results, use faceted filters to help narrow product choice.
  2. When appropriate, use both sorting and filtering options.
  3. Keep it user-friendly.  Use differentiating product attributes as facets. Often the  attributes to use are:
    1. Obvious site-wide attributes like price, brand, category, product variations and user ratings
    2. Attributes that accurately evaluate which of the products in the list are of relevance
    3. Attributes that enable the visitor to compare relevant products to one another
    4. Attributes that can be consistently included and presented across products in the same list
  4. Ensure products are listed in appropriate categories. When products appear that don’t belong, it can cause total abandonment of search and navigation.
  5. Display the most commonly used product attributes first.
  6. Allow users to clear previous selections and start over. Screen Shot 2016-12-20 at 18.03.07.png
  7. Allow users to refine results by selecting more than one category.
  8. Allow users to select criteria across more than one category.
  9. Should there be a large number of options available, display the 2-5 most common ones and hide the remaining behind a “view all” link.
  10.  Should there be the need, allow categories to be refined further by presenting new   facets that only apply to the selected category (i.e. dynamic faceting).
  11.  List the number of products available with each attribute.
  12.  Make it clear to the user which attributes they’ve already chosen with a persistent   selector.
  13.  As filters are applied, remove filters that have zero matches, except for the scope in   which they made their selection. Retaining the filter and the previous count of products   within that filter allows the user to work their way back easily.

Faceted_search.png

Download the guide

Here, we've discussed 13 top tips for designing facets and filters, but these valuable tools account for merely a small portion of your site-search environment. To discover a comprehensive view of site-search best practices, download our guide to search navigation and design. 

Download our 'Site Search and Navigation UX Design Guide'

Topics:

eCommerce Site-Search
eCommerce Design
Faceted Search
Search & Navigation
UX

Subscribe to our newsletter

Subscribe to our newsletter