Settings Page for Mobile App

Hey Nasir,

Well done on completing your design brief in both dark and light modes—going the extra mile really shows! Also, making full-color icons work is no small feat, and you’ve handled it well. Including a walkthrough adds valuable context, though a brief explanation of its purpose would have made it even stronger.

Here are some refinements to elevate your already great work:

• The edit info icon in the top account section should be vertically centered using the left-side content as a guide—it currently feels too high. Also, the subtext here is a bit small; matching it to the indicators (e.g., "Language - English") would improve consistency.

• "Notification" should be "Notifications" for better grammar.

• Strengthening typographic hierarchy will enhance readability. Section titles are too close to the settings below them, making them blend together.

• Adding faint divider lines between list items and slightly increasing negative space in each section will improve differentiation.

• The SIM card icon is a bit hard to see against the dark background; the others work well. Also, consider reducing their size slightly.

• If settings like Bluetooth or Portable Hotspot are simple on/off switches, I can see you’re already showing their state. However, since they also have a chevron/disclosure indicator, it suggests they lead to a separate page. If that’s unnecessary, consider removing the chevron and label, replacing them with a direct switch instead. This would eliminate an extra navigation step and reduce text clutter on the page.

• The grey containers in light mode feel slightly too dark for my liking—they could be lightened a bit to maintain contrast without feeling heavy.

• In your prototype, adding a dark/light mode switch within the list would allow viewers to toggle modes seamlessly without exiting the prototype—a nice touch for engagement.

• Consider list order based on usage priority. If “Additional Settings” contains less frequently accessed options, placing it below core settings like Sound & Haptics would improve usability.

Great work overall—I’m excited to see more from you! 

You have done a really great job of designing the screen, it feels clear, easy to read at first glance. The icons are consistent and the grouping makes sense. I love that you went the extra mile and included both light and dark modes, which demonstrates your knowledge of accessibility. You’ve got navigation arrows for items that lead somewhere, which is great. But in dark mode, the grey is a little too subtle and also there is a lack of consistency between the colour of arrows in preferences and connections. That said overall a job well done! Kudos!