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 ...
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&...
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 ...
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. ...
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 ...
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.
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 &...
5
votes
Accepted
Displaying price limit above price slider scale
One option is to use the label MAX or MAXIMUM :
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 ...
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
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.
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
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..
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
filter × 605search × 126
usability × 66
tables × 51
faceted-search × 49
gui-design × 45
search-results × 42
sort × 41
lists × 38
data-tables × 38
user-expectation × 36
website-design × 30
interaction-design × 29
checkboxes × 25
forms × 23
dropdown × 22
mobile × 21
multi-selection × 20
e-commerce × 19
buttons × 18
web-app × 18
navigation × 17
selection × 14
user-behavior × 13
grid × 13