Settings Page for Mobile App
For this design brief, I created a settings page for a parenting app, which was one of my case studies. The goal of this project was to help parents connect with health professionals for support and guidance while also enabling them to engage with other parents on their parenting journey.
When designing the visual elements and iterations for this project, I initially did not include a settings page. However, through the design process, I realized the importance of refining and iterating on profile and settings pages, as they are crucial for usability and overall user experience.
Overview
The design follows a three-panel hierarchical approach to organizing settings, including Profile, General Settings, and Notification Settings screens. This structure helps reduce cognitive overload by breaking complex information into manageable sections.
Information Architecture
- Clear categorization with logical groupings (e.g., General Settings, Contact & Legal, Account)
- Consistent back-navigation for seamless movement between screens
Visual Design
- Consistent visual treatment across all settings components
- Clear interaction patterns using toggles for on/off settings
- Icon + text pairings enhance recognition and scannability
Conclusion
This design effectively addresses the primary concern of cognitive overload through thoughtful organization and visual clarity.
Tools used
From brief
Topics
Share
Reviews
3 reviews
Great work on the settings page!
A structured three-panel approach helps keep things organized and easy to navigate. Breaking complex information into sections improves usability.
Make sure the icons and toggles are clear and intuitive for users. Testing with real users can help refine the experience further.
Overall, it’s a well-thought-out design—keep improving!
Your settings page is well-structured and easy to navigate. The three-panel layout helps reduce cognitive overload by grouping related settings logically. Using 'icons with text' improves scannability, and the 'toggle switches' make it clear which settings are on or off.
One thing that could be improved is the 'hierarchy of section titles.' The current style blends in a bit too much with other text. Increasing contrast or adjusting the font weight slightly would make scanning easier. Another small detail is the wording on the profile page. For correct grammar, the text 'You're the mother of Lily' should be 'You're the mother of Lily'.
The 'Dark Mode' toggle feels a bit hidden under General Settings. Since it's something users might frequently change, it might be better placed at the top of the settings menu. Another potential improvement is in the 'Notification Settings' page—consider adding a 'Select All' option for easier control over notifications.
Overall, the design is visually clean and well-organized. A few small refinements in hierarchy, wording, and placement would make it even more user-friendly.
Hey Fulya, the UI is looking super clean and modern! 🔥
✅ Minimal & Elegant: The light theme with soft purple accents makes it feel premium and soothing.
✅ Great Spacing & Hierarchy: Everything is well-structured and easy to scan.
✅ Consistent Icons & Typography: The icons and fonts match perfectly, making it feel polished.
✅ Easy to Navigate: The settings categories are logically grouped, making it user-friendly
Overall, this is 🔥 A+ work that looks super professional! With just a couple of minor refinements, it's great.
You might also like
Sneak
Heuristic Evaluation - Booking.com
User persona for TikTok
Empathy Map - Revolut
![UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]](https://users-content.uxcel.com/451aa544-1b86-419f-9120-5a6ac83f023f/briefs/universaltaxprofessionals-website-revamp-informational-website-thubmnail-8090-1756604786988.jpeg)
UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]
Satori Reader-Dark & Light Mode Empty State Pages
Content Strategy Courses
UX Writing
Common Design Patterns
Reducing User Churn