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

Make it easier to discover and access reports footer options and icons #5976

Closed
rivadav opened this issue Aug 11, 2014 · 8 comments
Closed
Labels
Task Indicates an issue is neither a feature nor a bug and it's purely a "technical" change.
Milestone

Comments

@rivadav
Copy link

rivadav commented Aug 11, 2014

Problem
All options regarding data are hidden from the view and accessible only after clicking on a little arrow (which is visible only on hover). New users may don’t know how it works and if it's worth expanding. For typical users, it may decrease their performance in Piwik.

Sometimes these options also control the type of visible data and if they are hidden, user doesn’t have any idea that they can alter the view.

lwemcvyopq

Proposed solution
These options seem to be crucial for effective use of Piwik so they should be easily accessible. It can be achieved by making them always visible. They don't take too much space, so it probably won't be an issue.

However, if it is an issue perhaps we can hide them depending on viewport.

@mattab
Copy link
Member

mattab commented Aug 11, 2014

Thanks for the suggestion!

The fact that we hide icons by default is causing confusion amongst Piwik users who miss many features and don't realise they can export the data or search or change limits.

(btw a related issue was fixed in #5385 where we now display the footer icons always in Ecommerce reports)

It can be achieved by making them always visible. They don't take too much space, so it probably won't be an issue.

Showing icons all the time is not perfect solution since it clutters the UI, which we try to avoid in effort to make Piwik experience more Zen (#4987)

The challenge here is to find a better solution than what we have today, maybe you or someone else have some idea?

@mattab mattab added this to the Short term milestone Aug 11, 2014
@rivadav
Copy link
Author

rivadav commented Aug 13, 2014

@mattab As for now, I see at least two solutions.

  1. We can make arrow button visible all the time, not only on hover. Users will always see the incentive to click and explore options. We can also add tooltip which tells that there're additional settings.
    screenshot 2014-08-13 14 26 00
  2. Perhaps some of the clutter is connected with distracting look of icons in this bar. If we make them all monochromatic and visually lighter, the problem could be solved and they can be shown all the time. Con: Although less obtrusive, these options may add some clutter.
    piwik-chart

@mattab
Copy link
Member

mattab commented Aug 13, 2014

Great ideas! @tsteur what do you think about these suggestions?

@tsteur
Copy link
Member

tsteur commented Aug 14, 2014

I'm not 100% sure. First solution looks quite nice standalone but I am wondering how it looks when there are actually many different reports such as

http://demo.piwik.org/index.php?module=CoreHome&action=index&idSite=1&period=day&date=yesterday#/module=VisitFrequency&action=index&idSite=1&period=day&date=yesterday

and

http://demo.piwik.org/index.php?module=CoreHome&action=index&idSite=1&period=day&date=yesterday#/module=UserSettings&action=index&idSite=1&period=day&date=yesterday

Also wondering how it would look like on a wide and long report like http://demo.piwik.org/index.php?module=CoreHome&action=index&idSite=1&period=day&date=yesterday#/module=Actions&action=indexPageUrls&idSite=1&period=day&date=yesterday

Especially in the Engagement and Settings report you can see whether it clutters the UI, especially when ZenMode is enabled. Maybe you can upload a screen how those reports would look like?

@rivadav
Copy link
Author

rivadav commented Aug 19, 2014

Here're previews:

Visitors/Settings
blocks2

Actions / Entry pages
blocks_3

@tsteur If we make those lines and buttons light enough, their visibility shouldn't be an issue.

@tsteur
Copy link
Member

tsteur commented Aug 19, 2014

Should work when as light as in the screen!

@mattab
Copy link
Member

mattab commented Aug 20, 2014

looks good to me also 👍

@mattab mattab modified the milestones: Short term, Piwik 2.6.0 Aug 20, 2014
@mattab mattab changed the title Hidden options for data Make it easier to discover and access reports footer options and icons Aug 20, 2014
diosmosis pushed a commit that referenced this issue Sep 10, 2014
…ange expand/contract icon to use lighter theme-based colors.
diosmosis pushed a commit that referenced this issue Sep 11, 2014
diosmosis pushed a commit that referenced this issue Sep 11, 2014
…ange expand/contract icon to use lighter theme-based colors.
diosmosis pushed a commit that referenced this issue Sep 11, 2014
diosmosis pushed a commit that referenced this issue Sep 11, 2014
@mattab
Copy link
Member

mattab commented Sep 12, 2014

nice work @diosmosis @rivadav - I love the new footer design!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
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