@darch @firstname.lastname@example.org @email@example.com 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 🤣
@firstname.lastname@example.org 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.
@email@example.com 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)
@firstname.lastname@example.org yes I also made something like that once way way back😉
@email@example.com 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.
@firstname.lastname@example.org 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.
@email@example.com 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?
And now also the user’s avarar instead of the profile icon:
@darch I prefer this last one 👌
@firstname.lastname@example.org 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?
@email@example.com so align the logout to the right maybe?
@firstname.lastname@example.org it can work, but I’m not sure about the mobile version.
What was your idea?
@email@example.com 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 😅