33 votes
Accepted

Is the "filter" icon widely recognised by users?

The NNGroup sums it up pretty nicely here: Icon Usability A user’s understanding of an icon is based on previous experience. Due to the absence of a standard usage for most icons, text labels are ...
QWERTZdenker's user avatar
  • 1,355
21 votes
Accepted

An important default filter being set - should a "Clear" button clear this important filter?

There are certainly other solutions, but probably the simplest would be to change the button text from "Clear All" to "Reset Filters". Now, instead of "emptying all filters&...
maxathousand's user avatar
  • 19.5k
18 votes
Accepted

Apply filters immediately or after confirming with a button?

That depends on technical aspects of the system, as a thumb rule, it's always a good idea to provide facets results immediately, and by doing that also eliminate non-relevant results, but, if the ...
Eran Bar's user avatar
  • 1,030
14 votes

Filter by dietary preferences

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 ...
Nash's user avatar
  • 2,451
13 votes

Searching with mandatory filters

If the filter is mandatory, choose the most frequent search as the default. You can try a scoped search dropdown before the search input field. This way the search button is Active from the beginning. ...
Mike M's user avatar
  • 24.7k
13 votes

Is the "filter" icon widely recognised by users?

No, use the icon with a label. It's not safe to assume that people understand the meaning of the icon as it is used to adjust their preferences and to filter the results. So the meaning is already ...
jazZRo's user avatar
  • 11.8k
11 votes

Search Vs. Filter- what is the difference

From a technical point of view the two are basically the same (i.e. excluding elements from a list, based on some criterias) From a user point of view, it's very different: Search is done as a ...
Gianluca Ghettini's user avatar
11 votes
Accepted

Searching with mandatory filters

I remember GitHub had something like what Mike M suggested for their search. I just noticed that it's changed, and what they do now is make the selection a part of their autocomplete-like menu: I ...
JoL's user avatar
  • 476
11 votes

Filter by dietary preferences

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 ...
Steve O'Connor's user avatar
11 votes

Is the "filter" icon widely recognised by users?

I do see the funnel icon used widely for "filter" but in this case you've labeled it "preferences", so I think we have a bit of a disconnect there. I would expect most users to ...
CCTO's user avatar
  • 241
11 votes

Suggestions for UI for Delicate Question w/ Several Options?

Occam's Razor to the rescue: Don't ask it. First of all, your question is really loaded. It will upset many users and, as you noticed, it introduces complexity and friction without any positive aspect ...
Devin's user avatar
  • 38k
10 votes

Material Design data table filtering

If you need complex filter consider creating a separate section. Perhaps a "actions" section on top of the table where users can not just filter but perform other actions to interact or modify the ...
Matt Costa's user avatar
8 votes
Accepted

How to offer multiple filter options when technically constrained to one?

Use a tabbed container for the filters A common and acceptable way to separate filter options, is to user tabs (or versions of tabs) This can often be seen on travel websites, where users can search ...
dennislees's user avatar
  • 11.6k
8 votes
Accepted

Do users understand when a title is a button

I would never understand that the [Filter by] and [Sort by] elements are clickable if you did not write it. It is not a good approach. However, even at the end they are a little bit confusing to me. ...
Dominik Oslizlo's user avatar
8 votes
Accepted

How to sort and filter a constantly changing list of data?

Following the OP's update, I'll start with a specific suggestion for their problem. This will be followed by the sort of approach that you might take in the more general case (a slightly updated ...
TripeHound's user avatar
  • 2,655
7 votes

Searching with mandatory filters

Since this is a mandatory tasks before interacting with search, consider search like the Call to action like save or submit. Before you can accomplish these actions you must fill out a form. In this ...
Bromox's user avatar
  • 589
6 votes

What is the best position for clear filter button in a filter list

Short answer: It's fine to put the clear-all button in the bottom left. Long answer: There is not enough info here to talk about the UX of your site, as we would need to know much more about the ...
cheersphilip's user avatar
6 votes
Accepted

What is the best position for clear filter button in a filter list

Your proposal is clear to understand and will work. However, I was thinking of a different way to layout elements. The title refers to the whole Dialog so you could place it in the centre Deliver &...
Alvaro's user avatar
  • 16.8k
6 votes

Suggestions for UI for Delicate Question w/ Several Options?

It seems to me like this should address your problem. Or am I missing something?
Vitaly Mijiritsky's user avatar
5 votes
Accepted

Should a required SELECT have a placeholder OPTION?

If the field is required, it should not be auto-filled, because Fields with stuff in them are less noticeable. Eyetracking studies show that users’ eyes are drawn to empty fields. At the ...
Dipak's user avatar
  • 16.2k
5 votes

How should I deal with hierarchies on a filtered search?

I suggest you use natural language in this scenario: Example: as used here
Dipak's user avatar
  • 16.2k
5 votes
Accepted

Should the sort/filter changes throw the focus on first page or current page?

Since using a sort or filter of any kind will most likely change the order and the amount of data displayed, the best approach would be taking the user back to the first page. Keeping him on the ...
JimyPP's user avatar
  • 391
5 votes
Accepted

Search panel in condensed area or listed

If the logic allows, split the interface into three columns. Alternatively spread filters horizontally and group frequently used filters on one side.
Garik's user avatar
  • 1,994
5 votes

Searching with mandatory filters

If these are the only two options and are likely to remain so, I would go with something like this: download bmml source – Wireframes created with Balsamiq Mockups
DarrylGodden's user avatar
  • 6,326
5 votes

Searching with mandatory filters

Did you consider an auto-suggest search for both categories? That way you provide the user with immediate value before forcing him to make a further choice..
Yoav Barak's user avatar
5 votes

Should custom month and year picker be inside a dialog box?

Since space in full screen applications is often an issue, choice A seems to work fine. A dialog is temporal, and won't add clutter to the UI. 'Custom' implies more UI/interaction You can also use a ...
Mike M's user avatar
  • 24.7k
5 votes

Is the "filter" icon widely recognised by users?

To answer the question: the filter icon isn't used much. If you want to use it and you have space adding text "Filter Results" is always going to make it make more sense to people who speak ...
PhillipW's user avatar
  • 11.3k
5 votes
Accepted

Users are confused and think search filter are input boxes. How best to indicate that they are for filtering search results?

Use placeholder, but be try to be specific about the input type as well: Try reversing the stripes Another approach is to remove the tiger striping from the row, and use the background for the filter ...
Mike M's user avatar
  • 24.7k
5 votes

If all filters update the results dynamically, do you still need a 'Show Results' button?

I don't think the button is necessary, but at the same time I think the selection mode of each filter should show a more advanced methodology of how the type of search is carried out, so that it's ...
Danielillo's user avatar
  • 19.1k
4 votes

User interface components or design patterns for multiple sort/filter orders

I like the way that Google Spreadsheets does this. (You need to select a range of cells and then select Data > Sort range... to see this.)
Yvonne Aburrow's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible