I'm no UI expert, but I'm working on a experimental pet project that consists of an interface to search "items" (could be events, real state, etc. doesn't really matter) by location and tags.
I believe that I have more or less solved the "location" part of the filtering as you will see in the screenshot below (taking ideas from existing solutions), but I'm still struggling with the tag filtering.
The idea is the following:
- User selects location
- Items are sorted by distance
- User adds a tag
- Tag is added to the list, but results are not filtered.
- User checks a tag, items are filtered to show only items with that tag.
- user adds another tag, tag is automatically checked, and filter is applied (any item containg one of the tags)
Tags can be unchecked (filter is reapplied without the tag), or removed from the list. Also, there would be a select / unselect all to simplify the process.
Do you think this process is enough simple and user-friendly? Are there other ways to do this?
Plus, I also want to add a search input somewhere, I've been considering putting it in the header, but, my fear is that in such case, it is not clear if the filters are applied when searching a specific phrase. And putting it below the map makes it dificult to notice. Maybe there's another approach I could take?
Thanks!