User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
Our app has a requirement for list filtering that the user can create keyword filters (with arbitrary terms) with include/exclude and "all of" vs "any of" features. For example,
Anyone know public web app(s) that have a nice concise but clear UI for this?
Consider something like Twitter's advanced search:
(Note that what looks like placeholders in the image are actually labels that pop into the corner of the input field. This is important so users can still see at a glance what each field is for, even if they have something already typed in it.)
It's easy to know what you need to do, even if you've never used an advanced search before. It also doesn't even require more clicks to do a simple search. And of course it translates neatly to a smaller mobile view: the labels would just need to wrap while the text boxes shrink horizontally.
There are more search options, tucked away under the fold because they are unlikely to be useful in most searches.
This form creates the equivalent search in the search box. A user can then learn what each box does from experimentation (e.g. "all of these words" puts words in quotes), and create searches by using the main search bar.
If you were using this form, your searches would be:
