Hot answers tagged

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
20 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.4k
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,000
16 votes
Accepted

Put a search/filter above or below a list?

For most decisions about whether to put an interactive element (filter control, comments box, etc.) above or below an element it usually comes down to which you want the user to read and engage first. ...
DasBeasto's user avatar
  • 15.3k
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,443
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.5k
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.1k
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
10 votes
Accepted

Should searching a table include hidden columns?

Avoiding the dilemma There's a possible solution without falling into this dilemma: Give users the choice, just by adding a checkbox below the search/filter input which specifies "Search in ...
Alejandro Veltri's user avatar
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

Show Results Before Searching

For questions like this, especially around customer experience in e-commerce, I sometimes try to imagine the situation as it might occur in the brick-and-mortar world. In an actual shop, would you ...
Matt Smith'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

Search Vs. Filter- what is the difference

To be crisp Search Begins from none and adds to the list of results based on the criteria that matched. Data gathering process and no hierarchy is expected. Target is unknown and results displayed as ...
Rupesh Nath's user avatar
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

In there any research available whether people sort first or filter first?

I don't think you'll find something about this because the premise seems to be incorrect, since sorting is a way of filtering, thus the answer is already included in the question. However, if you ...
Devin's user avatar
  • 36.5k
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
5 votes
Accepted

Displaying price limit above price slider scale

One option is to use the label MAX or MAXIMUM :
DesignerAnalyst'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

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,296
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.5k
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.2k

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