Bouncing off Robin above, fundamentally you are either wanting a list item or not.
So IMO might be to make switches next to them.
To turn them on or off.
No complicated layouts, just a few switches next to the items, perhaps in a wider column that yours in grid format.
I'm taking all the ideas here and making a synthesis of some kind:
List all of the available options
Use a toggle format with a green button to include on the left side and a red button to exclude on the right side, like so:
✓ | Kosher | x
✓ | Meats | x
Make it all neutral in the beginning (maybe whites) — but when the user specifies a direct preference ...
I think the answers so far are missing an obvious trick. Combine the include and exclude filters. Each item has a radio button for include and exclude.
Here the user would like to see food that contains chicken meat and nuts but does not contain mushrooms.
-- Filter by ingredients --
☐ ☐ Prawns
☐ ☐ Pork
☑ ☐ ...
What is the goal for this selection list?
Depending on the answer to that question, the solution might look different. For example:
If the filter addresses customers' allergies, you could rephrase the heading accordingly:
For more complex dietary restrictions, I've seen some airlines use a simple popup-up menu with options such as Halal, Kosher, ...
You don't want this filter to look and work compeletly different from the other filters. It's all about the right title/label above. Make it unambiguously clear. Maybe you have to add a description below the title that explains the purpose of the filter a bit more.
Also you can make the filter show the "exclusiveness" a bit better by adding a strike-...
You could make the labels of the checkboxes negative (e.g. Pork-free or No Pork). I would change the checkboxes to toggles as it makes it more clear whether you tick something to be excluded or to be included.
This a very similar problem when you exclude means of transport when searching for a route. You might find some more inspiration there.
Does creating the filter in this way break consistency with other filters you are using? If so it would be better to find a way to create a filter using consistent logic by rephrasing the query.
The first option below (on the left) has all options in the list preselected, so the user can unselect specific foods as per their requirements.
The second option (...
I have a few thoughts and suggestions on this but firstly it would be good to see a mock up with realistic content otherwise my advice could be off but generally:
Firstly, I'd avoid putting items into columns, they‘re harder to scan as you have to zig zag, and there's less room for filters that have longer descriptions. I'd also recommend filters are ...
In principle, I wouldn’t change or modify user action without their consent.
Modifying search filters through a reset, adding or removing filters should be left to users rather than the system inline with heuristics (User Control and freedom)
Worth noting that filter reset functionality is typically introduced when there is far too many filters to ...
It totally depends upon the context of using filters. In typical e-commerce products the filter resembles user's preference (size, type, colour, etc to name few).
You might need to ask this question to yourself: is there any value addition for users if the filters are applied? If yes then how many such use cases are covered? If not then you have your ...
What about creating an aggregator (or parent category) where you can split those 23 categories in some "groups".
Let's say you have 6 groups and divide those 23 categories on them. Those 6 groups become tabs and the 3 or 4 categories that are under this tab will some labels that represent the titles of their respective subcategories.
Please see an example ...
I think the best way to do this is to have the left side of the screen just for the filters and have them in a collapsed accordion.
Try grouping the filters in 2 groups:Most & less used filters.
This way you can decide which ones are opened by default and the order of your filter.
Here are some link that can help you:
Best UX approach for filtering ...