Avoid Filters That Don’t Produce Results
Posted: Mon Jan 06, 2025 5:00 am
It is very important to ensure that your filtered search is appropriate for the type of content you have in mind for each filter and to keep it up to date so that it always remains relevant.
For example, NYX Cosmetics ' price filter looks like this:
Filtered search of NYX cosmetics
Prices start from $0.00 and go up to $50.00. However, if a person selects $4, no results will be found because the cheapest item is $5.
Instead, it would be better if the filter options started at nepal whatsapp phone number $5 to avoid pages with no results.
Another example is La Roche Posay 's price filter, which offers a better user experience.
La Roche Posay's filtered search example
Since the products in this particular filter start at $8.00, the price range starts at that figure as well. This way, you can avoid filters that don't yield results.
9. Remember the Differences Between Desktop and Mobile Designs
Like other elements of your website, faceted navigation should be mobile-friendly. The same style used on desktop may not work on mobile, so you should keep the differences in mind when adding facets.
Results appear quickly on desktop because you can refresh the page immediately. When you select a new filter, the results can refresh your page and not degrade your visitors' experience.
For example, Nike's faceted search design on desktop looks like this:
Nike's faceted search example on desktop
It works for large screens and doesn’t bother users when viewing products. The page is refreshed every time an option is selected, but since this is a desktop, it doesn’t really affect the user experience.
On the other hand, faceted search options designed for mobile look like this:
For example, NYX Cosmetics ' price filter looks like this:
Filtered search of NYX cosmetics
Prices start from $0.00 and go up to $50.00. However, if a person selects $4, no results will be found because the cheapest item is $5.
Instead, it would be better if the filter options started at nepal whatsapp phone number $5 to avoid pages with no results.
Another example is La Roche Posay 's price filter, which offers a better user experience.
La Roche Posay's filtered search example
Since the products in this particular filter start at $8.00, the price range starts at that figure as well. This way, you can avoid filters that don't yield results.
9. Remember the Differences Between Desktop and Mobile Designs
Like other elements of your website, faceted navigation should be mobile-friendly. The same style used on desktop may not work on mobile, so you should keep the differences in mind when adding facets.
Results appear quickly on desktop because you can refresh the page immediately. When you select a new filter, the results can refresh your page and not degrade your visitors' experience.
For example, Nike's faceted search design on desktop looks like this:
Nike's faceted search example on desktop
It works for large screens and doesn’t bother users when viewing products. The page is refreshed every time an option is selected, but since this is a desktop, it doesn’t really affect the user experience.
On the other hand, faceted search options designed for mobile look like this: