Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FEATURE: Relocate User Menu to the Left Drawer #4825

Closed
1 task done
markusguenther opened this issue Jan 11, 2024 · 7 comments · Fixed by #4934
Closed
1 task done

FEATURE: Relocate User Menu to the Left Drawer #4825

markusguenther opened this issue Jan 11, 2024 · 7 comments · Fixed by #4934
Assignees
Labels
9.0 Feature Neos.Ui Neos Ui topics, that depend also on Neos adjustments T: UX

Comments

@markusguenther
Copy link
Member

Is there an existing issue for this topic?

  • I have searched the existing issues

Description

The current positioning of the user menu in the primary bar has been identified as a potential area for improvement. Considering user behavior, where the user menu is primarily utilized for actions like logging out, we propose relocating it to the left drawer. This adjustment aligns with established UX patterns observed in other systems, where the user menu is de-emphasized and accessed when needed.

Possible Solution

We have identified some areas where the UI can be enhanced to provide a better user experience. However, we also need to adjust the regular backend module interface to make these improvements work seamlessly.well. More informations regarding the user menu in the following UI issue: neos/neos-ui#3685

We have also planned to extend the user management module and user with an avatar. This will help us to have a better visual recognition of user changes in a potential new view for content changes.

@laurahaenel
Copy link
Collaborator

I would like to help with that topic at the upcoming sprint in Hamburg :)

@ahaeslich ahaeslich moved this from Todo to Todo Contributors in Neos Sprint Hamburg - 2024-03 Mar 1, 2024
@markusguenther
Copy link
Member Author

markusguenther commented Mar 12, 2024

Good morning,

As @laurahaenel wants to work on that, it is maybe a good idea to share my thoughts a bit.
I made some rough sketches to demonstrate the idea.

Drawer with closed User-Menu
Image

Drawer with open User-Menu

Image
Image

The user should get an avatar image in. the future. So I would add a component that renders the avatar or, if we don't have one, a circle with the initials of the user or so. As we drop the version number here, I think it would be neat to have an extra info button where we can open a dialog and show the version or something like that. Main information we also need for issues for instance ;)

I hope that helps, the issue is that we need to do that at two places. The neos-ui with react and the Neos/Neos package where we use VanillaJS. I would also support here :)

@laurahaenel
Copy link
Collaborator

laurahaenel commented Mar 12, 2024

I guess the info button in the user dropdown should only show information regarding the user, not the neos version. Would leave this info button out of scope and add the version information elsewhere. Any ideas on that? @markusguenther

  • Leave it in the drawer but on top of the user dropdown or ...
image
  • add an (i) Icon somewhere?

@markusguenther
Copy link
Member Author

I guess the info button in the user dropdown should only show information regarding the user, not the neos version. Would leave this info button out of scope and add the version information elsewhere. Any ideas on that? @markusguenther

* Leave it in the drawer but on top of the user dropdown or ...
image
* add an (i) Icon somewhere?

Personally, I would just remove the version panel then. In the "old" Neos User interface, we don't have the information at all. On the other hand, I often use it as quick notice what version the Neos would be because it is faster than the Packages list.

Any opinions from the others @mhsdesign @grebaldi @Sebobo @ahaeslich ???

@laurahaenel
Copy link
Collaborator

As agreed by @mhsdesign and @grebaldi we will leave the info as seen in the last screenshot.
The version information for Neos.Neos should then be added respectively for Neos.Neos.

@Sebobo
Copy link
Member

Sebobo commented Mar 12, 2024

Love the change so far!

Keep in mind that it also affects the Back to user "My Name" action when impersonating another user. Maybe this mode can be better reflected too?

IMO the version thing is useless if it just shows the UI version. I mostly check out the package management module to find out exact versions. Maybe a drawer with a list of version of configured packages would be better and be mostly hidden by default.

@laurahaenel laurahaenel moved this from Todo Contributors to In Progress in Neos Sprint Hamburg - 2024-03 Mar 12, 2024
@laurahaenel laurahaenel moved this from In Progress to Reviews in Neos Sprint Hamburg - 2024-03 Mar 12, 2024
@laurahaenel
Copy link
Collaborator

This change is affected by the open bug #4590

@dlubitz dlubitz linked a pull request Mar 13, 2024 that will close this issue
6 tasks
@ahaeslich ahaeslich moved this from Todo to Under Review 👀 in Neos 9.0 Release Board Mar 14, 2024
@github-project-automation github-project-automation bot moved this from Under Review 👀 to Done ✅ in Neos 9.0 Release Board Mar 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
9.0 Feature Neos.Ui Neos Ui topics, that depend also on Neos adjustments T: UX
Projects
Archived in project
Status: Done
Development

Successfully merging a pull request may close this issue.

3 participants