@darch@neotxt.dk @justamoment@twtxt.net @bender@twtxt.net Something is a bit off with where the “Logout” button now is and the top-right “Profile” button. Can you guys try to collaborate on this? I just have this feeling… The new profile view is nice, but something is a bit off with the UX, several times I’ve tried to find the “Logout” button and keep forgetting where it now is 🤣

@prologic@twtxt.net Would it make more sense to put it under Settings? I think it is a waste of space to have a dedicated icon in the topnav for something that most people would not be using on a daily basis.

@darch@neotxt.dk I agree with your premise, but yeah I’m not entirely sure myself. I have some “random” ideas in my head, but I can’t express them. I just know it “feels” currently a bit off, let’s ask the community 🙏

Maybe it’s okay🤔

What about the users Avatar as the icon in the top right?

@prologic@twtxt.net Yes I have tried to have the avatar in the top right in an earlier design, but it still needs some work - especially on mobile (not shown)

Image

@darch@neotxt.dk Ahh, so you were thinking that… Coool… So I think maybe a drop-down would work there too? Avatar -> Dropdown -> Profile|Settings|Logout ? I dunno I’m not a UX guy 😅

@prologic@twtxt.net yes I also made something like that once way way back😉

@darch@neotxt.dk personally I haven’t looked at the logout until now but to me it feels weird to have it where I’d expect a follow button.

I think having it on the main menu is not so bad.

A solution I can think of is having two split set of menu, one for navigation (with hamburger on mobile) and one always visible (profile) with maybe the logout and settings on the same level.

Haven’t put much thought here right now, but maybe literally splitting the UI with a second bar could help with the accommodation of those buttons, on mobile one can even become a bottom navbar, always visible and thumb friendly.

@justamoment@twtxt.net I have also played with idea about splitting up the navigation into a pod level and user level. And interesting idea to have a bottom navbar for mobile.

@darch@neotxt.dk yeah, here a reference to what I imagine: https://m3.material.io/components/navigation-bar/overview

How about putting the logout under settings like this?

Image

And now also the user’s avarar instead of the profile icon:

Image

@darch@neotxt.dk I prefer this last one 👌

@darch@neotxt.dk the logout in the list of sections with the settings is not the best for me, it feels as if it’s not supposed to be there, maybe a wider separation would work?

@justamoment@twtxt.net so align the logout to the right maybe?

@darch@twtxt.net it can work, but I’m not sure about the mobile version.

What was your idea?

@justamoment@twtxt.net no idea for mobile (yet). But we could also use different colors for the logout. Like we used to have a secondary (grey) color for settings and logout, before I came in and messed with the css 😅