I thought the avatar was my personal space.

#8
Posted in Feedback

aquila
aquila

Maybe rounding it to differentiate will solve it.

πŸ™

jeremysmithco
jeremysmithco
(edited)

Hey @aquila! It's funny, I was actually wrestling with this very thing for a while. I actually did exactly what you said and went with fully round user avatars, and then decided to go back for some reason.

I think you're right, it is a bit confusing, especially the first time you come into the interface.

Ok, I'm going to give this some thought and might just go back to fully round user avatars. Or find another way to distinguish.

πŸ‘οΈ

marcoroth
marcoroth

I like how Discord solves this by just using the logo and the horizontal line:

CleanShot 2024-11-01 at 20.20.21.png

πŸ‘οΈ

adrianthedev
adrianthedev

Well... in discord that's your private conversations, not your space, per-se.

I'd go for a bigger distinction woudl be to move it from there to a different place. Maybe in the top navbar to the right?
Or keep it there but make it even more distinctive.

πŸ‘οΈ

adrianthedev
adrianthedev

Aaaand I wouldn't make them full circles. Those are reserved for "click to manage your profile
avatars".


jeremysmithco
jeremysmithco
(edited)

I like how Discord solves this by just using the logo and the horizontal line:

@marcoroth I had had that thought as well...does seem like separating would at least show some distinction.

I'd go for a bigger distinction woudl be to move it from there to a different place. Maybe in the top navbar to the right?

@adrianthedev I had actually started with the user avatar up in the top right of the navbar, but then it felt like it was unclear what the context was for the left nav panel for account:

image.png

Those are reserved for "click to manage your profile avatars".

@adrianthedev Can you say more about this? I wasn't sure what you meant.


adrianthedev
adrianthedev

Oh, yeah, sure.

I meant the avatar that most services have in the top right corner that people use to access their settings, billing information and sign out links.

CleanShot 2024-11-01 at 22.23.08@2x.png

πŸ‘οΈ

adrianthedev
adrianthedev

But you have to tell me more about this markdown editor. Is it custom made?

😊

jespr
jespr

People love this markdown editor, for good reason πŸ˜‚

πŸ₯°

jeremysmithco
jeremysmithco
(edited)

I meant the avatar that most services have in the top right corner that people use to access their settings, billing information and sign out links.

@adrianthedev Ah, got it, thanks! πŸ‘Œ Yes, that makes sense.

But you have to tell me more about this markdown editor. Is it custom made?

The toolbar is using @github/markdown-toolbar-element. I'm also using @github/text-expander-element for at-mentions and @github/session-resume for persisting the post to session storage. I've wired everything up with Stimulus and Turbo, as those libraries are lower-level. I've also got a drag-and-drop file uploader that's based on an earlier version I wrote about here.

There's more to come with the editor, too! This is one area that I think makes a huge difference for writing online.

I'm hoping to write this all up and share my implementation when I get the chance!


adrianthedev
adrianthedev

This is awesome! I didn't know it's open source. Thanks!

πŸ‘οΈ

jeremysmithco
jeremysmithco

Sure thing! ☺️


kanejamison
kanejamison

If avatar was bottom of column with line separator above it that would match other user settings. But if you want to emphasize that it's the inbox/bookmarks 'dashboard' area, perhaps separator below and keeping it up top.

image.png

πŸ‘οΈ

jeremysmithco
jeremysmithco
(edited)

@kanejamison Thanks! I had almost the exact thought process. And yeah, I do think I want to keep that emphasis on the Inbox, Bookmarks, and (hopefully soon) Draft topics.

Relegating it to the bottom would be an easier match of expectations for people coming over from Slack...but I want to do more with it than just preferences and logout.

image.png


kanejamison
kanejamison

Another option would be pushing avatar down to a user preferences menu, and leaving a top square in place that is more of an "explore icon/emoji".

That'd feel more like this to me:
image.png

πŸ‘οΈ

kanejamison
kanejamison

I love love love hitting CTRL+Shift+A in Slack communities and seeing every unread across all channels and pushing through them like that, then I'll go through my threads if there are ones I'm tracking conversations on. Could be cool to give that feel to the inbox and let it span communities. Right now I have to jump down each slack in the sidebar and go through the same inbox triage.

πŸ‘οΈ

jeremysmithco
jeremysmithco

Another option would be pushing avatar down to a user preferences menu, and leaving a top square in place that is more of an "explore icon/emoji".

I like that idea...I'm planning to get a custom logo/icon done...and that might work well for that spot.


jeremysmithco
jeremysmithco

Could be cool to give that feel to the inbox and let it span communities.

Interesting, I'll think about that! Yeah, some of those mechanics were difficult to anticipate and design for ahead of actual use...so I figured those would emerge over time. I think you're hitting on an issue I was starting to notice as well: "how do I easily see all the unreads for topics I'm not following?"


kanejamison
kanejamison

For Slack communities everything is either A) historical, B) new and I haven't seen it yet, or C) I'm following it for new replies.

So Slack Unreads view shows me all of B. And Threads view shows me all of C. Everything else that has conversation activity I have explicitly chosen not to follow unless I seek it out.

I think that is close enough to what old school forums would be as well... Either I'm in the conversation or I've chosen not to follow it or it's a new conversation and I need to decide whether to follow or ignore it.

πŸ‘†οΈ
πŸ‘οΈ
πŸ™

Log in to reply to this topic.

Log in
Status
Open
Participants
aquila jespr jeremysmithco adrianthedev marcoroth kanejamison