Day 15 of 30-Day UI/UX Design Challenge: Mobile App Lo-fi Design! โœ๐Ÿป

Posted
Tags
UI/UX 30 Day UI/UX Design Challenge
Share

๐ŸŽจ Today’s design task

Todayโ€™s project was so much fun because it allowed me to think about my baby, Teto ๐Ÿˆโ€โฌ›โค๏ธ

๐Ÿš€ My design process

  1. Brainstormed key features for the app: Started with a brainstorming session to identify essential features.

  2. Defined the primary user persona: Essentially, I used myself as the primary user persona.

  3. Listed potential data points to track: Created a list of data points that would be valuable to track in the app.

  4. Sketched the main user journey: Outlined the primary user journey through the app.

  5. Identified key screens needed: Determined which screens were necessary to support the user journey.

  6. Mapped out navigation: Planned how users would navigate between different screens.

  7. Added more notes on key features: Expanded on key features with additional notes.

  8. Considered gamification elements: Included gamification elements to enhance user engagement.

  9. First screen consideration: Inspired by Unhinged, I considered using great/okay/bad as the first screen.

  10. Lo-fi wireframes: Created lo-fi wireframes, starting with data entry screens. Initially, I included four options on the first screen and four inputs (color, thickness, hardness, and note) on the second screen.

  11. Input method considerations: Instead of using sliding bars for colour, thickness, and hardness, I decided to give 3 easier-to-select options for each input.

  12. Dashboard design: Focused the Dashboard on showing one kind of data, with detailed data available in a pop-up when a date is tapped.

  13. Insight screen: Designed the insight screen to include more data and allow users to hide/show data by tapping the name.

  14. Reminder and settings screens: Created screens for reminders and settings.

  15. Nav bar icons: Added simple shape-based icons for the navigation bar.

๐Ÿง  Challenges and solutions

  • Mobile app design: As this was my first mobile app design, I was unsure about sizes and overall appearance.
  • Lo-fi vs. high-fi designs: Differentiating between lo-fi and high-fi designs was tricky, but I think I managed well.
  • Inspiration from Unhinged: Using Unhinged helped me understand what makes a mobile app user-friendly.

๐Ÿ–ผ๏ธ The final design

I’m happy with what I created today. I can’t wait to move on to the high-fi design!

๐Ÿ’ก What I learned today

I was nervous about creating a mobile app design, but following the steps made it manageable. I am grateful for my partner’s guidance and support ๐Ÿ™๐Ÿป๐Ÿฅฐ

โฐ If I had more time

For todayโ€™s task, I donโ€™t think I would do more.

๐Ÿ’Œ Any thoughts?

What are you working on these days? I’d love to hear your thoughts on my design or any advice you might have!

Thanks for following along on Day 15 of my challenge. See you tomorrow for Day 16!

With love and light ๐Ÿซถ๐Ÿป

Yoshie

p.s. I’ve been reflecting on giving and receiving feedback. It’s not always easy to receive feedback without getting triggered, but I’m improving. Giving feedback is even harder because it requires understanding the issue and how to communicate it effectively. I want to keep being open to feedback even when I am 90! ๐Ÿ‘ต๐Ÿป

Related articles

Day 23 of 30 Day UI/UX Design Challenge: Making Accessible! ๐Ÿ‘€

๐ŸŽจ Todayโ€™s Design Task I was excited about todayโ€™s task because I got to turn the accessibility issues I identified on Day 22 into actual design improvements! ๐Ÿ› ๏ธ Today’s challenge: Choose one page or screen and create a redesign that addresses the accessibility issues: Sketch or create a digital mockup of your improved design Focus on fixing the problems you identified while maintaining the โ€ฆ

Finding Balance Between Fun, Joy, and Seriousness

Designing the Sanat Ensemble website was both a rewarding and challenging experience. The task was to capture the vibrant energy of the 70s whilst honouring Turkish people and other communities who fought for equal rights. I also wanted the design to reflect the joy and lively spirit of their music and performances. Hereโ€™s a breakdown of the key struggles I encountered and how I overcame them! 1. โ€ฆ

Day 10 of 30 Day UI/UX Design Challenge: Icon Design! โžฐ

๐ŸŽจ Today’s design task Last night, I discussed my task for today with my partner. I’m grateful for his input, as he’s always thinking about how I can upskill as a designer. ๐Ÿฅนโค๏ธ Todayโ€™s task: Itโ€™s a 2-day series focused on icon design! ๐Ÿš€ My design process Understanding the task: I started by reading the task requirements. Research: To understand how to make consistent icons, I โ€ฆ