Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Best UI for Search/Filter/Boolean expression

There are some simple ones, some complex ones, but I cannot find the gold standard. Can anyone point me to "the best" way to let a user define a search criteria (or filter) to retrieve results?

This is complicated since:

  • Need to support about 10 different types of elements
  • Support And, Or, Not
  • Parenthesis (a killer to 95% of the population)

As an example I looked at MorningStar premium fund filter, it is ok but not web2.0 (ajax, JQuery.. in other words, not cool) and it handles parenthesis poorly.

like image 392
csmba Avatar asked Nov 21 '08 18:11

csmba


People also ask

What is a Boolean filter?

filter(Boolean)` just removes values from a list which are "falsey", like empty strings or null.

What is filtering in UI?

Filters provide a set of controls to reduce items in a collection based on attributes the user is interested in (e.g., filtering items by creation date). Filters can provide the following functionality: A list of interesting attributes common to items in a collection, and possible values to filter by.

Why search filter is important?

A good set of filters and facets also ensures an improved user experience. By helping users drill down to their needs with ease, it eliminates the need for numerous searches queries just to find something specific. This improves brand loyalty and customer retention.


1 Answers

Check Smart Playlists in iTunes. I find this UI very clear.

Finder in OS X has similar GUI, but also allows nested "parentheses" by pressing Alt and (+)/(-).

like image 92
Kornel Avatar answered Sep 27 '22 19:09

Kornel