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

On the left there is a 5 items on a checklist that have x mark and an accessibility symbol with a sad face. On the right there is a 5 items on a checklist that have check mark and an accessibility symbol with a happy face.

10 Questions to Ask Before Calling Your Design Complete

Are you a designer, developer, or content creator working on websites or applications? These 10 questions cover the fundamental accessibility considerations every design needs to address. If you can answer “yes” to all of them, you’ve got the basics covered. While there are many more questions to ask in creating accessible design (which I’ll cover in future articles), …

Day 22 of 30 Day UI/UX Design Challenge: Diving Deep into Accessibility! πŸ•΅πŸ»β€β™€οΈ

🎨 Today’s Task Conduct an accessibility audit for pickuplimes.com Today’s task was both challenging and valuable. Accessibility is a crucial aspect of design, and I learned a lot from this deep dive! πŸš€ My Process I followed the Accessibility Insights for Web assessment guidelines closely to ensure I covered all necessary checks. 🧠 Challenges and Solutions Finding the Right Guidelines: Initially, …

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 …