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

Sublist header menu not discoverable (was: scrolling through several hundred rooms is a bad way to see which rooms have notifications) #14349

Open
lampholder opened this issue Jul 6, 2020 · 15 comments

Comments

@lampholder
Copy link
Member

The fact that clicking the notif badge drops you immediately in a random notifying room (as per #14307) goes from being a minor nuisance (the bit of UI I never use does something dumb) to a major problem (the only way to find rooms with notifications is very unhelpful).

@turt2live
Copy link
Member

It shouldn't be random, it should be predictable based on your settings. What are your settings under the 3 dot menu next to the list name?

@turt2live turt2live added this to TODO in Room List v2 via automation Jul 6, 2020
@lampholder
Copy link
Member Author

Ah, there's a three dot menu on the header - I did not find that :)

I wasn't saying the sorting was random, though - my problem was primarily that I had no idea that room list ordering was configurable, and, in desperation was clicking on the badge count, which, when you have more than one notif, feels like it's picking one for you at random, which is not what I ever want :)

I'm sure lots of people are feeding back on the UX, but from my personal experience I'd say that the show-on-hover three dots was not easily discoverable.

@turt2live
Copy link
Member

judging from the number of complaints we've had about rooms changing order and people not knowing how to change it to something else, I'd agree.

@vector-im/design are you able to take a look at this to see if the sublist menu can be made more discoverable?

@turt2live turt2live changed the title Scrolling through several hundred rooms is a bad way to see which rooms have notifications. Sublist header not discoverable (was: scrolling through several hundred rooms is a bad way to see which rooms have notifications) Jul 6, 2020
@turt2live turt2live removed this from TODO in Room List v2 Jul 6, 2020
@turt2live turt2live added this to TODO in Room List v2 via automation Jul 13, 2020
@turt2live turt2live moved this from TODO to Nice to haves (time permitting) in Room List v2 Jul 13, 2020
@turt2live turt2live moved this from Distant future to Design/Product TODO in Room List v2 Jul 16, 2020
@lampholder lampholder changed the title Sublist header not discoverable (was: scrolling through several hundred rooms is a bad way to see which rooms have notifications) Sublist header menu not discoverable (was: scrolling through several hundred rooms is a bad way to see which rooms have notifications) Jul 16, 2020
@turt2live turt2live moved this from Design/Product TODO to Soon (queued for design) in Room List v2 Jul 20, 2020
@niquewoodhouse
Copy link

@lampholder Hi, do you think this is more discoverable? I appreciate you're more familiar with the UI now, but would be good to get an idea of if you think this would have helped you from the start, or is it feeling too subtle? Thanks.

Kapture 2020-07-28 at 15 00 36

@lampholder
Copy link
Member Author

It's certainly a big improvement :)

Things that jump to mind that might have made it more discoverable for me:

  • cog icon instead of ellipsis - cog unambiguously means to me "options to change how this thing works" whereas ellipsis is less precise (it could represent options in the same conceptual space as 'add room' that just don't fit in the limited space)
  • apply the highlighting on all headers when the mouse is on the room list - it maintains a minimal aesthetic whilst reinforcing that all the lists (which might function differently in the default setup) are all similarly configurable

We might also consider showing the cog the whole time for the next few weeks whilst people adjust (though we might have missed this window).

@turt2live
Copy link
Member

apply the highlighting on all headers when the mouse is on the room list

We got a large volume of complaints last time we did this.

@lampholder
Copy link
Member Author

We got a large volume of complaints last time we did this.

The subtle highlighting depicted in this gif?

@t3chguy
Copy link
Member

t3chguy commented Jul 28, 2020

The subtle highlighting depicted in this gif?

No, just showing the ... for all headers when your mouse is over the room list

@lampholder
Copy link
Member Author

To clarify - I did just mean on the 'Favourites', 'People' and 'Rooms' headers, not every room tile.

@t3chguy
Copy link
Member

t3chguy commented Jul 28, 2020

Indeed, that is exactly what we had, just without the highlight behind it

@lampholder
Copy link
Member Author

/me boggles at such a change receiving a large volume of complaints, but I don't care enough to worry about it further 😎

I'd still vote for cogs instead of ellipsis, and I think that highlight on mouseover room sub list is a big step up from where we are today in terms of discoverability and so represents a change worth making.

@turt2live
Copy link
Member

we also got a large volume of complaints for just showing it on hovering the sublist :p

@niquewoodhouse
Copy link

Kapture 2020-07-28 at 15 00 36

@benedikrok just want to run something by you, what do you think to the suggestion that the ... icon that appears in the above gif should be a settings cog icon instead? Thanks

@benedikrok
Copy link

Kapture 2020-07-28 at 15 00 36

@benedikrok just want to run something by you, what do you think to the suggestion that the ... icon that appears in the above gif should be a settings cog icon instead? Thanks

I believe having (...) in this case is correct, since the modal is mostly populated with actions (and not settings) and also contains a link to the settings (where it would look confusing if we would use the cog icon on 2 different levels of the same path).

Also, I would display the "hover" state of (...) and "+" icon when you get with you cursor in their near proximity, and not on the sidebar as a whole. The main reason would be the inconsistency with the rest of the actions we have on the left panel (list item actions, search, discover, (+++) next to your profile, etc), where we would currently trigger their hover state when you get in their proximity.

If we go with the proposed , then we should apply that logic to all actions in order to be consistent. And I assume that would result in something less appealing/understandable than what we have right now.

@niquewoodhouse
Copy link

niquewoodhouse commented Aug 4, 2020

I believe having (...) in this case is correct, since the modal is mostly populated with actions (and not settings) and also contains a link to the settings (where it would look confusing if we would use the cog icon on 2 different levels of the same path).

@benedikrok I think you're describing a room tile ..., which shows this:

Screenshot 2020-08-04 at 16 42 15

But this issue is referring to the room sublist header. What appears on clicking the ... in the room sublist header is:
Screenshot 2020-08-04 at 16 38 02. For this, do you have any objections to the use of a settings cog? Thanks

I'd preserve the cog icon for the room Settings only. Using the same icon for different things makes a great confusion cocktail.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Room List v2
  
Soon (queued for design)
Development

No branches or pull requests

6 participants