<?xml version="1.0" encoding="utf-8"?>
Open full project

In response to user feedback indicating that the current settings page of a mobile app is unclear and overwhelming, I have been tasked with redesigning the page to improve usability and reduce cognitive overload. The goal is to create a settings page that is intuitive, user-friendly, and helps users easily find the options they need without feeling overwhelmed by the multitude of choices.

Challenges and Solutions:

Cognitive Overload: To address cognitive overload, I simplified the settings page by categorizing options into distinct sections and reducing unnecessary choices.

Color Concept: The app features a sleek white color scheme with subtle darker accents, fostering clarity and elegance while ensuring content remains the focus. This minimalist palette enhances readability and user experience.

Card Concept: Utilizing white cards with gentle shadow effects adds depth and structure to the interface. This design choice enhances organization and visual appeal, facilitating seamless navigation and engagement for users.

** Settings Page

Account Settings: Manage your account details, privacy, and safety settings seamlessly. Keep your personal information secure, control your privacy preferences, and manage connected devices effortlessly.

App Settings: Tailor your app experience with customizable themes, language preferences, and notification settings. Enhance accessibility options to ensure the app is user-friendly for everyone.

Support: Get comprehensive support for all your inquiries and concerns regarding the app. From troubleshooting to feature explanations, our support section has you covered, ensuring you have all the information you need.

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


I like your design of the settings pages for the music app. The grouping of settings categories is logical, the inclusion of a search field is commendable, and the use of relevant icons is helpful.

Visually, I’d recommend reconsidering the use of shadows for each setting group. Shadows are typically used to demonstrate elevation and draw attention to key elements. Here, they seem to create visual noise instead. Additionally, shouldn’t the icon for the logout option also be red to indicate a significant action?

Unfortunately, I was unable to examine the designs closely, as the provided link to the Figma file isn't working and indicates that permission to view the page has not been granted.

Well done!


I like your design it is very clear this reduces the effort when searching for a needed function.

You need to improve the space between current content sections that are too close together and uneven, which creates stuffiness for your design.

I think the icon on the right of Log Out is not necessary unless there is something else after that.


9 Claps
Average 4.5 by 2 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>