Project

General

Profile

Task #7876

U/UXI improvement points for matrix

Added by Redmine Admin 14 days ago. Updated 1 day ago.

Status:
In Progress
Priority:
Normal
Target version:
-
Start date:
03/23/2020
Due date:
% Done:

0%

Estimated time:
PM Check date:

Description

  • remove the separation tab of Direct Messages and Rooms -> this damages readability
    • An option to disable all categories might do this
    • Adding to this: scrolling inside the groups can be very painful and fields are often too small
  • disable color differentiation for each user name: make them all same, muted color.
    • Afaics this refers to the avatar - maybe an option to disable avatars all together
  • Numbers of unread messages on channels are not helpful
    • Proposed solution: Indicate unread by bold only, remove the number count
  • When creating a new public room the "room alias" field is empty and needs to be filled in manually
    • This should be automatically derived from the name as a suggestion
  • When inviting people to a room, local people (@xx:ungleich.ch) show up for a second and then vanish until I type the full name
    • i.e. typing @xx - shows the name, I want to select it, it vanishes
    • other people from other matrix servers are shown as suggested
    • then finishing @xx:ungleich.ch shows it again
    • Solution: don't make it show and vanish, but keep it
  • Too much margin between text groups damage readability
    • While chatting, the vertical spaces between texts are too high and waste space.
    • The horizonal space between profile picture and the name is too wide, makes it harder for eyes to coherently follow who wrote what.
    • Time of writing is not shown by default and only reveals on mouseover, requires extra movement for catching information.
    • Having to jump big spaces between different information (who wrote it what, when) makes it hard for the eyes to focus.
  • It is "impossible" to delete a room
    • There is no delete button
    • There seems to be a workaround to kick all users, make it non joinable (how?) and leave it
      • untested
    • Very basic functionality seems to be missing
  • When creating a new room and inviting users, nick autocompletion when writing a message does not work
    • This only works when invited users joined
    • This is very limiting/confusing, as one might want to write already messages for the people who join eventually
    • Even if they don't join, the autocomplete should be able to reference people who are invited
  • When writing in "direct chat", nick auto completion of OTHER users I write to does not work
    • Use case: "Did you talk to @s..." -- does not autocomplete
    • Suggestion: have a general auto completion, independent of the room I am writing in
  • There is not emoticon selection list for regular messages
    • However there is one for reactions
    • This is a bit inconsistent and confuses -> should be consistently available

History

#1

Updated by Redmine Admin 14 days ago

  • Description updated (diff)
#2

Updated by Nico Schottelius 14 days ago

  • Status changed from New to In Progress

Adding Timothee as a watcher -- these are bugs/problems we discover over the time using matrix and might either want to fix or submit upstream or both.

#3

Updated by Nico Schottelius 14 days ago

  • Description updated (diff)
  • Project changed from sales and marketing to Open Infrastructure
#4

Updated by Nico Schottelius 12 days ago

  • Description updated (diff)
#5

Updated by Nico Schottelius 12 days ago

  • Description updated (diff)
#6

Updated by Sanghee Kim 11 days ago

  • Description updated (diff)
#7

Updated by Timothée Floure 5 days ago

Going over mentionned issues to give more context / initial leads on how to fix them. We're speaking of riot-web here.

Redmine Admin wrote:

  • remove the separation tab of Direct Messages and Rooms -> this damages readability
    • An option to disable all categories might do this
    • Adding to this: scrolling inside the groups can be very painful and fields are often too small

Related code: https://github.com/matrix-org/matrix-react-sdk/blob/develop/src/components/views/rooms/RoomList.js#L754

Disabling sublists looks doable at first glance, and should not be too hard to implement.

  • disable color differentiation for each user name: make them all same, muted color.
  • Afaics this refers to the avatar - maybe an option to disable avatars all together

There is a compact mode under "General > Theme", which is more compact but kind of weird since it does not disable avatars. I think it could be improved (should not be hard from the code I read).

  • Numbers of unread messages on channels are not helpful
    • Proposed solution: Indicate unread by bold only, remove the number count

That's already the case when you select "Mentions only" notifications for a room. See https://paste.gnugen.ch/raw/oh70

  • When creating a new public room the "room alias" field is empty and needs to be filled in manually
    • This should be automatically derived from the name as a suggestion

Somewhere is this file: https://github.com/matrix-org/matrix-react-sdk/blob/develop/src/components/views/dialogs/CreateRoomDialog.js

Should not be hard.

  • When inviting people to a room, local people (@xx:ungleich.ch) show up for a second and then vanish until I type the full name
    • i.e. typing @xx - shows the name, I want to select it, it vanishes
    • other people from other matrix servers are shown as suggested
    • then finishing @xx:ungleich.ch shows it again
    • Solution: don't make it show and vanish, but keep it

Looks like a bug, which sounds familiar (I likely encountered it a few times).

  • Too much margin between text groups damage readability
    • While chatting, the vertical spaces between texts are too high and waste space.
    • The horizonal space between profile picture and the name is too wide, makes it harder for eyes to coherently follow who wrote what.
    • Time of writing is not shown by default and only reveals on mouseover, requires extra movement for catching information.
    • Having to jump big spaces between different information (who wrote it what, when) makes it hard for the eyes to focus.

See compact timeline layout mention above.

=> Most of the suggestions require fine-tuning and no big changes. The riot-web / matrix-react-sdk code is easy to navigate.

PS: Matrix contributor hat for this, not ctt'd.

#8

Updated by Nico Schottelius 5 days ago

  • Description updated (diff)
#9

Updated by Timothée Floure 4 days ago

Redmine Admin wrote:

  • It is "impossible" to delete a room
    • There is no delete button
    • There seems to be a workaround to kick all users, make it non joinable (how?) and leave it
      • untested
    • Very basic functionality seems to be missing

Being discussed on https://github.com/vector-im/riot-web/issues/6978

#10

Updated by Timothée Floure 4 days ago

Currently looking at the compact timeline mode (will likely remove avatars): if Sanghee Kim is willing to make me a mockup, I can implement it.

#11

Updated by Nico Schottelius 4 days ago

  • Description updated (diff)
#12

Updated by Nico Schottelius 3 days ago

  • Description updated (diff)
#13

Updated by Nico Schottelius 1 day ago

  • Description updated (diff)

Also available in: Atom PDF