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 8 of 30 Day UI/UX Design Challenge: Redesigning Checkout Process! πŸ‘›

🎨 Today’s design task Today’s challenge felt more comfortable, given my previous experience with forms in both design and coding. As always, Thomas Sensei provided valuable feedback! Task: Redesign the cart/checkout for Freibad Hornberg, improving upon their current design. current website πŸš€ My design process Sketched initial ideas on iPad Researched best practices for login, account …

Day 1 of 30 Day UI/UX Design Challenge: The Journey Begins!

🎨 Today’s design task I woke up super excited today β€” a feeling I haven’t had in a while! My partner gave me an amazing project to work on. Detective Conan Escape Room Booking Page: Design a visually engaging and user-friendly page for the “Beika Street Escapes” website. A company offering Detective Conan-themed escapeΒ rooms Target Audience Detective Conan fans aged 15-45 …

Day 26 of 30-Day UI/UX Design Challenge: Creating My Custom Blog Design! πŸ‘©πŸ»β€πŸŽ¨

🎨 Today’s Design Task I’ve been using a template for my blog, but my partner suggested I design my ownβ€”and he’d handle the coding! I was super excited to dive in and create something uniquely mine 🀩 πŸš€ My Design Process Inspiration Gathering: I explored various blogging websites to gather inspiration. Initial Sketches: I sketched out my ideas on my iPad. Lo-fi Mockup: I created a lo-fi …