I'm in the process of creating a filter system for the
category of restaurants. This category list can consist of dozens of items, while each restaurant can have only 3 categories. So if users selects at least one of the 3 categories, this restaurant will show up on the result. This project is a responsive web site, so this functionality will also be avaliable on a mobile device. So the question is:
Should I use checkbox list? A tag system? Or even explicitly display the text?
See the screens for examples:
Note: All of them will be ordered based on the amount of use. The category with most registered restaurants will be higher on the list. In the future (after we collect some data) we will change to a list based on most searched category.
Both cases, checkbox and explicit, will be limited to the top 4 results, for example, with an option to
+ show more. The tag list will already be a dropdown menu, so there is no need to do that. But the tag menu may have a limit so users can't select a huge amount of tags.
At the momment I don't know what I should consider when picking these options. Currently I'm thinking about using the explicit option because it already guide users to the most common categories (or most searched - in the future) where he can select a category with just a click. The tag system will need users to click on the input to open a list and then make the decision or type to search another category.
The checkbox also have the option to be one click way of filtering, but since it's a high priority filter I'm trying to have a better visual since the other checkboxes aren't that much important.