search

matomo-org / matomo

Empowering People Ethically with the leading open source alternative to Google Analytics that gives you full control over your data. Matomo lets you easily collect data from websites & apps and visualise this data and extract insights. Privacy is built-in. Liberating Web Analytics. Star us on Github? +1. And we love Pull Requests!
https://matomo.org/
GNU General Public License v3.0
19.68k stars 2.62k forks source link

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

Open nicoco59 opened 2 years ago

nicoco59 commented 2 years ago

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

sgiehl commented 2 years ago

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...

heurteph-ei commented 2 years ago

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

Also: related to:

❔

nicoco59 commented 2 years ago

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 commented 10 months ago

These are functionally related: https://github.com/matomo-org/matomo/issues/21147 Search bar visibility when searching Pages https://github.com/matomo-org/matomo/issues/19355 Search field above each table https://github.com/matomo-org/matomo/issues/15873 Make visualisation more obvious eg by moving it to the top

(Completely different functionally but similar from a UI perspective: https://github.com/matomo-org/matomo/issues/19676 Design/UI: Prevent the use of (too much) scrollings... )

atom-box commented 10 months ago

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 commented 10 months ago

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 commented 9 months ago

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 https://github.com/matomo-org/matomo/issues/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 commented 7 months ago

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 commented 7 months ago

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.

Chardonneaur commented 1 month ago

I got a user asking for this feature today, search should be at the top, not at the bottom.