Project Overview
UX Research and App Design
Frame Seeker is a mobile application designed to transform the online eyewear shopping experience. By leveraging smartphone camera technology, the app accurately measures users’ facial dimensions, providing personalized frame recommendations and eliminating the uncertainty of fit when purchasing glasses online.
Project Details
Project Type: App Design
Role: UX Designer & Researcher
Tools Used: Adobe XD, User Surveys, Interviews
Timeline: 3 Months
Team: Solo Project
Problem Statement
The primary challenge in online eyewear shopping is ensuring proper fit and lens positioning without the ability to try on frames in person. This uncertainty often leads to hesitation in purchasing and high return rates.
Goals
Develop a feature that allows users to take accurate facial measurements using their smartphone camera Provide personalized frame recommendations based on these measurements Simplify the prescription entry process Create an intuitive and engaging user experience for both tech-savvy and less confident users.
Target Audience
Age: 20-60 Tech Skills: Varies from tech-savvy to less confident users Demographic: Cost-conscious individuals seeking affordable eyewear options online
User Research
I conducted extensive user surveys and interviews to understand the pain points of online eyewear shopping. Key findings included:
- 65% of users experienced sizing issues when purchasing glasses online
- Users expressed frustration with the inability to try on frames before buying
- Many relied heavily on customer reviews to understand fit and feel
Personas
Heather, 28 years old: A tech-savvy user looking for cost-effective eyewear solutions. She values efficiency and is comfortable with digital tools.
Karen, 43 years old: A mother shopping for her family’s eyewear needs. She seeks confidence in her purchases and appreciates guidance through the process.
Design Process
1. User Flow and Wireframes
- Designed a simple, guided user flow ensuring easy navigation for users of all tech comfort levels
- Created initial wireframes mapping out critical features like “Take Measurements” and “Submit Photo”
2. Prototype Development
- Developed a prototype focusing on the key features:
- Facial measurement using smartphone camera
- Personalized frame recommendations
- Easy prescription entry
- Family account integration for managing multiple profiles
3. Visual Design
- Implemented a clean, modern interface with a focus on simplicity and ease of use
- Used a color palette that conveys trust and professionalism
4. Usability Testing
- Conducted usability testing to ensure features were intuitive and easy to navigate
- Gathered feedback on the measurement process, frame selection, and overall user experience
5. Iteration and Refinement
- Refined the measurement process based on user feedback
- Enhanced the family account feature to allow easy management of multiple profiles
- Improved the visualization of frame recommendations
Key Features
- Accurate Facial Measurements: Uses smartphone camera to capture precise facial dimensions
- Personalized Frame Recommendations: Suggests frames based on individual measurements and preferences
- Virtual Try-On: Allows users to see how frames look on their face using AR technology
- Family Account Management: Enables users to manage eyewear needs for multiple family members
- Simplified Prescription Entry: Streamlines the process of inputting and verifying prescription details
Outcome and Learnings
Frame Seeker successfully addressed the main pain points of online eyewear shopping:
- Challenges: Ensuring accurate measurements across various face shapes and camera qualities required extensive testing and refinement.
- Successes: Users reported increased confidence in their online purchases, and the family account feature was particularly well-received.
Next Steps
Integrate with major eyewear retailers for a seamless purchasing experience Develop a web version to complement the mobile app Implement AI-driven style recommendations based on facial features and preferences
Empathetic UX Designer | Crafting Inclusive Digital Experiences That Drive Meaningful Impact
Kellyn von Arx © 2022. All rights reserved.