Design to Expand Account Settings

[roraback]

In addition to existing Security/Auth settings, it needs to support:

• Theme preference (system default, light, dark)
• Keyboard layout for use with Windows Desktop sessions (select list for language/country)

[rishibarbhaya-design]

Submitted Wireframes Options for the Account settings page considering scalability Wireframe link: https://www.figma.com/board/8c7QEVaLt2WL6upVgvFZKl/AWS-Integration?node-id=53-10815&t=OPUcaJ0o9PI3RpkI-1

Feel free to add comments.

[rishibarbhaya-design]

Based on feedback we have finalized Option 1 with Account Settings Side Navigation Eliminated default Side Navigation from this page.

Design Link: https://www.figma.com/design/rlcaLyLb3AkG6MW4fnRSAG/Profile-Settings?node-id=1-2&t=EncLzlBu3kMH28rp-1

Note: Profile Page will not be part of the current phase, it is just designed as an idea for future implementation.

[rishibarbhaya-design]

I am adding the final designs here for you to look over. Click here

[rishibarbhaya-design]

Side Navigation Functionality

• Remove Profile from the current implementation
• Highlight Tier 1 of the page to show all the sections of the page.
• Moving ahead we will highlight Tier 2 and perform section scrolling.

[rishibarbhaya-design]

Revise our existing profile dropdown

Current Implementation

Revised Implementation

• Remove Email Address from the top navigation -> resulting in more space in the top navigation.
• Add Email Address on the top of the dropdown.
• Remove Switch to Light Theme and move it to the Account Settings page -> Preferences.