36
votes
Accepted
Alphabetical grouping of accented words
It depends directly on the language and if the diacritic produces a new letter or simply a variation of the same letter.
In French (or Italian, Catalan, Portuguese...), accented characters (such as À,...
18
votes
Accepted
How should sorting work when numeric is mixed with alpha-numeric
Starting with Windows 7, Microsoft changed their default method of sorting directories by file name to use "numeric" sorting. (Some info here)
While I couldn't find a specification of its behavior, ...
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. ...
5
votes
Alphabetical grouping of accented words
As a German, I know of two ways how this is handled. Either, "ö" is treated as "o" (e.g., in an encyclopedia) or it is treated as "oe" (e.g., in a phone book). "ß" is always treated as "ss".
Even the ...
4
votes
Accepted
What is the best practice for data table filters?
Solution 1. shows the filtered options while solution 2. does not.
Before any conclusion, you need to know if your users prefer or need to see the filtered options before exporting.
Another aspect to ...
4
votes
Alphabetical grouping of accented words
For a danish site we faced the same issue, and we grouped them as separate characters to avoid the confusion. The grouping needs to be understandable for the users.
4
votes
Alphabetical grouping of accented words
The rule is that you should put names into categories, and sort them, in such a way that your users will find them where they expect them. You follow the rules of the user's language. For example, if ...
3
votes
What is the best icon to show that something can be dragged and reordered?
In order to make it simpler you can use dotted vertical lines as in the Gmail example.
3
votes
Accepted
Sort Icon placement
An icon to the left of a unrelated label is clearly not the way to go. If you got the space for it, the best option would be to provide a label to the filter icon.
Essentially, you want a clear ...
3
votes
Sorting on a page
You should navigate back to the first page. To understand why, you should simply answer the question why user sort lists. For example they want to :
find the highest score
start reviewing products ...
3
votes
I want to let the user toggle a column heading to sort a grid by a date field. How can I make ASC/DSC intuitive?
Sorry for posting this as an answer, I am not sure if this is actually an answer. But I can't comment yet, anyway.
I see two different problems here. First, whether the ascending order should be ...
3
votes
Accepted
Default Sorting ascending or descending
From personal experience, Most Recent is the most natural sort order for this type of thing. A time off request is time sensitive, so a user will want to read/edit objects relative to the current time....
3
votes
Accepted
Mixed past and future events in one list?
The final suggestion mentioned in your question sounds very unintuitive. Browsing past events and looking for upcoming ones are two different use cases. "Oh wow, this event looks awesome! Let me ...
2
votes
How to push items to the top or bottom of the list in alphabetically sorted lists?
Many of the above suggested solutions seem overly laborious. When somebody asks for a "more elegant solution", more often than not they are not asking you to re-invent their whole thought process or ...
2
votes
Sort by criterion that is not displayed
There's a strong convention of being able to sort tables by clicking on column headers. It has lots of benefits: direct manipulation, easier to communicate how the data is ordered (e.g., highlight the ...
2
votes
Are there Material Design best practices for Filtering/Sorting in a Tab Layout?
Great question - I have the exact same issue. From what I understand from the Material Design spec there are lots of options.
About My Web App
I have tabs with cards displayed in them. In the ...
2
votes
Are there Material Design best practices for Filtering/Sorting in a Tab Layout?
I believe Material Design's backdrop could solve your problem
https://material.io/design/components/backdrop.html
It allows for the back layer to contain multiple filters and controls and the front ...
2
votes
Best practice for draggable, sortable with paging records
Try allowing multiselection, drag and drop plus a contextual menu for repositioning 1 or more items.
Allow Shift + select for multiple items (or single click for one item). Then, the Right click or ...
2
votes
Alphabetical grouping of accented words
Another way of stating what others said is that it depends on the collation (text sorting) algorithm used. Each language/dialect/language-variation has its own collation algorithm [I have a vague ...
2
votes
Dropdown menu that contains more than one topic
Welcome to the community.
Why don't you try something like an accordion attached?
The pros of having this accordion are that you can see which user is in which group.
2
votes
How to handle data addition in data grid when data is sorted
The new record should be added based on the sort order selected. Even if that means that the new record won't be visible on the currently selected page. This is to ensure that the data presented it ...
2
votes
Pros and Cons of Sorting by Number of Reviews
I think it really depends on the user. Some users will value the ability to sort by number of reviews, and some will be happy to just see the review score.
Basically, "number of reviews" is ...
2
votes
Accepted
Filters applied overview - how to distinguish filters with the same name
I don't know your exact user case, but i Think you're overthinking this. Filters with repeated variables (or faceted search) are very common and there are countless examples, just check any big ...
2
votes
Accepted
Client side sorting
I think you are misunderstanding what the developer is trying to tell you.
They are not saying you need to provide the full data set to the user, but that you need to apply the sorting before the ...
1
vote
Table Search + Sort Interaction
If users have selected to sort on a column, that's an additional indication of their search criteria and what they are deeming important at that moment.
The fact that it's selected and filtered is to ...
1
vote
Table converted to Card Stack - sort options
Separate the two sorting mechanisms into two separate dropdowns. One for what used to be the column headers and the other with "Ascending" or "Descending." I wouldn't fret over what verbiage fits each ...
1
vote
What is the best practice for data table filters?
There is another filtering presentation, used in the Shield UI Grid.
1
vote
What is the best practice for data table filters?
Depends on what your filtering effects. If its to filter the entire table, having the filter external to the table is fine. If it is to filter a specific category it needs to be with the content it ...
1
vote
Do users understand when a title is a button
Of the two options, the first makes more sense logically - it forms a clear flow from left to right (input -> input -> action).
In the second option, the user has to traverse to the right, then back ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
sort × 266tables × 47
lists × 46
filter × 41
data-tables × 23
grid × 18
usability × 17
ordering × 16
search × 12
drag-n-drop × 12
user-expectation × 10
dates × 10
website-design × 9
gui-design × 7
mobile × 7
design-patterns × 7
user-behavior × 6
icons × 6
dropdown × 6
data × 6
search-results × 6
pagination × 6
order × 6
column-headers × 6
tabs × 5