MTRNord
commented
4 years ago Notes from Ludwig in #matrix-design:matrix.org:
- redesigned Daydream Login screen:
- I really like the blurry picture in the background!
- I don't like the red title. It's readable, but the color doesn't work with the background, and the font is used in no other place.
- I like how the sign-in button lifts up on mouseover!
- When showing an error message, the whole page grows in size, it no longer fits my screen. Have a dedicated space for error messages from the beginning! You could push the input fields closer together to make room.
- The homeserver field shows HTTP, when really it should probably use HTTPS. Which one is it? Also, if you expect the "https://" prefix, you should probably pre-fill the field with it.
- Where you say MXID, it should be user name, right? Or, if I'm supposed to specify my whole mxid, You could get rid of the homeserver field.
- Loading animation:
- Very cute! Keep that!
- If the login fails, or the server doesn't exist, let the user know! I just got a neverending loading animation the first time. (blocked by sdk limits currently but reported)
- Daydream main interface (before looking at the issue list):
- Overall, it looks "clean and simple", that's not a bad thing! It conflicts with the "nature" login screen and the "playful" loading animation, though. You probably want to chose a style and then stick to it for the entire client
- After login, there is no content in the middle of the screen, which makes it feel too empty. Maybe put your loading mascot there, saying "Welcome to Daydream! Select a Room from the room list to start chatting!"
- For longer room titles, hovering on them in the room list makes them bold, so they extend to multiple lines, which causes everything to lose its place. Maybe add a marker (like a black dot) in front or the title instead of making it bold.
- The Room filter works great and just as expected! But, in German at least, it cuts of the hint text too early.
- Light mode/Dark mode works great, but the slider is again in a different style.
- Daydream: The actual chat:
- There could be a divider between the room title and the chat, just to explain that the title whitespace will cover up the chat content.
- Chat rendering looks fine, but please limit the maximum width of text. ~80 characters should be good, if the lines get too long it's easy to lose your place on a large screen.
- Similarly, limit the size of pictures and videos to much smaller boxes (the height of a few messages), so they don't take over the whole screen
- I would start the message text below the username, not to the right of it, simply because that's more consistent. Maybe make the username a bit smaller( same size as room name in room list)
- Also, the messages feel disconnected. I would prefer less vertical whitespace.
- on i.e. this message, the list item markers don't render
- As a last point, it would be awesome if I could draft multi-line messages using shift+enter!
- I just noticed that you have an image viewer already in place, nice! For that I have to offer:
- try a fade to grey instead of the backdrop moving in from the top.
- The picture could start growing from the size and place it is currently displayed at
- Try making the animations twice as fast, so it feels a bit more snappy!
Content will come in a few hours/days. This is a placeholder
Notes/TODOs