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

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 12 of 30 Day UI/UX Design Challenge: Diving into Data Design! πŸ“Šβœ¨

🎨 Today’s design task I’m back with another exciting day of my UI/UX Design Challenge. I saw a job post on Dribbble and decided to tackle some of the requirements as my challenge for today. Task: Design the dashboard page based on the provided wireframe. (The requirement has a design of β€˜Snapshot View’ page but I decided to do only At a Glance page for this challenge) πŸš€ My design process I …

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 …