Settings page for mobile app
Rationale:
- The design follows standard mobile UI conventions, making it easy for users to navigate and understand.
- The use of grouped settings within slightly separated frames creates visual hierarchy. This helps users quickly scan and locate specific preferences.
- Universal icons are used effectively to represent each setting category (e.g., profile, privacy, language).
- The right-pointing arrows consistently indicate that tapping on a setting will lead the user to a separate screen or section with more options.
- Prototype link: https://www.figma.com/proto/wNL9FYcpDpT8CmWiP7Wcky/Settings-Page-for-an-Uxcel-Design-Brief?node-id=1-2&t=jFwpKTUeVxfiHh10-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=1%3A2
Tools used
From brief
Topics
Share
Reviews
4 reviews
CONGRATS! I really liked your project!! 😊
The design is easily and quickly scannable. It features a minimal, well-known design that users are accustomed to seeing and interacting with. The information is well-organized and thoughtfully laid out, enhancing the user's ability to navigate the settings page efficiently.
The minimal and familiar layout of the design greatly enhances its usability. Users can perform their tasks with ease due to the straightforward and intuitive design choices.
Visually, the design is appealing but doesn't significantly stand out from other similar designs. I appreciate the option to switch between light and dark modes. However, the toggle for switching modes seems out of place due to its green color. Could you explain this color decision? Additionally, the toggles for notifications should have a more distinct contrast between the off and on states. Personally, I would suggest using a filled toggle switch for the "on" state while keeping the "off" state as a line toggle switch, but in the same color for consistency.
The presentation of your work could benefit from additional explanations of your design decisions, along with research to support your ideas. This would provide more context and depth, making your design choices clearer and more compelling.
Overall, fantastic job on the scannability and usability of your settings page design. With a bit more emphasis on visual differentiation and a detailed presentation, it will be even more impressive. 💖
I love how organized and legible your icons and typeface are. Extrinsic grouping helps to improve the experience as well.
I like the minimalistic approach to the settings layout. The use of the divider makes it easy for users to scan the page from side to side as well. That being said, I'll suggest changing the transition when a user clicks on one of the settings to 'move in - right to left'. This way, the user can infer the continuity between the two screens. Also, display a keyboard panel when the search is in an active state.
Great job on this design! The intuitive layout and balanced use of whitespace make it easy for the user to navigate. I especially love the way you’ve grouped settings logically—it feels familiar yet polished, allowing for a quick scan and minimal cognitive load.
If I had to suggest something, I'd consider adding subtle micro-interactions, particularly around toggles or dropdowns, to offer more immediate visual feedback. For example, a slight color shift or bounce could help users notice state changes more clearly. Also, giving the notification icons a consistent thickness across all variations might help maintain a cohesive visual system.
Overall, this is an excellent piece of work—streamlined, recognizable, and user-friendly. With a few small tweaks for polish and micro-interactions, you’ll have a standout design!
You might also like
Checkout Flow for Shoe E-Commerce Platform
Homepage Dark Mode
Finovo - FinTech Mobile Application
Café website landing page
Settings Design | Finance
MindfullNest Workshop
Content Strategy Courses
UX Writing
Common Design Patterns
Reducing User Churn