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

Search field, and all other green icons should be visible at the top of pages (and sticky when scrolling) #19669

Open
nicoco59 opened this issue Aug 24, 2022 · 9 comments
Labels
c: Consistent Reports & Analytics UX For bugs and features that make Analytics reporting UI behave more consistently. c: Design / UI For issues that impact Matomo's user interface or the design overall. Enhancement For new feature suggestions that enhance Matomo's capabilities or add a new report, new API etc. Major Indicates the severity or impact or benefit of an issue is much higher than normal but not critical.
Milestone

Comments

@nicoco59
Copy link

Move green options icons at the top of the pages

Summary

I have one UI problem with Matomo : the green icons which appears on the bottom left of the behavior -> Pages list for example , they should be on the top of the page and visible by default.

It's not convenient when you show hundred of pages at once and you have to scroll down to the bottom to access those options.

Your Environment

  • Matomo Version: 4.11.0
  • PHP Version: 7.4.30
  • Server Operating System: Linux
  • Additionally installed plugins:
@nicoco59 nicoco59 added the Enhancement For new feature suggestions that enhance Matomo's capabilities or add a new report, new API etc. label Aug 24, 2022
@sgiehl sgiehl added the c: Design / UI For issues that impact Matomo's user interface or the design overall. label Aug 25, 2022
@sgiehl
Copy link
Member

sgiehl commented Aug 25, 2022

Just to ensure we are talking about the same: Your are referring to the datatable settings in the footer of each report:
image

It might be indeed not optimal, that they are in the footer when the report is showing a lot entries.
Our product team will review and prioritize this issue...

@sgiehl sgiehl added this to the For Prioritization milestone Aug 25, 2022
@heurteph-ei
Copy link

heurteph-ei commented Aug 25, 2022

They could be located at top + bottom of the reports OR using the "floating" position:sticky CSS property...

Also: related to:

@nicoco59
Copy link
Author

Just to ensure we are talking about the same: Your are referring to the datatable settings in the footer of each report: image

It might be indeed not optimal, that they are in the footer when the report is showing a lot entries. Our product team will review and prioritize this issue...

Yes that's right, it's those icons.

@atom-box
Copy link

atom-box commented Nov 6, 2023

These are functionally related:
#21147 Search bar visibility when searching Pages
#19355 Search field above each table
#15873 Make visualisation more obvious eg by moving it to the top

(Completely different functionally but similar from a UI perspective:
#19676 Design/UI: Prevent the use of (too much) scrollings... )

@atom-box
Copy link

atom-box commented Nov 6, 2023

Question:
What is the feature you are missing the most in Matomo and why?
Answer:
The search for a specific page URL can be found in "Behaviour" at the bottom. I use this function very often. Scrolling takes a long time. This important function should be at the top of the filter options.

@atom-box
Copy link

atom-box commented Nov 7, 2023

This user describes search/filter as a "missing feature":

Feature: Page titles
Like: No
Choice: missingfeatures
Feedback:
how do you find a search function / filter option here?

@mattab mattab changed the title Move green options icons at the top of the pages Move green options icons at the top of the pages (and sticky when scrolling) Dec 11, 2023
@mattab mattab added the c: Consistent Reports & Analytics UX For bugs and features that make Analytics reporting UI behave more consistently. label Dec 11, 2023
@mattab mattab added the Major Indicates the severity or impact or benefit of an issue is much higher than normal but not critical. label Dec 11, 2023
@mattab mattab changed the title Move green options icons at the top of the pages (and sticky when scrolling) Search field, and all other green icons should be visible at the top of pages (and sticky when scrolling) Dec 11, 2023
@mattab
Copy link
Member

mattab commented Dec 11, 2023

I closed a few related issues, this is a very popular request!

from @atom-box

A user told us:

"Main actions are stuck to the bottom of de tag/trigger/variable overview. Again with 40+ tags this asks for some scrolling. Doing this one time is no problemo.. When a bigger analytics use case comes across and I need to add multiple tags in succession the scrolling becomes a bit more cumbersome"

from @gaumondp

It always bugged my editors to go to the bottom of data to change things. Most of their columns have way more than 5 or 10 items (lines) to show so they're always scrolling. Having access to gear icon near the name of the data is good UX!

and @heurteph-ei left a detailed explanation of the flow, and why a Sticky menu is needed, in #19676

When users uses Matomo reports, they complain about always having to scroll down then up...

Step to reproduce

I want to see (on demo site) the Page Location and Page Type for different segments (or date)

  1. Go to https://demo.matomo.cloud/
    image
    Great! 🎉
  2. Open the Behaviour menu, scroll down to see Page Location then click on this link
    image
    Argh, I don't see the first lines of the table... 😥
  3. Now I want to change or check the dimension (or date), so I have to scroll up! (because I don't see the dedicated dropdowns) 😢
  4. OK, now I want to see the Page Type sub menu of Behaviour... I have to scroll down again😢
    image
    And loose again top report lines and segmentation/date dropdowns... 😭

@atom-box
Copy link

atom-box commented Feb 7, 2024

Maybe we don't need to throw the baby out with the bathwater here.
There are many advantages to keeping the controls at the bottom. Including this is part of Matomo's brand. It could be fixed:
Now: footer of each report shows green icons OR nothing
Proposal: footer of each report shows green icons OR something that hints you into coming closer with the mouse:

image

@goochj03
Copy link

A cloud customer has suggested the placement of these options the "Search" in particular, would be more intuitive if located at the top of the reports.

We wanted to know whether it would be possible to shift the search field to the top of the table as this would be more intuitive.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
c: Consistent Reports & Analytics UX For bugs and features that make Analytics reporting UI behave more consistently. c: Design / UI For issues that impact Matomo's user interface or the design overall. Enhancement For new feature suggestions that enhance Matomo's capabilities or add a new report, new API etc. Major Indicates the severity or impact or benefit of an issue is much higher than normal but not critical.
Projects
None yet
Development

No branches or pull requests

6 participants