We have a page of filtered results, and in the sidebar the user can choose which values to filter by.
We usually use check boxes, so a user can tick an item to
select to filter by a value or it or leave it unchecked to
We need to add to this functionality a way to
exclude each value.
The app must be tablet accessible so this rules out things like shift+click or right click.
How would you go about this? Primarily, we'd like to not reinvent the wheel if there is a common way to perform this action.
Things we're considering are
- radio buttons next to every value for the three options (very cluttered, even when no options are selected)
- 3-way "switch" element next to each one (not necessarily an intuitive piece of UI)
Here is the current setup (no option to exclude)
Clarification on the select / ignore / exclude
Exclude is default behaviour. If I had the products:
red apple green apple
I'd like a filter that says "Red".
If it is unchecked, the red value is Ignored from the filtering logic, and the product list would still show me both products.
If I Selected the red value, it would show just the red apple.
If I excluded the red value, it would show me just the green apple.