The attached screenshot is an Account Details page that shows information related to an employee's account within a certain app. The problem with this layout and information hierarchy is that it doesn't illustrate the scenario when an employee has access to multiple instances within an app. With that in mind, can you create an updated version of this layout that includes:
Re-organize the page so that account-specific values are grouped together and instance-specific values are grouped together separately.
Account-specific values include: Owner, Category, Events, Discovery Info, App Description
Instance-specific values include: MFA, Authentication type, Authentication via, MFA status, Last password reset, passwors strength, last password manager used
In the grouping of instance-specific values, create a way to breakdown how a user would view this data across 3 hypothetical instances
I'll create an updated Account Details page that better organizes the information hierarchy to handle multiple instances. The redesign will clearly separate account-level information from instance-specific data, with a tabbed interface to view data across different instances.
I've redesigned the Account Details page with the following key improvements:
Key Changes:
Clear Information Hierarchy:
- Account Information card contains app-level details (Owner, Category, Events, Discovery Info, App Description)
- Identity & Access card contains instance-specific security settings
Instance Selection:
- Dropdown selector to switch between Production, Staging, and Development instances
- Real-time updates of security data based on selected instance
Visual Organization:
- Used distinct card layouts to separate account vs instance data
- Added descriptive text to clarify what each section contains
- Color-coded badges for status indicators
Instance Comparison Table:
- Added a comprehensive table view to compare security settings across all instances
- Makes it easy to spot inconsistencies or security gaps
Enhanced UX:
- Maintained the original header design and navigation
- Added hover states and better visual hierarchy
- Responsive design that works on different screen sizes
This layout now clearly distinguishes between account-level information that applies globally versus instance-specific security settings, making it much easier for users to understand and manage multi-instance scenarios.
Great. Can you remove the "Instance Comparison" tile?
The Instance Comparison table has been removed. The page now focuses on the two main sections: Account Information and the instance-specific Identity & Access details with the dropdown selector.