SightUP

UX

Mobile App

UI

Summary

SightUP is a comprehensive vision care mobile app designed to simplify eye health management. It offers a personalized daily eye care routine, helping users stay consistent with their eye health practices. With customizable eye exercises tailored to each user’s specific needs, SightUP also includes easy-to-follow vision tests that suggest optimal check-up intervals, along with detailed vision tracking features, allowing users to incorporate clinical prescriptions and monitor changes in eyesight over time.

Link

https://sightup.ca/

Members

Lead UI/UX Designer: Yuriko Kikuchi
Project Manager, 

UI/UX Designer: Moon Young Lee
Product Designer: Izabela Nadu
UI/UX Designer: TzeXuan Yap

Project Manager, Lead Developer: Rafael Ferreira
Full Stack Developer: Cecilia Lopez
Full Stack Developer: Sidney Kai

Duration

13 weeks (Sep - December 2024)

Skills

UX Research, Wireframe, UI/UX Design

Design Tool

Figma, Illustrator, Photoshop

Contribution

  • Led End-to-End UI/UX Design

  • Developed a Scalable Design System

  • Enhanced Usability Through Testing

  • Designed Personalized Onboarding, Prescriptions, and Account, and co-designed Home.

  • Collaborated Cross-Functionally

Initial Thinking

When considering an at-home vision test, we identified a more critical issue—detecting amblyopia (lazy eye) in children at an early stage. This led us to explore the development of an app that simplifies vision screening for parents and caregivers.

Potential Target Users

  • Parents concerned about their child’s vision

  • Adults who need to monitor vision changes for driving, work, or daily life

  • Individuals who wear corrective lenses and require regular checkups

Research Methods

  • Competitive analysis

  • User interviews

Competitive Analysis

Several apps are currently available that focus on eye health and vision enhancement. Key competitors include Eye Testing | Eye Care App, LooC, and Eye Exercises and Vision Test. These apps provide users with tools to assess their vision, perform eye exercises, and track progress, offering solutions to improve overall eye care and well-being.

User interviews

User interviews with a diverse range of participants, regardless of whether they used vision correction, to understand different perspectives on eye health and vision monitoring

Findings

  • The early detection of vision issues, especially in children, is difficult with standard tests.

  • Many users are more concerned about overall eye health rather than just checking their vision.

  • Eye health is often overlooked compared to general physical health.

  • There is a lack of awareness about effective eye care methods.

  • Increased screen time has heightened concerns about eye strain and long-term vision health.

Problem

Despite the growing need for eye care solutions, many people lack accessible tools to track and maintain their vision health. Traditional eye exams require clinic visits, and there is limited awareness of preventive eye care practices. Additionally, users seek a convenient way to monitor vision changes and manage eyewear updates without frequent doctor visits.

Solutions

Daily Eye Health Hub

A daily check-in system that encourages users to monitor their eye condition, making eye health awareness a habit. Personalized recommendations, wellness tips, and lifestyle tracking support proactive vision care.

Eye Exercises

Guided activities designed to alleviate eye strain, improve focus, and promote relaxation. Exercises are tailored based on user-reported symptoms and daily habits, making them easy to integrate into routines.

Vision Tests

At-home interactive tests for visual acuity and astigmatism with intuitive step-by-step guidance. Results are visually compared to past records, helping users understand changes and determine if a clinic visit is necessary.

Vision History Tracker

A centralized system for logging vision test results, prescriptions, and eyewear details. Users receive notifications when it’s time to update their eyewear or seek professional consultation.

Persona

Developed detailed user personas based on research insights, representing different demographics, vision conditions, and digital habits to guide design decisions.

User Flow

By organizing user journeys and information architecture for each feature, we created an intuitive flow that seamlessly connects functionalities, ensuring a smooth user experience. Additionally, to complete the implementation within a limited timeframe, we shared the feature designs with the development team at an early stage.

Wireframe

As our design team consists of four designers, to ensure design consistency, we created low-fidelity wireframes to prototype core functionalities and validate the structure before moving on to detailed mockups.

  • Onboarding

    Gathering basic profile information and preferences during onboarding to create a personalized experience, while also offering a guest mode for quick app exploration.

  • Home

    Encouraging regular eye condition check-ins, providing tailored daily exercises and wellness tips to support users' vision health journey.

  • Exercise

    Offering filters to search by conditions, easy-to-follow exercises enhanced by animations, and opportunities to collaborate with friends, helping to spread the app’s reach.

  • Vision Test

    Offering interactive at-home vision tests guided with clear step-by-step instructions and visually-driven results compared with overall visual performance to established scales.

  • Prescriptions

    Storing and tracking eyewear prescriptions, users can easily access historical data, enabling personalized eye exam recommendations and timely suggestions for eyewear prescription updates.

User Test

Conducted usability testing with individuals across various vision conditions, gathering feedback on navigation clarity, test accuracy, and overall engagement.

Hi-Fidelity

Translated wireframes into visually polished screens, ensuring a clean and modern aesthetic with accessibility in mind.

  • Onboarding

    Engaging tutorials will facilitate learning, while a minimalist design will maximize efficiency.

  • Home

    An intuitive design that uses clear categorization, daily activity tracking, and emojis to create a user-friendly experience.

  • Exercise

    Visually stunning animations that make working out fun and engaging.

  • Vision Test

    Designed with accessibility in mind, an intuitive interface that utilizes simple colour variations to guide users, even without corrective eyewear.

  • Prescriptions

    A design that avoids unnecessary elements to ensure that the prescription is easy to understand.

Design System

Established a scalable design system with consistent typography, color schemes, and UI patterns to maintain coherence across the app.

UI Kits & Components

Created a comprehensive UI kit, including buttons, form elements, modals, and interactive components.
Standardized reusable components to maintain design consistency across all features.

Takeaways

If I had more time…

  • Deeper User Testing: Conduct more extensive usability testing across different demographics, including children and elderly users, to refine interactions and accessibility further.

  • Advanced Vision Analysis: Explore AI-driven vision analysis to provide more personalized insights based on users' test results.

  • Enhanced Gamification: Implement engaging incentives like streak tracking or rewards to encourage consistent eye health monitoring.

  • Integration with Eye Clinics: Develop features for users to share their vision records directly with eye care professionals for better long-term tracking.

  • Eyewear Shopping & Doctor Appointments: Enable users to purchase eyewear based on their prescriptions and conveniently book appointments with eye doctors within the app.

Copyright © 2024 Yuriko Kikuchi. All rights reserved.