Settings Page - Music Creators App
I've designed the settings page for an app for music creators, composers, and songwriters. The goal of the app is to allow unknown artists to share their music and reach wider audiences.
The settings page should be easy to find. In this section, users should be able to customize and select their preferences. They can also activate or turn off notifications.
Furthermore, users might go to the settings page looking for help, manage their subscription, or revise the terms of the app.
Main Settings Page
I've established a hierarchy and grouped items. Grouping related items under a clear and concise heading is a fundamental principle of information architecture. When applied to account settings, it significantly improves user experience by:
Enhancing Discoverability
- Clear categorization: Users can quickly locate the settings they need by scanning for the appropriate category.
- Reduced cognitive load: Users don't have to sift through a long list of unrelated items mentally.
Improving Efficiency
- Faster access: Grouping related settings together allows users to make multiple changes within a single section, saving time.
- Logical flow: The structure of the settings page mirrors the mental model users have of their account, making interactions intuitive.
Language
I've labeled each category with an easily recognizable name and have searched for adequate icons.
While keeping a brand's identity throughout an app is important, it's equally relevant to ensure that users understand the content on the settings page.
If the user is going through the trouble of visiting the settings page, then this experience should be smooth, and consistent. Information should be clear.
Account settings
Once the user enters their account settings, it should be easy to modify their details. Editing their photo, name, or password should all be straightforward.
Turning notifications off should not require much effort from the user. The user should feel that they have control over the information they receive. They can mute everything, or allow certain notifications.
Theme
When designing the settings page, I looked at some of the apps I use the most. I like Medium's settings page and how they solve setting up your theme.
Simple and minimalistic solutions can work. To leave the theme, users simply tap outside the popup.
Manage subscription
Give users control over their subscription. Provide clear and scannable information about what each plan offers.
Transparency and simplicity pay off in the long run.
Making it hard for your users to unsubscribe only adds to their frustration.
Whatever the reason the user has decided to leave your app, don't make it an unpleasant experience. Make the cancel button visible and accessible.
Take advantage of the moment the user cancels to learn more about why the user has decided to leave your app.
Conclusion
The settings page is an opportunity to offer users answers and great service. For instance, I could have also included billing options and currency preferences.
Settings pages are about helping the user set up their account. Personalize it as much as possible. Give them a sense of control.
I also tried to give my settings page a touch of color and personality, so the user doesn't feel like they are in a different place.
What are your thoughts?
Tools used
From brief
Topics
Share
Reviews
1 review
Hi Andrea,
Great work on the Settings page! I especially appreciate how you've grouped related sections together to enhance usability.
I have a few suggestions that might further improve your designs:
- Visual Separation: Adding a line separator between the different settings options could be beneficial, particularly for users with impaired visibility. This would make it easier to distinguish between sections.
- Back Button: Since the Main Settings page is already part of the bottom navigation, a back button at the top may be unnecessary.
- Consistent Border Radius: To enhance visual consistency, it would be helpful to apply a uniform border radius across all components, such as buttons, containers, input fields, and tab/segmented controls on the payment page.
- Toggle Design: The toggles for notifications could be improved by adding a more distinct visual difference between the On and Off states. For instance, using a different fill color for the On state would make it clearer.
You might also like

Fundraising Website

NEWFASHON™ - Landing page

Mobile onboarding flow

MamaFlow

FOURm - Landing Page for High-Conversion Fitness Startup
