Insight Optics

Designed a web app for doctors to upload and review eye exam images, with integrated AI to assist in analysis and streamline specialist feedback.

About

UX Internship

My Role

UX Designer

Time

3 months full time

Tools

Figma
Chat GPT
Google Meet

The Background Story

Insight Optics emerged to address the need for better access to early retinal screenings, which can prevent blindness. Many primary care providers lack the tools to offer these screenings, leading to missed opportunities for early detection.

What is Insight Optics?

Insight Optics enables primary care providers to record retinal exams with their existing equipment and easily refer patients to specialists.

Design Process

Discovery
1

Understanding User Needs
2

Ideation
3

Prototype
4

Design thinking is not a linear process, and any stage can feed back to another e.g. after user testing, I often go back to prototyping based on insights

Reflection
7

UI Design
6

UI Design
5

1

Discovery

Interviews

Survey Goals

Goal 1

Documenting user pain points in the current interface

Goal 2

To determine what features and content are important to users

Goal 3

Collecting information on how users prefer to input medical data

Interview

I conducted an interview with a specialist to understand more about doctor’s pain points in using the current interface and their preferences towards fixing them.

Pain Points

Too much typing involved after analyzing eye exams
Exam page disorganized and chaotic
Buttons on charts too close together
Two navigational menus made it confusing to get around
Notes for exam findings too far from the actual exam images
Outdated look and hard to read text layouts

Feeling

Optional premade diagnosis options for exam findings text entry
Exam notes on the right of the exam video
Having exam images AI picked out at the top instead of the video since that’s what they’re actually reading
Patient medical information at the top of the exam pages

2

Understanding 

User 

Needs

User Persona
Mental Models
User Flow

User Personas

Angela Richardson
Age
30
Education
MD
Status
Married
Occupation
Primary Care Physician
Location
Texas, USA
TEch  Literacy
High
I need tools that fit into my workflow seamlessly, so I can screen patients without adding extra steps
Neurotype
Analytical
Planner

Bio

Sarah is a primary care physician in Austin, Texas. Her busy schedule makes it difficult to refer patients to specialists for eye exams. She is tech-savvy and values efficiency in patient care. Sarah wants to provide on-the-spot screenings using familiar equipment.

Core needs

Perform eye exams within patient appointments

Efficiently upload exams to specialists for review

Receive feedback on usability to ensure accurate results

Frustrations

Delays in patient follow-ups due to specialist availability

Missed screenings without the right tools

Challenges in integrating new tools with her workflow

Platform

Website
Mobile App
Dr. Michael Green
Age
45
Education
MD
Status
Divorced
Occupation
Opthamologist
Location
NYC, USA
TEch  Literacy
Medium
The faster I can review and annotate exams, the more patients I can help without compromising quality
Neurotype
Introvert
Thinker

Bio

Michael is an ophthalmologist in New York City. He receives a high volume of referrals but struggles with exam annotations on multiple platforms. He looks for tools that streamline the review process with detailed exam data.

Core needs

View and annotate exams efficiently

Receive notifications for new exams

Access stitched retinal images for easier analysis

Frustrations

Time-consuming manual reviews

Fragmented patient data across systems

Limited communication with PCPs about follow-ups

Platform

Website
Mobile App

Mental Model- Primary Care

Opportunities:
Dr. Sarah Patel
Age: 38
Location: Texas, USA
Occupation: Primary Care Physician
Scenario:
Incorporating Retinal Screenings into Routine Appointments
Phase:
Onboarding and Setup
Performing Screenings
Managing Follows- Ups
Tasks:
Install and learn the app
Learn to use OptoView System™
Conduct exams during visits
Ensure image quality
Send feedback to PCPs
Coordinate patient follow-ups
Track reviewed exams for records
Thoughts:
"I need this to fit into my practice smoothly."
“I love that the device hooks up to an iphone for easy use”
“I’m glad we were able to fix the misunderstanding, but how can we prevent future ones”
Emotions:
Hopeful
Curious
Focused
Determined
Supported
Relaxed
Opportunities:
Clear setup instructions
Simple staff onboarding
Easy sign up
Image quality feedback
Quick submission notifications
Timely specialist feedback
Clear follow-up tracking tools

Mental Model- Specialist

Opportunities:
Dr. Michael Green
Age: 45
Location: NYC, USA
Occupation: Opthamologist
Scenario:
Managing a High Volume of Retinal Exams Efficiently
Phase:
Receiving Exams
Reviewing and Annotating
Communicating and Follow-Up
Tasks:
Get notified of new exams
View stitched retinal images
Organize and prioritize reviews
Annotate videos and images quickly
Extract relevant information
Provide detailed feedback
Send feedback to PCPs
Coordinate patient follow-ups
Track reviewed exams for records
Thoughts:
"We need smooth communication with PCPs."
“I wish the notes input were closer to the images”
“We’re learning and adjusting together it’s ok to not get everything right the first time”
Emotions:
Disorganized
Stressed
Pressured
Focused
Thoughtful
Frustrated
Tired
Relieved
Opportunities:
Clear notifications and exam overview
Exam sorting by urgency
Streamlined annotation tools
Premade diagnosis options for quick annotations
Better organization of exams pages
Send notifications to PCPs when exam is analyzed
Clear organization of reviewed vs unreviewed exams

Dr. Green User Flow

Bio-

Age: 45
Occupation: Opthamologist
Location: NYC, USA

Scenario:

Dr. Green needs to review patient retinal exams efficiently to deliver timely diagnoses. He prefers tools that allow quick access to key images and annotations, helping him keep up with his workload without compromising quality.

Task Analysis:

What prompts Michael to begin the task?
He receives a notification about a new retinal exam to review.
What tells him the task is finished?
Submitting the review and feedback to the primary care provider (PCP).
What information does he already know?
He knows how to access assigned exams and navigate the app.
What additional information does he need?
How to annotate effectively and confirm submission.
What tools does he need?
His computer, internet access, and Optoview login credentials.
Entry Point: Login/Sign Up
Success Criteria: The annotated review is successfully submitted, and PCP receives confirmation.

Task Analysis:

  1. Log in to the Optoview app.
  2. Access new exams from the notification center.
  3. View the stitched retinal images.
  4. Annotate key areas in the exam.
  5. Submit the annotated review.
  6. Confirm the submission is successful.

3

Ideation

Information Architecture
Interviews

Information Architecture

After gathering requirements from the design brief, along with insights from user research conducted through an interview. I developed a list of key app features. These features were then grouped and structured into a site map.

Exams
Exams
AI Image
Selector
Patients
Exams
Exams
Exams
Inviting
Colleagues
Profile

Site Map of Insight Optics App

4

Prototype

Low-Fidelity
Mid-Fidelity

Low-Fidelity Wireframes

Task Flow - Review Eye Exam

Mid-Fidelity Wireframes

Task Flow - Import Patients

5

UI 

Design

UI Style Guides
Final Screens
Prototype

Final Screens

Sign Up

Final Screens

Review Eye Exam

Final Screens

Import Patients

Final Screens

Invite a Colleague

Final Screens

Review Eye Exam

Clickable Prototype

Typography
Heading 1
Asap, SemiBold 67px
Heading 2
Asap, SemiBold 48px
Heading 3
Asap, SemiBold 36px
Heading 4
Asap,  SemiBold 24px
Body Copy
Nesciunt minima sunt excepturi eveniet rerum doloremque. Odio laudantium illum voluptatem est quo nihil saepe minus exercitationem. Aut nisi quasi est aliquam qui dolor id voluptatem. Suscipit dolorem est fuga deserunt magni quia. Quia dicta voluptas nesciunt in inventore quaerat consequatur.
Open Sans, Regular, 18px
Iconography
40px
40px
Standard icon size is 40 x 40 px

UI Style Guide

Navigation Bar

Footer

Pills

22px + Text + 22px
No microaneurysms
34px

Active pill- selected
Horizontal padding- 22px
Vertical padding- 9px
Stroke- 1px
Text- Lora, Regular, 16px

25px + Text + 25px
Microaneurysms
34px

Inactive pill- deselected
Horizontal padding- 22px
Vertical padding- 9px
Stroke- 1px
Text- Lora, Regular, 16px

18px + Text + 18px
Digital Pathology
34px

Active Filter pill- selected
Horizontal padding- 22px
Vertical padding- 9px
Stroke- 1px
Text- Lora, Regular, 16px

18px + Text + 18px
Digital Pathology
34px

Inactive Filter pill- deselected
Horizontal padding- 22px
Vertical padding- 9px
Text- Lora, Regular, 16px

Search Bar

Search....
30px

Buttons

Button 1
Variants
Property: Default
187px
54px
#50BFED
8
100%
Send Invitation

Primary button
Horizontal padding- 25px
Vertical padding- 17px
Text- Poppins, Semibold, 18px

Button 1
Variants
Property: Default
187px
54px
#94BDD1
8
100%
Send Invitation

Primary button
Horizontal padding- 25px
Vertical padding- 17px
Text- Poppins, Semibold, 18px

Button 2
Variants
Property: Default
187px
54px
#50BFED
8
100%
Invite More

Secondary button
Horizontal padding- 25px
Vertical padding- 17px
Text- Poppins, Semibold, 18px

Button 1
Variants
Property: Default
187px
54px
#94BDD1
8
100%
Invite More

Primary button
Horizontal padding- 25px
Vertical padding- 17px
Text- Poppins, Semibold, 18px

6

Reflections

Lessons Learned

Lessons Learned

As my first UX/UI project, I encountered many foundational learning moments:
Balancing Asthetics and Functionality


Simplified a multi-layered structure with dynamic filters to improve navigation without clutter.

Navigating Limited Research Access

Developed a customizable dashboard for a clean, user-friendly experience with personalized options based on data from user interviews

Streamlined Input for Efficiency

Used card sorting to clarify where users expected features, creating a more intuitive layout.

Advocating for User Needs

Learned that gathering feedback from real users through interviews and testing is essential to shaping a user-centered design that meets actual needs.