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

Usability of 3-dot "More Apps" Menu with many Apps #12565

Closed
juliusstoerrle opened this issue Nov 21, 2018 · 9 comments
Closed

Usability of 3-dot "More Apps" Menu with many Apps #12565

juliusstoerrle opened this issue Nov 21, 2018 · 9 comments
Assignees
Labels
3. to review Waiting for reviews design Design, UI, UX, etc. enhancement good first issue Small tasks with clear documentation about how and in which place you need to fix things in. papercut Annoying recurring issue with possibly simple fix.
Milestone

Comments

@juliusstoerrle
Copy link

juliusstoerrle commented Nov 21, 2018

As admin I lately get mails with "I can't find app X anymore".
It's not a technical problem, as the apps are activated, but the users can't find them. To find them they need to scroll down in the "More Apps" popover, which is not clearly indicated and overseen by some users.

Steps to reproduce

  1. activate many apps (>15)
  2. click on the 3 dots "More Apps" Icon in the Top Nav Bar
  3. popover with apps is displayed, some apps are not in the "viewport" as the Popover has a max-height.
  4. the scrollbar is not clearly visible (in Sarafi only a slim grey bar)

Expected behaviour

Users should find all apps with ease

Actual behaviour

As the target should be to make it easily usable to all users, I feel like this popover should be revisited.
I don't think it is good to get rid of the popover max-height. Maybe we can indicate with some arrow that more apps are below or redesign the popover to be fullscreen with a grid layout.

Server configuration

Nextcloud version: (see Nextcloud admin page)
14.0.3

Client configuration

Browser:
Safari mainly, but Firefox sometimes too

@juliusstoerrle juliusstoerrle changed the title Usability of 3-dot App Menu Usability of 3-dot "More Apps" Menu with many Apps Nov 21, 2018
@nextcloud-bot nextcloud-bot added the design Design, UI, UX, etc. label Nov 21, 2018
@nextcloud-bot
Copy link
Member

GitMate.io thinks possibly related issues are #9715 (More apps menu wrong location), #10716 (More apps menu not position in the right place), #4966 (3 dots menu in apps header should bring full apps list instead of another entry requiring an extra click to get the list), #10723 (Fixes more apps menu and settings/user menu positions), and #10853 (Fix apps menu on mobile).

@violoncelloCH violoncelloCH added papercut Annoying recurring issue with possibly simple fix. and removed feature: dav labels Nov 24, 2018
@ChristophWurst
Copy link
Member

cc @skjnldsv @jancborchardt

@skjnldsv
Copy link
Member

skjnldsv commented Dec 1, 2018

and @juliushaertl for the menu :)

@jancborchardt
Copy link
Member

@juliusstoerrle could you show a screenshot?

Normally for a scrolling list it is enough to cut it off at a ½ entry to indicate there's more below. Wo do this in other lists like the share list and should do this here too.

I think the value we use for height of container is 5½ rows, is it?

@jancborchardt jancborchardt added the good first issue Small tasks with clear documentation about how and in which place you need to fix things in. label Dec 2, 2018
@juliusstoerrle
Copy link
Author

juliusstoerrle commented Dec 2, 2018

cutting it of after half an entry sounds like a viable solution.

I can only provide a screenshot of Chrome:
grafik

As you can see the scrollbar is there, but melts into the shadow and some users just don't look that closely.

@skjnldsv
Copy link
Member

skjnldsv commented Dec 3, 2018

@juliusstoerrle That's the issue. We usually try to have an half entry on every menu :)

@skjnldsv skjnldsv added 1. to develop Accepted and waiting to be taken care of 15-feedback labels Dec 3, 2018
@skjnldsv skjnldsv self-assigned this Dec 3, 2018
@skjnldsv skjnldsv added this to the Nextcloud 15 milestone Dec 3, 2018
@skjnldsv skjnldsv added 3. to review Waiting for reviews and removed 1. to develop Accepted and waiting to be taken care of labels Dec 3, 2018
@jancborchardt
Copy link
Member

@juliusstoerrle there is a pull request to fix this at #12785 – could you review and see if this fix works for you? 🙂

@skjnldsv
Copy link
Member

skjnldsv commented Jan 29, 2019

What the hell.
Let me fix it!

EDIT: ah well, apparently I already fixed it in #12785
I'm too fast for myself! 🚀

@MorrisJobke
Copy link
Member

Sorry - wrong ticket - commented over there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews design Design, UI, UX, etc. enhancement good first issue Small tasks with clear documentation about how and in which place you need to fix things in. papercut Annoying recurring issue with possibly simple fix.
Projects
None yet
Development

No branches or pull requests

7 participants