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

Room list is hard to use on small screens #8042

Open
turt2live opened this Issue Jan 7, 2019 · 15 comments

Comments

7 participants
@turt2live
Copy link
Member

turt2live commented Jan 7, 2019

For the last ~week I've been trying to shake the feeling of my room list missing rooms, and can't seem to get over the feeling. My main display for Riot is only 1080p, which means a relatively large chunk of the room list is taken up by the gradients. It'd be nice if these were a lot more subtle to give preference to showing more rooms.

This is particularly bad on my laptop (which admittedly does have a crap resolution, but there's not much I can do about that):
image

It feels as though my invites, favourites, and recent rooms are disabled/inaccessible. This is the default layout for the sections, with the exception of being a bit narrower to maximize timeline space.

@turt2live turt2live added the redesign label Jan 7, 2019

@jryans

This comment has been minimized.

Copy link
Member

jryans commented Jan 7, 2019

The gradient feels especially strange on the invites section (since it only appears as needed when there are invites to show). Perhaps that's a separate issue from the gradients more generally, though.

@nadonomy nadonomy self-assigned this Jan 8, 2019

@nadonomy nadonomy added this to Near future (Unordered) in Redesign Backlog Jan 8, 2019

@ara4n

This comment has been minimized.

Copy link
Member

ara4n commented Jan 20, 2019

I have the opposite problem. in the screenshot below, the gradient is so small it's almost invisible and i found myself staring stupidly at the list wondering where all the rooms had gone:

screenshot 2019-01-20 at 14 27 49

the grad was originally 40px; then got reduced 30px on Dec 18; i've just bumped it up to 35px to see how people react in efcfaed335bc66ceb6487f766bf832f667048b40

@turt2live

This comment has been minimized.

Copy link
Member Author

turt2live commented Jan 20, 2019

tbh it's no better or worse for me after efcfaed335bc66ceb6487f766bf832f667048b40

@ara4n

This comment has been minimized.

Copy link
Member

ara4n commented Jan 20, 2019

i agree the improvement is marginal. it may need a different tween function to be punchier rather than just changing the height.

screenshot 2019-01-20 at 20 52 45

@turt2live turt2live changed the title Room list gradient feels too large Room list is hard to use on small screens Feb 10, 2019

@turt2live

This comment has been minimized.

Copy link
Member Author

turt2live commented Feb 10, 2019

This is still an issue - have generalized the title given the gradient is much different from when it was first opened.

@ara4n

This comment has been minimized.

Copy link
Member

ara4n commented Feb 10, 2019

so, the changes to remove the bottom gradient improved this considerably for me.
Can you articulate how it's still jarring for you?

@turt2live

This comment has been minimized.

Copy link
Member Author

turt2live commented Feb 10, 2019

The discussion in #riot-design mostly reminds me of just how little I can see/use of my room list on my laptop. I usually end up having to minimize all the tags except the one I want to look at in that second, which still takes up a quarter of the screen.

I also find myself clicking tag headers to expand/collapse them more often than scanning the room list for unread rooms (I intentionally have all my rooms set to 'mentions only'), making my experience feel less productive.

@ara4n

This comment has been minimized.

Copy link
Member

ara4n commented Feb 10, 2019

what is the actual vertical height of the laptop? and to check: we're not talking about custom tags here?

I'm wondering how this ever worked before at this vertical height - did you just scroll through the whole list (truncated to 10 rooms per sublist) every time you wanted to check for activity?

edit: context: the reason for giving each roomsublist its own scrollbar is because otherwise things like your favourites or DMs can all-to-easily be scrolled entirely off the screen, which was driving me mad.

@turt2live

This comment has been minimized.

Copy link
Member Author

turt2live commented Feb 10, 2019

1366x768 (making roughly 600px available to the viewport, because Chrome). This is without custom tags.

I had a similar but different problem before because of the different room list behaviour: due to all the custom tags, the room list couldn't possibly fit, forcing the list to be a giant scrollable panel. This was preferred because I could scroll down and leave the window at the couple tags I cared about at the moment. When disabling custom tags, the room list was relatively unusable for similar reasons currently on develop (headers filling the viewport).

@turt2live

This comment has been minimized.

Copy link
Member Author

turt2live commented Feb 10, 2019

I'm not sure this makes any sense 2 years later, but #3824 is a thing where I tried to describe wanting a settings flag for that fully-scrollable panel to always be shown.

@ara4n

This comment has been minimized.

Copy link
Member

ara4n commented Feb 10, 2019

AH! so on the old design, it flips into "one big scrollable list" if there's not enough room for custom headers? That explains why folks have been able to use it with so many custom tags. Presumably it still truncated the sublists to 10 rooms by default?

Would your use case be solved then by having a great-big-list mode in the roomlist then, and having to constantly scroll between favs, DMs, rooms etc?

@turt2live

This comment has been minimized.

Copy link
Member Author

turt2live commented Feb 10, 2019

yes, yes, and yes :D

@mvgorcum

This comment has been minimized.

Copy link

mvgorcum commented Feb 11, 2019

Yes, that's basically how I currently use the room list on /app.

@michaelkaye

This comment has been minimized.

Copy link

michaelkaye commented Feb 12, 2019

I showed the design to leo last night, his only and immediate feedback was that he couldn't use it on his primary development laptop (a thinkpad x220) - more than half the vertical height in the sidebar is taken up by non-functional UI, leaving a few hundred pixels for the 8 room names that ended up being visible.

@HansJK

This comment has been minimized.

Copy link

HansJK commented Feb 12, 2019

When I compare how I use Riot to Discord or Slack, the main differences I find hard to get over is the focus on rooms instead of organisations/communities/servers. On Riot it's nearly impossible to keep up with all the rooms, because they all get buried under each other. They are also always moving. When using Slack and Discord, I have all the channels organised within servers and organisations. This way I can stay up to date with the ones that I care about. And because the channels are organised within their own communities, they don't all end up being in one place stacked on top of each other.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment