[Discussion] New user UX

bad commented

2020-10-23 09:44:21 +00:00

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

jboi added the

question

label 2020-10-23 09:46:57 +00:00

bad commented

2020-10-23 09:53:41 +00:00

Author

Collaborator

Key points:

Matrix.org is a huge monolith which is bad for network health
It's also slow which might lead to users making the association that carbon=matrix=matrix.org=slow
We shouldn't overwhelm users with technical details to make sure matrix doesn't look too hard to use
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
We should look into the mastodon ecosytem for inspiration
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

jboi commented

2020-10-23 16:17:09 +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)

👍 1

jboi added the

ui/ux

label 2020-10-23 16:34:58 +00:00

erkinalp commented

2020-10-24 18:45:45 +00:00

Contributor

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

👍 1

bad commented

2020-10-25 22:57:32 +00:00

Author

Collaborator

https://github.com/daydream-mx/keymaker Might be useful later

👍 1

bad commented

2020-10-29 14:50:58 +00:00

Author

Collaborator

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

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

image.png

28 KiB

👀 1 🎉 2

jboi commented

2020-10-30 08:41:19 +00:00

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.

cadence commented

2020-10-30 11:51:06 +00:00

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.

bad commented

2020-10-30 12:04:45 +00:00

Author

Collaborator

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

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)

image.png

34 KiB

erkinalp commented

2020-10-31 11:10:18 +00:00

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.

jboi commented

2020-11-01 20:15:24 +00:00

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.

cadence commented

2020-12-10 14:07:07 +00:00

Owner

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

InfiniteWorldSoftware commented

2020-12-30 15:31:39 +00:00

Key points:

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

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

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

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

We should look into the mastodon ecosytem for inspiration

A lot of things I probably forgot about

What's the timeframe for Carbon to be complete? By then matrix.org may be running polylith Dendrite.
^
Yes
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.)
Not familiar with Mastodon.
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.

cadence commented

2020-12-30 23:54:41 +00:00

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.

[Discussion] New user UX #18