Faceted navigation

Faceted navigation allows users to filter a collection of content by selecting from multiple independent attribute dimensions simultaneously, progressively narrowing results without committing to a single search path.

What is faceted navigation in UX design?

Faceted navigation is a filtering system that allows users to narrow a large collection of content by selecting attributes across multiple independent dimensions simultaneously. In an e-commerce clothing store, facets might include category, size, color, brand, price range, and rating. Users can apply filters from any combination of facets in any order, with results updating to show only items matching all selected criteria. Unlike hierarchical category navigation that requires users to commit to a path before seeing results, faceted navigation allows exploration and refinement without starting over when a filter combination yields too few or too many results.

What are the principles of effective faceted navigation design?

Show the number of results available for each filter option before the user selects it, so users can make informed choices without applying filters that will produce zero results. Update results in real time or near real time as filters are applied, so users see the effect of their selections immediately. Show applied filters prominently as removable chips or tags near the results, so users can see and modify their current filter state without scrolling back to the filter panel. Provide a clear way to remove individual filters and a way to clear all filters at once. On mobile, use a drawer or overlay for the filter panel rather than a persistent sidebar that would take too much screen space.

How does faceted navigation differ from search?

Search requires users to know and express what they are looking for in advance. Faceted navigation allows discovery by successive refinement, which is valuable when users have an approximate sense of what they want but benefit from seeing options and narrowing toward them. The two approaches are complementary: a combined search-and-facets interface allows users to start with a keyword search and then refine results using facets, or to start with facets and search within the resulting filtered set. Many e-commerce and content discovery products use both patterns together because different users approach discovery in different ways.

Related terms

Related guides