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

Improve the design and usability of Menus #6917

Closed
mattab opened this issue Jan 5, 2015 · 9 comments
Closed

Improve the design and usability of Menus #6917

mattab opened this issue Jan 5, 2015 · 9 comments
Assignees
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. Major Indicates the severity or impact or benefit of an issue is much higher than normal but not critical. Task Indicates an issue is neither a feature nor a bug and it's purely a "technical" change.
Milestone

Comments

@mattab
Copy link
Member

mattab commented Jan 5, 2015

The goal of this issue is to redesign the way the menus work in Piwik, to improve the overall usability of Piwik and discoverability of features.

Current design

piwik-dashboard-zones

There are several issues with this design:

Goals

  • Make Piwik easier to use
    • we need a one click access to:
      • Dashboard
      • All Websites
      • Admin settings
    • we need a one or two-click access to:
      • Sign out
      • User settings
  • The Reporting menu (green) to be displayed on the left. Example of what it currently looks like (from New setting: enable Left Menu mode #5212)

left menu in 2 10 0

  • Note that there are two contexts for the app menus:
  1. Reporting Dashboard
  2. Administration interface
  • Note that it would be OK to use icons for Sign out, Administration, etc. (such as the Github top menu on this page)

Proposed steps

  • Prepare design mockups
  • Discuss mockups, iterate
  • Implement design mockups in Piwik
@mattab mattab added Task Indicates an issue is neither a feature nor a bug and it's purely a "technical" change. c: Usability For issues that let users achieve a defined goal more effectively or efficiently. labels Jan 5, 2015
@mattab mattab added this to the Short term milestone Jan 5, 2015
@mattab mattab added the Major Indicates the severity or impact or benefit of an issue is much higher than normal but not critical. label Jan 5, 2015
@mattab mattab self-assigned this Jan 9, 2015
@mattab mattab modified the milestones: Piwik 2.11.0, Short term Jan 9, 2015
@mattab
Copy link
Member Author

mattab commented Jan 9, 2015

I need to update issue description after @tsteur finished improving user & admin menus!

@tsteur
Copy link
Member

tsteur commented Jan 26, 2015

User & Admin menu is done...

Can't wait to have a nice left menu!

@mattab
Copy link
Member Author

mattab commented Feb 7, 2015

I leave this issue opened and move it to 2.12.0 so we can wait to hear (hopefully) from users feedback after the menu structure was improved in #6937 and #6989 (Administration link + new user menu).

Proposed next steps:

@mattab mattab modified the milestones: Piwik 2.12.0, Piwik 2.11.0 Feb 7, 2015
@tsteur
Copy link
Member

tsteur commented Feb 8, 2015

Who would make the mockups? And yes, we should make the left menu default for new Piwik users and probably for all users. Hopefully we won't have to maintain two versions as the top menu does not bring many (or any) advantages.

@mattab
Copy link
Member Author

mattab commented Feb 9, 2015

Waiting for mockups from Rafal, maybe in couple weeks we will have an update.

@mattab mattab added the c: Design / UI For issues that impact Matomo's user interface or the design overall. label Feb 9, 2015
@tassoman
Copy link
Contributor

tassoman commented Mar 4, 2015

Menus are different also by screen reader rendering. Looks like could be useful using real html5 navigation tags

@mattab mattab modified the milestones: Piwik 2.12.0, Piwik 2.13.0 Mar 11, 2015
@mattab
Copy link
Member Author

mattab commented Mar 31, 2015

In order to close this issue we need to first close the following issues:

@mattab mattab modified the milestones: Piwik 2.14.0, Piwik 2.13.0 Mar 31, 2015
@mattab
Copy link
Member Author

mattab commented Apr 13, 2015

FYI I've updated about 28 FAQs and 11 User guides to change the instructions after we have changed how menus work. eg. renamed "Settings" -> "Administration" and few other similar changes so the FAQs and user guides are up to date with our new menu structure.

@mattab
Copy link
Member Author

mattab commented Apr 24, 2015

see follow ups to this issue in #6917 (comment)

@mattab mattab closed this as completed Apr 24, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to 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. Major Indicates the severity or impact or benefit of an issue is much higher than normal but not critical. Task Indicates an issue is neither a feature nor a bug and it's purely a "technical" change.
Projects
None yet
Development

No branches or pull requests

3 participants