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 4 of 30 Day UI/UX Design Challenge: Medieval Artistry πŸ‘¨πŸ»β€πŸŽ¨

🎨 Today’s design task I was so excited about today’s task that I even dreamed about it last night! πŸ˜‚ Today, I’m building on yesterday’s wireframe by designing the Portfolio Gallery section for Andreas Maler, capturing his unique art style and the game’s aesthetic. Design the Portfolio Gallery section from your wireframe, capturing the essence of Andreas Maler’s …

Day 21 of 30 Day UI/UX Design Challenge: All About Components! 🍱

🎨 Today’s Design Task Today’s task was right up my alleyβ€”I love organising and creating lists, so working on components was really satisfying! See task description πŸš€ My Design Process Understanding the Task: I began by carefully reading the task instructions to grasp what components I needed to create. Base Components: I designed base components for articles and events, drawing inspiration from …

Day 5 of 30 Day UI/UX Design Challenge: Meditation app with Psyduck! πŸ₯

🎨 Today’s design task Today was probably my most challenging task yet β€” designing a mobile meditation app featuring Psyduck! As a former web developer, mobile apps are new territory for me, but combining meditation with one of my favourite PokΓ©mon made it exciting. πŸš€ My design process Thoroughly analysed the task requirements Sketched initial ideas on my iPad using Freedom app Researched …