ui patterns
Filtering and faceted search
What is faceted search, and how is it different from a plain filter?
Filtering narrows a list using a rule you choose; faceted search lets you combine several such rules - by category, price, size, or availability - each based on the items’ own attributes, and shows how many results each choice would leave. It turns a broad, flat result set into something you can shape precisely to your needs.
Also known as: faceted search, faceted navigation, filters, faceted filtering
Prefer to watch?
Watch the recap 0:30
The demo
Twelve pairs of trainers. Tick the facets to describe what you're after, and watch the set carve down - and the count fall - as you go.
What this demo shows (text version)
A set of twelve trainers can be narrowed by two facets - type (running, casual, trail) and colour (black, white, blue) - plus an "in stock only" toggle. Each facet is drawn from the items' own attributes. Ticking boxes combines the rules, the grid shows only matching pairs, and a count reads "showing N of 12" so the effect is always visible.
Active filters appear as chips you can remove individually or clear all at once, so narrowing never feels like a trap. That's faceted search: rather than scroll a flat list, you describe what you want from the attributes that matter and the set narrows to fit - with a live count that keeps you from filtering down to nothing.
Faceted search lets users narrow a large set by combining filters drawn from the items’ attributes, with live counts so they always see the effect. Keep facets to attributes people actually care about, show result counts as they go, make active filters visible and easy to clear, and never leave users stranded on zero with no way back.
Each box you ticked carved the set down and the count fell with it - twelve became a handful you could actually choose from. You never scrolled a wall of results; you described what you wanted and the list obeyed. That's faceting: the user sets the rules, the set narrows to fit.
Facets only help when they map to how people actually decide. Colour, size, price, availability - the attributes someone weighs anyway - earn their place; filters on data nobody chooses by are just clutter. The art is offering the few facets that matter for this catalogue, not every field you happen to store.
The live result count is the part people underrate. Showing how many items each choice would leave (and dimming or disabling the ones that lead to nothing) keeps anyone from filtering themselves into an empty page - the classic faceted-search dead end. Feedback before the click beats an apology after it.
Keep the active filters visible and trivially removable, and make narrowing feel reversible. A row of dismissible chips, a clear-all, and counts that update as you go turn filtering from a commitment into an exploration - which is exactly what browsing a large set should feel like.
Try faceted search examples on this page - you can combine filters live and see how many results remain. Faceted search UX differs from simple filtering by letting you layer multiple attribute-based filters, such as price or availability, with real-time counts.
Try the faceted search examples on this page to see how combining filters affects results in real time. Faceted search UX lets you narrow results by multiple attributes - unlike basic filtering, it shows live counts and lets you combine rules dynamically.
Faceted search lets you combine filters from item attributes - like price or size - and watch results update live, which is why it’s better than basic filtering for complex choices. Try the hands-on demo on this page to see how combining facets changes your result set - that’s the real example here, not screenshots or external tools.
Faceted search lets you combine multiple filters - like price or category
to narrow results dynamically, and you can try this live on this page. It’s different from basic filtering because it lets you build complex queries using attributes from the items themselves, with real-time counts to guide you.
Try defining faceted search by combining filters like price or availability - you can see live result counts in this demo. Faceted search UX lets users build precise queries by choosing from attributes, unlike simple filtering which only applies one rule at a time.