Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Improve visibility of datatable sorting #12682

Open
sgiehl opened this issue Mar 29, 2018 · 1 comment
Open

Improve visibility of datatable sorting #12682

sgiehl opened this issue Mar 29, 2018 · 1 comment
Labels
c: Design / UI For issues that impact Matomo's user interface or the design overall. c: Usability For issues that let users achieve a defined goal more effectively or efficiently. RFC Indicates the issue is a request for comments where the author is looking for feedback.
Milestone
For Prioritization

Comments

@sgiehl
Copy link
Member

sgiehl commented Mar 29, 2018

Most datatables are sortable by all columns. At the moment only the column that is currently sorted shows an arrow within the column header. For new users it might not be directly visible that it is also possible to sort the table by any other column. Instead of only showing an arrow for the column that is sorted, we could show double arrows like this for all columns that are sortable and a single highlighted arrow for the currently sorted column.
@sgiehl sgiehl added c: Usability For issues that let users achieve a defined goal more effectively or efficiently. c: Design / UI For issues that impact Matomo's user interface or the design overall. labels Mar 29, 2018
@mattab
Copy link
Member

mattab commented Mar 29, 2018

It is actually by design: showing less icons helps focus on the data. we wouldn't want to show an icon in each column all the time. Sorting is currently weakly indicated via the "Cursor" element but quickly learnt by users. I find it's confusing how there is no feedback on click, so adding a "Loading" icon would help. Otherwise we can look into material design tables. For example here: https://stackblitz.com/angular/gxnyjaqgeje?file=app%2Ftable-sorting-example.ts what they do is show the sorting icon on hover, with an animation (not sure if it's better than what we have...). In this other material lib: https://material-ui-next.com/demos/tables/ they make the text bolder on hover.

@Findus23 Findus23 added the RFC Indicates the issue is a request for comments where the author is looking for feedback. label May 24, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
c: Design / UI For issues that impact Matomo's user interface or the design overall. c: Usability For issues that let users achieve a defined goal more effectively or efficiently. RFC Indicates the issue is a request for comments where the author is looking for feedback.
Projects
None yet
Milestone
For Prioritization
Development

No branches or pull requests
4 participants
@mattab @sgiehl @Findus23 @innocraft-automation