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
Improve date selector usability #8864
Comments
+1 I have already seen some coworkers choosing the wrong date range because of this usability problem. |
Agreed the calendar is confusing to use for first time users. Would be nice to improve it... heard this feedback from a friend in person last week as well ;-) Here is another suggestion:
This would simplify very much the usability... as a downside, it would take a bit longer to change the Period as well as change the Date. We should check Piwik will load the calendar very fast to let one change the date after the page reloaded with the new period. Thoughts? |
I find the downsides for when not wanting to see the current selected week etc too annoying for such a change. Maybe we could always show the "Apply" button which is currently named "Apple date range" and only shown when the range period is selected. It wouldn't even take more space, maybe a tiny bit. Someone could either select week and press apply and doesn't have to choose a day, someone else can still select another day. |
I agree not applying the date range immediately is important, in many cases (specially big date ranges) a small mistkae will mean waiting a long time and having to click through date choosing again. |
Some useful links:
Reading about this also made me think of the mobile implementation (either web access or the Android/Iphone apps), and accessibility (mentioned here: #4167 with more details here: https://github.com/piwik/piwik/wiki/Accessibility-report) |
@tsteur maybe we can add this "Apply" button for all periods, in our calendar in 2.15.0? this is nice usability win |
Just checked the demo site with "Apply" button implemented for all periods - simple + effective! Thank you :) Now my muscle memory is battling it but I see the old behavior is still there, so it will be a gradual adjustment ;) |
Pro tip that I just noticed while reading the code: A double click on a period label or radio button should directly select the period and reload the page :) As long as it is not the currently selected one... |
When using the date selector, the calendar and month/year dropdown all remain available without regards to the type of date range chosen.
I'd like to suggest to move the date type selection to the left, making this a 2 step selection:
Currently one needs to double click on a month day to enable any date range selection (except for custom).
I am no usability expert, so I trust the above will be adapted or interpreted according to other similar tools and practices.
The text was updated successfully, but these errors were encountered: