[Discussion] New user UX #18

Open
opened 2020-10-23 09:44:21 +00:00 by bad · 13 comments
Collaborator

Continuing the discussion on the matrix channel we need to consider how carbon will look for new users who never heard of matrix and have no idea what federation is and how it works and whether we should default to a server or let the user pick one

Continuing the discussion on the matrix channel we need to consider how carbon will look for new users who never heard of matrix and have no idea what federation is and how it works and whether we should default to a server or let the user pick one
jboi added the
question
label 2020-10-23 09:46:57 +00:00
Author
Collaborator

Key points:

  1. Matrix.org is a huge monolith which is bad for network health

  2. It's also slow which might lead to users making the association that carbon=matrix=matrix.org=slow

  3. We shouldn't overwhelm users with technical details to make sure matrix doesn't look too hard to use

  4. We need to consider the language users will be familiar with. For example discord calls their guilds servers, we should make sure that people don't think mistake matrix servers(homeservers) for groups

  5. We should look into the mastodon ecosytem for inspiration

  6. A lot of things I probably forgot about

Key points: 1. Matrix.org is a huge monolith which is bad for network health 2. It's also slow which might lead to users making the association that carbon=matrix=matrix.org=slow 3. We shouldn't overwhelm users with technical details to make sure matrix doesn't look too hard to use 4. We need to consider the language users will be familiar with. For example discord calls their guilds servers, we should make sure that people don't think mistake matrix servers(homeservers) for groups 5. We should look into the mastodon ecosytem for inspiration 6. A lot of things I probably forgot about
bad added this to the General Use milestone 2020-10-23 09:54:16 +00:00
jboi was assigned by bad 2020-10-23 09:54:21 +00:00
bad self-assigned this 2020-10-23 09:54:22 +00:00
bad removed their assignment 2020-10-23 09:54:32 +00:00
jboi added
discussion
and removed
question
labels 2020-10-23 09:57:56 +00:00
Collaborator

Some responses to corresponding points:

1: We need a site that shows a bunch of public matrix instances side-by-side, similar to how https://joinmastodon.org/communities does it.

3: There are 2 big subjects which are required to learn how matrix works, imo:
- Homeservers/Federation
- E2EE (and the user-responsibility (to take care of keys) schenanigans that happen with it)

So teaching these should be the whole load we'd be giving to the users, so maybe there'd be a "Do you come from discord? Read this first, please" when you're on the main website. Or maybe in a fashion that you can scroll down and read these two features. (Headed with "free and open chat protocol" followed by the federation part, followed by the E2EE part)

Some responses to corresponding points: 1: We need a site that shows a bunch of public matrix instances side-by-side, similar to how https://joinmastodon.org/communities does it. 3: There are 2 big subjects which are required to learn how matrix works, imo: - Homeservers/Federation - E2EE (and the user-responsibility (to take care of keys) schenanigans that happen with it) So teaching these should be the whole load we'd be giving to the users, so maybe there'd be a "Do you come from discord? Read this first, please" when you're on the main website. Or maybe in a fashion that you can scroll down and read these two features. (Headed with "free and open chat protocol" followed by the federation part, followed by the E2EE part)
jboi added the
ui/ux
label 2020-10-23 16:34:58 +00:00
Contributor

Maybe a few more readmes for Mattermost, XMPP and WhatsApp/Telegram users.

Maybe a few more readmes for Mattermost, XMPP and WhatsApp/Telegram users.
Author
Collaborator
https://github.com/daydream-mx/keymaker Might be useful later
Author
Collaborator

How would you feel about an explanation of what homeserver means on the home screen?
Something like this image

The tooltip would only show up when the homesever input was focused and when it was empty

How would you feel about an explanation of what homeserver means on the home screen? Something like this ![image](/attachments/05aa05f0-7521-4678-8e61-f270d1a224ef) The tooltip would only show up when the homesever input was focused and when it was empty
Collaborator

👀

That looks very nice, maybe put the "need help finding a homeserver" line on a newline, and indeed make that link blue, also make the popup last 2 or 3 seconds after someone hovers away from it, so someone has enough time to go to that link.

👀 That looks very nice, maybe put the "need help finding a homeserver" line on a newline, and indeed make that link blue, also make the popup last 2 or 3 seconds after someone hovers away from it, so someone has enough time to go to that link.
Owner

That's a really good prompt message.

I'd like to use a circled ? icon next to the "homeserver" label that responds to clicking, rather than hovering, or requiring the input box to be empty. Those are too "magic", IMO, and I fear people won't know how to make the prompt appear if they want to see it.

This should probably be made as part of a larger tooltips and modals js file.

That's a really good prompt message. I'd like to use a circled ? icon next to the "homeserver" label that responds to clicking, rather than hovering, or requiring the input box to be empty. Those are too "magic", IMO, and I fear people won't know how to make the prompt appear if they want to see it. This should probably be made as part of a larger tooltips and modals js file.
Author
Collaborator

Here is what we ended up doing after talking about this on matrix(subject to change)
a5309a81b1
image

Here is what we ended up doing after talking about this on matrix(subject to change) https://gitdab.com/cadence/Carbon/commit/a5309a81b1f84b5cf81070b7fd6a68a463ca8ae8 ![image](/attachments/9b86e11b-f8ce-4e04-afbd-6f67cb21266d)
Contributor

This is indeed quite like Discord and Guilded logins, but it might be better to ask for the home server first (maybe listing a few popular homeservers such as FENEAS and matrix.org along with "enter another" text box) then proceeding to credentials.

This is indeed quite like Discord and Guilded logins, but it might be better to ask for the home server first (maybe listing a few popular homeservers such as FENEAS and matrix.org along with "enter another" text box) then proceeding to credentials.
Collaborator

Maybe have that "click here" button go to a page which on it's left side describes what a homeserver is, and on it's right side list some popular servers, the left side should mention that any homeserver can talk to any other.

That popup is quite nice, though I think the grey should be a bit darker.

Maybe have that "click here" button go to a page which on it's left side describes what a homeserver is, and on it's right side list some popular servers, the left side should mention that any homeserver can talk to any other. That popup is quite nice, though I think the grey should be a bit darker.
Owner

Element is updating their homeserver selection interface. https://develop.element.io/

Element is updating their homeserver selection interface. https://develop.element.io/

Key points:

  1. Matrix.org is a huge monolith which is bad for network health

  2. It's also slow which might lead to users making the association that carbon=matrix=matrix.org=slow

  3. We shouldn't overwhelm users with technical details to make sure matrix doesn't look too hard to use

  4. We need to consider the language users will be familiar with. For example discord calls their guilds servers, we should make sure that people don't think mistake matrix servers(homeservers) for groups

  5. We should look into the mastodon ecosytem for inspiration

  6. A lot of things I probably forgot about

  1. What's the timeframe for Carbon to be complete? By then matrix.org may be running polylith Dendrite.
  2. ^
  3. Yes
  4. There's not much anyone can do about this, Matrix has its own lingo just like Discord has their lingo? Maybe emphasize these new terms (channels->rooms, servers->spaces, DMs->People, etc.)
  5. Not familiar with Mastodon.
  6. I got a couple of suggestions about the left sidebar:
    • The Directs/Channels part is a bit janky to use.
    • To solve this, I'd suggest removing the pop-out sidebar, replacing the Directs button with the Carbon logo (I realize that this doesn't exist but maybe it should), and removing the Channels button and replacing it with a list of Spaces. In other words, replicate the Discord sidebar.
> Key points: > > 1. Matrix.org is a huge monolith which is bad for network health > > 2. It's also slow which might lead to users making the association that carbon=matrix=matrix.org=slow > > 3. We shouldn't overwhelm users with technical details to make sure matrix doesn't look too hard to use > > 4. We need to consider the language users will be familiar with. For example discord calls their guilds servers, we should make sure that people don't think mistake matrix servers(homeservers) for groups > > 5. We should look into the mastodon ecosytem for inspiration > > 6. A lot of things I probably forgot about 1. What's the timeframe for Carbon to be complete? By then matrix.org may be running polylith Dendrite. 2. ^ 3. Yes 4. There's not much anyone can do about this, Matrix has its own lingo just like Discord has their lingo? Maybe emphasize these new terms (channels->rooms, servers->spaces, DMs->People, etc.) 5. Not familiar with Mastodon. 6. I got a couple of suggestions about the left sidebar: - The Directs/Channels part is a bit janky to use. - To solve this, I'd suggest removing the pop-out sidebar, replacing the Directs button with the Carbon logo (I realize that this doesn't exist but maybe it should), and removing the Channels button and replacing it with a list of Spaces. In other words, replicate the Discord sidebar.
Owner

We aren't talking about the left sidebar here. Please.

Thanks for the other notes.

We aren't talking about the left sidebar here. Please. Thanks for the other notes.
Sign in to join this conversation.
No milestone
No project
No assignees
5 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: cadence/Carbon#18
No description provided.