Settings Page for Mobile App

The goal of this design was to reduce cognitive overload and improve usability by organizing the settings page into a clean, intuitive structure. The design follows a black-themed interface, enhancing contrast and readability while maintaining a modern, sleek appearance.

Key Features & Improvements:

User Account Section (Top Priority)

• Displays profile picture, name, email, and ID for quick user identification.
• Includes an edit icon for easy profile updates.
• Positioned at the top to give users immediate access to their personal information.

Preferences Section (Customizable User Experience)

• This section includes frequently accessed personal settings such as:
• Language (Current language displayed for clarity)
• Notification (Manage app alerts)
• Chats (Conversation settings)
• Additional Settings (Advanced options)
• Sounds & Haptics (Audio and vibration preferences)
• Organized with icons and labels for quick recognition and easy scanning.

Connections Section (Network & Device Settings)

• Dedicated to managing connectivity-related options, including:
• SIM Cards (Displays active network providers)
• Wi-Fi (Shows connected network name)
• Bluetooth (Indicates on/off status)
• Portable Hotspot (Current status displayed)
• Connections & Sharing (More advanced connectivity options)
• This structured grouping allows users to locate relevant settings efficiently without overwhelming them with excessive information.

Outcome & Impact

By implementing these improvements, the designed settings page now provides a streamlined and structured experience, enabling users to navigate effortlessly without feeling overwhelmed. The minimalistic design, logical grouping, and collapsible sections contribute to a more intuitive and user-friendly interface.