Settings Page for Mobile App - Lokie App (Dark/ Light Mode)
Hey friends 👋
I am excited to share the web design I've been working on. I did it for the Settings Page for Mobile Apps: Lokie App (Dark/Light Mode) by Karim Saif. I hope you'll enjoy it.
-------------------------------------------------------------------
Let's dive into why and how I design these screens:
◑ Design Elements:
Clean Layout: The screens maintain a clean and organized layout, ensuring clarity and ease of use.
Consistent Typography: The use of consistent fonts and font sizes enhances readability.
Iconography: Icons represent various settings and categories, aiding quick recognition.
Color Scheme: The light mode employs a soft color palette, reducing eye strain.
◈ Settings Page Perspective:
User-Centric Approach: Prioritize essential settings that users frequently access.
Grouping & Hierarchy: Group related settings logically (e.g., account, notifications, privacy).
Toggle Switches: Use toggle switches for binary options (on/off).
Customization: Allow users to personalize their experience (e.g., themes, notifications).
◕ User Experience (UX):
Clarity: Ensure labels are descriptive and concise.
Feedback: Provide visual feedback when users interact with settings (e.g., toggling switches).
Navigation: Include a clear path back to the main app interface.
Remember, the Settings page is crucial for tailoring the app experience to individual preferences. Keep it simple, intuitive, and user-focused! 🌟📱
Tool: for everything here and even animation,
@figma and my profile on it here
-------------------------------------------------------------------
Show us love ❤️ by pressing "Like" or leaving a feedback to let me know your valuable opinion.
Want to see more projects? Visit our profile and remember to follow us!
To see more about me:
Thanks for watching! I hope you guys like it!✨
Reviews
7 reviews
Hey Karim,
These screens are looking good in terms of layout and general hierarchy.
However, it would have been great if we had static versions of the screens as well, especially for reviewers like myself. It's a bit difficult to review into details while the dark-light switch is looping. Maybe something to consider next time.
Nonetheless, I think you did an incredible work on these screens.
Good job!
It seems like you have put a lot of time and effort into creating your presentation, Karim! It looks well done. I appreciate that both the settings and my account page are intuitive, and that small details, like the option to delete an account, have been included. However, I am unsure about the rationale behind including social media options in the settings page. Perhaps it's part of the brand? Additionally, I would have appreciated more information about what the Lokie app is about, and what the payment option is for. This would prevent users from mistaking the settings page for a navigation bar. Other than that, it looks great!
Karim, I must say, the Settings page's design is super impressive! The GIF showing both Dark and Light modes is such a cool touch—it brings the interface to life and gives a smooth look at how the two modes work together. It’s slick!
One small thing I’d suggest is to check that all the icons belong to the same family. I might be wrong, but a few don’t quite match up stylistically. Making sure they’re totally consistent could make the whole page feel even more cohesive.
Amazing work, strong, polished design. Keep it up!
I really like the color work for the two modes, and good work with typography, clear hierarchy. Solutions in user experience work well.
There are a few nuances that could be improved:
• Location icon is different from all in color, stands out.
• Inconsistent use of gaps between elements, e.g. in vertical and horizontal block with items.
• Inconsistent use of padding, and it is better to increase them, so that the elements inside the items do not stick to the borders.
Nice work!
Hi Karim,
I really like the way you have presented the information. Maintained priority hierarchy and emphasized according to that order. Best wishes.
Clean UI
You might also like
GoDaddy Sign-in Page Accessibility Optimization
My Bestie Nessie - Making a game in one day at the Oakland Museum of Art & Digital Entertainment
Web SaaS Sign-Up Flow
Gaming Gear 404 Page
Push notifications
Samyoung Chemical
Content Strategy Courses
UX Writing
Common Design Patterns
Reducing User Churn