Settings Page

Describtion

For my project, I designed a Settings Page with a strong focus on User Experience (UX), following Apple’s iOS design principles. The goal was to create a clean, modern, and intuitive interface that aligns with Apple’s Human Interface Guidelines (HIG).

There are multiple menu sections, each categorized into groups for better organization. Every setting is represented by an icon that visually communicates its function, making scanning easier. To improve interaction, I included toggle switches, allowing users to quickly adjust settings with a single tap.

Settings Page 1

Why Rethink a perfect iOS settings page?

Apple’s iOS settings page is a benchmark for clean and intuitive design, following years of UX research and user feedback. So, why change something that already works so well? It would be unproductive unless the app has a completely different design style, which mine doesn’t have.

By maintaining Apple’s clean aesthetic, hierarchy, and usability principles, the settings page feels polished and user-friendly while seaml

essly integrating app-specific features like theme switching and customization. This approach balances consistency and usability without unnecessary complexity.

Settings Page 2

For the Design I used Figma and the UXCEL Mockup File.

Hope you like it! 😊

Reviews

Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vi
Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendu
Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit eg
Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tinc
Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nasce
Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nascetur. Ut vestibulum elit pulvinar netus in ante lectus turpis auctor. Nulla purus morbi adipiscing quisque in sodales aliquet. Ultricies a elit quis metus. Aliquet cras pretium platea lacinia mi et orci volutpat vulputate. Bibendum massa fusce...
A

Anonymous

Standing ovation

Hi Lars

I think you made the right choice by sticking with Apple’s design. It gives the settings page excellent UX and scannability.

I also love the icons you chose.

Great work!

35
Claps
Average 4.4 by 8 people
5 claps
4 claps
3 claps
2 claps
1 claps
Create your very own Settings Page for Mobile App project and get mentor feedback.
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>