I am building a web application with a product list with a big amount of filters.
For the filters, we use faceted filtering. This means that whenever the user clicks on a filter option, the rest of the results are being filtered as well to show only the options that are connected to the option selected.
Something like the following example.
download bmml source – Wireframes created with Balsamiq Mockups
The problems are:
- The user cannot see all results except if they deselect everything
- There is no connection shown between the filter 1 and 2, except when you select something. Is there any better way to show that?
- Imagine that after you select Filter 1 option 1 and you finish your selection, you want to filter on Filter 1 option 2. But this option is not shown since your results are like the mockup no 3. What is the usual way that a user could find the Filter 1 option 2 since it is not there?