element-hq / element-web

A glossy Matrix collaboration client for the web.
https://element.io
GNU Affero General Public License v3.0
11k stars 1.96k forks source link

General UX Thread #2984

Closed tessgadwa closed 6 years ago

tessgadwa commented 7 years ago

This issue thread has been created for collecting / catalog general UX issues and enhancements -- things that aren't necessarily broken but could work a bit better.

Here is a somewhat comprehensive list of issues added to date. Updated 11/19/2017.

Untracked issues:

Tracked issues:

youcha33 commented 7 years ago

Many icons are repeated for different purposes, like the Start Chat and the icon below the number of users

youcha33 commented 7 years ago

Many icons do not have hints when the mouse is over them

youcha33 commented 7 years ago

When previewing an image I expect that the preview closes after clicking on the dark area

youcha33 commented 7 years ago

It could be better to have an arrow to collapse the right sidebar instead of clicking on the person icon, to be consistent with the left sidebar

ara4n commented 7 years ago

Having hitlists like this are really useful (although some of these are duplicates of other issues in the enormous bugtracker) - thanks. please keep them coming :) It may be worth including checkboxes on the issues so they can be checked off when resolved, e.g.:

* [ ] Like this

=>

tessgadwa commented 7 years ago

Thanks, I was thinking it might be helpful as a way to separate out UX issues from the whole pool of everything else that's in motion. Some redundancy is probably unavoidable, but the goal is to have a big bucket that's easy to find.

ara4n commented 7 years ago

yay! for finding existing ui/ux bugs in github, you'd look & search within labels; specifically: https://github.com/vector-im/riot-web/labels/cosmetic and https://github.com/vector-im/riot-web/labels/ui%2fux. However, there are a few hundred at least, so in practice I'd suggest just jotting down quick wins as you see them here, and I can worry about reconciling them with the main bugtracker. It's better to have dups than none!

tessgadwa commented 7 years ago

agree -- I did a quick search before creating the issue, will look through those labels as well

tessgadwa commented 7 years ago

One minor thing that's been mildly annoying me is how some UI elements in end-to-end encrypted rooms don't obey the room's Tinting. The green padlocks will stay green even if I set the room's color to Blue in settings, which just feels wrong...

https://matrix.to/#/!blHeuKmYNNfIqDlWGO:matrix.org/$14847994894067xhrhG:atauno.com

tessgadwa commented 7 years ago

Implement Sticker Packs vector-im/element-web#2950

tessgadwa commented 7 years ago

UX I would find super handy: being able to swipe left to right from within a convo to go back to my convo list. I constantly try to do it and it just highlights whatever message I'm swiping over.

Submitted from designUX

Mikaela commented 7 years ago

I find the bot messages to be difficult to read if I have some distance between my head and the screen as the screen is bright and Riot is light and I am supposed to read gray text against white background which might be doable when there isn't so much text, but when all room activity is bots (RSS) integration it gets difficult.

I think this might also be an accessibility issue and I hope the dark theme will fix it.

ishitatsuyuki commented 7 years ago

We should have a stronger contrast on color pallette, like level 700 in material design guidelines. The lines in the icons should be also bolder.

Sender text should be bold and optionally colored, not grayed out.

The margin between messages is too big, and we should use some line/color elements to make it smaller.

vurpo commented 7 years ago

The default light color scheme is uncomfortable to use on my laptop with a TN screen. The contrast between the colors in the color scheme is low enough that the bad viewing angles of the TN panel makes the colors sort of vary uncomfortably when looking at the screen from slightly different angles (vertically).

