Smazy

Deliverables: Research, User Journey Map, Storyboard, Wireframes, UI, Prototype, Renderings
‍
Role: UI/UX Designer | Group Work
Duration: 6 Weeks
Smazy is a smart eyewear and app that can help users access concerns of myopia and visual fatigue.
💡 Statement
“How might we enhance the overall user experience of parents and kids aged 8-12 with myopia & visual fatigue?”


⚠️ Some information can’t be shared if I’m to avoid a lawsuit - so please bear with me, and feel free to reach out if you’d like to know more!
Overview
Mobile App + IoT
Client: Essilor Group
Challenges
• To be able to make the app easy and intuitive to use for both parents and kids aged 8-12.
• The integration of the smart eyewear as an IoT device must have a seamless experience to enhance accuracy of eye health data.
• The product should be able to draw customers in to buy the product.
‍
Goals & Metrics
I worked with my group members. By building a responsive app experience, we hope to be able to:
• Create a professional, friendly and intuitive user experience;
• Optimise the app experience on mobile devices;
• Provide user guidance on better understanding the data of the eye health.
Research Process
Competitor's Analysis & Research
To better understand similar products on the market, I did a competitor's analysis and analysed the unique selling propositions, interesting features and common user feedbacks.

‍User Interviews
I conducted user interviews with 3 users with the goals to find out:
• What goals and needs drive parents to be more concerned about their child's eye health?
• What are some of their current frustrations?
• How can we build trust with customers?
• How can we better connect users with optometrists?

Synthesis & Analysis
To better understand the user, we did personas, customer journey maps and a storyboard. During the synthesis of our findings, I recognised some common pain paints users experienced when it comes to wanting to know the eye health of their child.

Ideation
We came up with numerous concept sketches for the eyewear as well as wireframes for the UI. This is to explore on how to streamline the process, provide users clarity in instructions and build trust throughout the process.
Solutions
& Final Concept
Introducing Smazy. A smart glass with Bluetooth + Sensor integrated into the glasses frame. Charging port to charge the glasses.
‍
• Touch Sensor ⎯ To turn on and off the smart glasses
• Tilt sensor & Matrix sensor ⎯ To track the child’s posture (measure time for near vision task, distance and angle)
• Customisable Light Feedback (Blinking/Laser Point) ⎯ To remind the child to have correct posture. Child is able to choose different colours for different feedbacks
• Bluetooth ⎯ To transfer data collect from the sensors to the app
• Vibration ⎯ A reminder to charge the smart glasses


Lo-Fi Wireframe
After reviewing the UI sketches, I translated the ideas into lo-fi wirframes. I came up with a clickable prototype for validation testing and gathered feeback from users on how to better improve on the experience.
‍
‍
Hi-Fi Wireframe
After validating the lo-fi prototype and making several iterations, we moved to the hi-fi phase.

Clickable UI Prototype Below:
Smazy prototype here!
‍



Validate
What I Learnt
• Always remember to take photos. It is easier to refer back and document the processes you have already made.
• The simpler, the better. Taking into consideration the overall experience of the user is the utmost importance as a designer. Less is more.
• Think from different users' perspectives. I learnt to be more empathetic and explain my design in an easy and digestable way.
© 2022 NADIA AB LATIF. ALL RIGHTS RESERVED.
BUY ME A COFFEE ☕️DRIBBBLEMEDIUMLINKEDIN