Create filter tree best practice

Why do you need a good filter tree?

    A filter tree is the backbone of site navigation for online stores. When searching for something to buy or just browsing, your customers rely on the store's filter trees to narrow down search results and find out whether or not you have what they're looking for.
    A good filter tree is good for your business
    • A good filter tree increases conversion rates and average order revenue: Not only does it help your customers effectively pinpoint their needs, but it also helps other shoppers come across products that fit their preferences. They can find products they need without necessarily knowing what it's called, creating more purchasing opportunities.
    • A store that has a great UX filter tree is also boosted in brand images and credibility.
    A good filter tree better your customer online shopping experience
    • Take Amazon or as an example, they're great leading companies in e-commerce and they take their site filter navigation system seriously. They have enormous catalogs yet the shopping experience is easy and enjoyable thanks to their investment in filter navigation.
    • A good filter tree with precise options saves shoppers time. By finding exactly what they're looking for without having to conduct many search queries, your customers are more likely to have a better shopping experience, prefer your store to others, enhancing customer retention. If a filter tree gives redundant options, your customers will automatically register your store as complicated and will go to other stores where they think it's easier to get what they want.

Horizontal vs. vertical filter tree?

You may choose to use a horizontal or vertical filter tree for your store depending on the number of your filters and your collection page layout. Either of these types is UI-friendly, especially on mobile.

Regardless of which process you choose, it’s important that the filters are easy to use on all devices and screens.

How to create a good filter tree?

    Limit your filter option to 10 - 20 options (max is 30).
    • The easiest set of filter options varies from 10 to 20 options. This is the right amount to help users find the exact product they want without having to navigate through too many options. It's a good idea for store owners to find time and carefully select the right filter options and values for your filter tree.
    Make the filter options and values relevant to your business and targeted users.
    Sort your filter option values in the order of importance/ opportunities to increase the higher chance of clicks from your customers
    Show your product count and auto-hide irrelevant options (product count =0)
    • The product count should be shown and updated every time your customer chooses filter option values. This helps them know their filter option value is being applied, and remove the options that don't have any results in them. A fast, real-time updating filter option sets and results help users stay on your store longer until they find the right product and convert to more sales.
    A Clear all section to remove the selected filter option
    Optimize user interface and experience for mobile & desktop platforms.