Settings Page for the Media App

Great job on the design! It’s clear that a lot of thought has gone into creating a visually appealing settings page. There are just a few suggestions that could help take your design to the next level and truly delight users.

1. Think about what users expect:

While it’s important to provide features that users request, great apps anticipate what users expect without them needing to ask. By understanding the platform's capabilities and integrating them into your app, you can create an experience that feels natural and effortless for users.

2. Dark Mode Toggle:

It's fantastic that you've included a dark mode option! However, on iOS, it’s best to let the system handle dark mode where possible. By using standard elements like list items and toggles, dark mode support often comes out of the box with no extra effort. Custom elements can complicate this process, making it harder than necessary to implement. If you do want to offer more control, consider a three-state toggle: one for always on, one for always off, and one to follow the system setting. This way, the app adapts to various conditions, such as time of day or focus modes. For more details, check out Apple’s Human Interface Guidelines on Dark Mode:

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/dark-mode/

3. Font Size Setting:

The ability to adjust font size is important, but iOS already provides a system-wide feature called Dynamic Type. By using standard text components, your app can automatically adjust to the user's preferred text size without needing a separate setting. This simplifies the user experience, as they can already manage this through the OS, including via the Control Center. More on this can be found in the Human Interface Guidelines on Dynamic Type:

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography/

In summary, the design is visually appealing, but leveraging platform conventions could make it even better. By using the tools and standard interfaces provided by the platform, you can create a familiar and intuitive experience that meets user expectations seamlessly. This allows you to focus your creative energy on the unique aspects of your app, rather than re-creating existing functionality.

Keep up the great work, and with these small adjustments, your designs can truly shine!

Wow! You're awesome and I love the design!

I think you're far from being "... beginner 🖤" as stated in your bio. You're soooo talented! Please continue your work!

Consider prioritizing the most frequently used settings at the top. For example, options like “Dark Mode” and “Font Size” are likely more frequently adjusted than “Clear Cache” or “Sound Effects,” so it might be helpful to position them higher up in the list.

It seems that you're using the iOS Design System, at least as a form of inspiration. In any case, perhaps put the font size section as a slider? That would mean one less click. Something similar to this image (that I just Google of iOS slider):

https://beebom.com/wp-content/uploads/2021/07/Use-Background-Sounds-in-ios-15.jpg

For less familiar settings, such as “Goals per Month” or “Save History,” consider adding a brief explanation or tooltip that appears when the user hovers over or taps on the setting. This helps users understand the implications of each setting without leaving the page.

If the app is intended for a global audience, consider the potential for localization and translation. Ensure that microcopy is easily translatable without losing meaning or tone.

Can be achievable quite easy with Figma variables these days.

Consider adding microcopy that helps users understand the consequences of certain actions (e.g., “Clear Cache” might result in loss of certain types of data) to prevent unintentional errors. Maybe even a dialog when the user are using this type of functionality?

Ensure the microcopy is consistent with the overall tone of the app. If the app is generally friendly and approachable, ensure the settings labels and descriptions reflect that tone.

Keep up with the good work!

The design is clean and functional, and I really appreciate the font size option. It’s a great touch! The color palette is fantastic, and I learned a lot from the detailed information.

I think what you did here, works really well if I could pinpoint something i think the elevation of the buttons of the profile breaks the cohesion just a little bit, but you could argue that is part of the style that you are looking for.

Hey Anna,

Beautifully executed work. However, I think that if you added the Dark mode screens it would make the project more intriguing. Great work nonetheless.