Now it is of course known that TN panels are crap (and I'm waiting for my IPS panel to arrive in the mail) but I still think it's important for the UI to feel nice to use even on a low-quality screen 😃

jonathanj commented 7 years ago

Most IRC clients can be operated solely with the keyboard, most web-based chat systems can be operated largely with the keyboard. It would be nice if Riot supported some baseline keyboard behaviour here too:

tessgadwa commented 7 years ago

Determine which general features should be made available for E2E chat, which should be optional, and which should be banned. Currently unavailable features:

Searching and listing uploaded files is being worked on by doing it client-side. Bots and bridges could be done in theory, but may not be a good idea depending on your level of paranoia.

tessgadwa commented 7 years ago
tessgadwa commented 7 years ago

Better user interface for screen readers and keyboard navigation vector-im/element-web#2946

bdefore commented 7 years ago

Thanks for the dark theme on develop ... it's already quite usable and was able to build the electron version locally after building in node_modules/matrix-js-sdk and node_modules/matrix-react-sdk

tessgadwa commented 7 years ago

Make it easier to get people chatting: import data files #3076

madduck commented 7 years ago

If checklists work in gists, maybe this list could be externally managed there? @tessgadwa

tessgadwa commented 7 years ago

Gists look really good, but is there a way to tie them to a specific repository?

On Jan 27, 2017 12:51 AM, "martin f. krafft" notifications@github.com wrote:

If checklists work in gists, maybe this list could be externally managed there? @tessgadwa https://github.com/tessgadwa

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/vector-im/riot-web/issues/2984#issuecomment-275616758, or mute the thread https://github.com/notifications/unsubscribe-auth/AGLNGxUPaQEskqzWQelFg9LRTMyO8ytPks5rWbAigaJpZM4LnMQr .

tessgadwa commented 7 years ago

@madduck checklists do work on gists, for future ref

tessgadwa commented 7 years ago

Proper UI for creating custom room tags ( ##1373)

tessgadwa commented 7 years ago

UI for expiring old megolm sessions that we no longer care about ( vector-im/element-meta#1207 )

tessgadwa commented 7 years ago

User Settings refinements (#660)

Subset issue vector-im/element-web#1371 requested attention by Andrew G. Dunn

Would very much like to request vector-im/element-web#1371 get attention, lots of screen not being used right now.

ghost commented 7 years ago

A lot of the Riot browser stuff will also apply to Riot desktop, same with Android and iOS.

There's also this, created by someone on #riot:matrix.org: https://alpha.cryptpad.fr/pad/#/1/edit/d6tzfEh8ibQSKl1tikRwFA/93J48EkJwIT1HJ9vanXzfbNB

ghost commented 7 years ago
tessgadwa commented 7 years ago

UI buttons on right-hand panel are mis-aligned vector-im/element-web#3171

Description

Describe here the problem that you are experiencing, or the feature you are requesting.

UI buttons on right-hand panel are mis-aligned

Steps to reproduce

screencapture-riot-im-develop-1486561032025

Version information

Platform: web

Browser: Chrome

OS: Ubuntu

URL: riot.im/develop

tessgadwa commented 7 years ago
tessgadwa commented 7 years ago
tessgadwa commented 7 years ago
MightyCreak commented 7 years ago

About this:

  • [ ] Riot Android defaults to notifying of every message in chatrooms, which results in loads of notifications. - Should notify only at mentions.

Although almost all of my users complains about the amount of notifications they receive, leading in them uninstalling the app altogether 😞. I think the user should still be in control of which notifications they want for their rooms. I don't think forcing to "mention only" is the way to go.

From my experience, the problem is that once there's some activity in a room, there are a few messages that will follow, either by other users or by the same user continuing its message.

I propose a simple simple solution: when a message is received in a room, pop a notification and set a timeout of 5 minutes until another notification can pop again. This is per room, so if there's someone talking in another room before the 5 minutes timeout, the user is still notified that there is activity in another room.

Edit: It would also be nice to differentiate desktop and mobile notifications in your account settings. Maybe just a simple option like "On mobile, notify only for mentions".

tessgadwa commented 7 years ago

MightyCreak this seems like a good solution to me.

madduck commented 7 years ago

Obviously, the 5 minutes should be configured, and I'd actually prefer a different solution: pop up a notification only once per room until the room is visited. There is little point in receiving more notifications when one already knows that a room has activity and should be visited.

MightyCreak commented 7 years ago

@madduck I see one important point: you couldn't hear your phone when the notification arrived. Having another notification after 5 minutes if there is still some activity, is a nice compromise I think.

And I am not fond of having options for each and every settings. When an application is well balanced, it doesn't need to go that far into its configuration. And especially since Riot and Matrix is open source, there is no need to please each and everyone with an endless list of configuration options: there will be several clients for all sort of usage, I'm sure of it.

madduck commented 7 years ago

@MightyCreak the functionality to re-remind you is something your phone should do, it should not depend on further activity.

Options are great and increase the set of potential adopters. They need not all be exposed to every user I agree, but they make the software more flexible and thus more applicable to more people.

MightyCreak commented 7 years ago

the functionality to re-remind you is something your phone should do, it should not depend on further activity

I agree. I wonder if Android already does that actually 🤔

Torxed commented 7 years ago

View already verified keys

My god this is frustrating, whenever someone in a room of 3+ people ask me IRL "Hey, can you check what keys X-user have?".. I have to say no..

Or I gotta press "Unverify" and then "Verify" again to get up each device-key for a particular user.. And by then I don't know that the key I just got up is the same I had verified before..

"Pressing the little locked icon (verified) next to each device under a user" --> "Get the ID and SigKey"

ara4n commented 7 years ago

@Torxed yup, the verification UX is a mess atm. we will be fixing it asap.

tessgadwa commented 7 years ago

Show more clearly when sending non E2E encrypted message vector-im/element-web#2850

tessgadwa commented 7 years ago

"R" logo when searching for users is ugly vector-im/element-web#2934

tessgadwa commented 7 years ago

Option to autoplay animated GIFs vector-im/element-web#2433

tessgadwa commented 7 years ago

[vector-im/riot-web] link to community-written guides somewhere (#3308)

taw00 commented 7 years ago

Maybe useful... For the GNOME desktop builds that I maintain... I created a pile of desktop icons for normal configuration and for highcontrast (if you flip that accessibility bit in the desktop)... It may be useful to someone and am open to feedback... UPDATE (2019-03-02) -- updated the URL since I moved things around a bit... https://github.com/taw00/riot-rpm/tree/master/source/testing/SOURCES/riot-1.0-contrib/desktop

And of course: If you are running Fedora,CentOS, or RHEL, go here for easy install and update: https://github.com/taw00/riot-rpm

Torxed commented 7 years ago

@ara4n Just glad to hear you're aware of it tbh, currently the fast growing userbase I maintain shares an A4 paper with all the users Devices and Keys.. It's a hazzle but it's the only way to use the system as of today.

Out of security concern, we would greatly appreciate this over any other type of enhancements as of today.

tessgadwa commented 7 years ago
tessgadwa commented 7 years ago

[vector-im/riot-web] dashboard for scalar integ status in usersettings (#3319)

tessgadwa commented 7 years ago
tessgadwa commented 7 years ago

Room directory icon is not discoverable enough vector-im/element-web#2955