PART 1
About
RocDoc
My...
RocDoc is a mobile app that aims to help students easily find the doctors best suit to their needs in the Rochester area.
Role
UX Researcher
Interaction Designer
Visual UI Designer
UX Designer
Methods
Interviews
Rapid Prototyping
Usability Testing
Deliverables
UX Documentation
Motion prototype
Software
Photoshop
Illustrator
Indesign
After Effects
PART 2
Research
Competitive Analysis
Strategies, designs, user experiences of existing
doctor find apps are compared and evaluated to
determine their strengths and weaknesses relative
to those of Rocdoc app.
Strengths
- Relatively high reliability
- Solid user base
- Fully functional search engine
- Multiple interaction platforms
- Sufficient data support
Weakness
- Information overload
- Lack design hierarchy
- Busy imagery
- Confusing navigation
- Readability issue
Target Audience
The target audience is the students at Rochester Institute of Technology. By interviewing 10 RIT students on campus and analyzing two persona, including empathy maps and scenarios, I gained a deeper insight into the target audience. After immersing into different users’ environments by analyzing what they think, feel, hear, say, do and see, better design solutions can be obtained more efficiently.
Interviews Questions:
Basic information (Age, Major, Grade)
What's your solutions when you don't feel well?
How often do you see doctors?
What concerns you the most when you need to see a doctor?
Do you have student health insurance plan?
Have you seen a doctor in Rochester before?
Persona 1
Jane Liu, 20
College Student
Scenarios
Jane Liu is a freshman design student at Rochester Institute of Technology in Rochester, NY. Recently Jane starts suffering from the pain of wisdom tooth growth. Jane could not eat and sleep and she is eager to see a local dentist as soon as possible. She does not have a car so she wants to find a near dental clinic, which can also accept her student health insurance plan.
Empathy Map1
Think & Feel
See
Do I need to pull my tooth?
Where to find a dentist?
Can my insurance cover the fee?
How can I go to the dental clinic?
When is the doctor available?
Infection
Class schedule
Locations of dental clinics
Insurance policy
Doctor's information
Hear
Say & Do
Recommendations of doctors
Recommendations of pain killers
Insurance policy
Solutions for cure infection
Search for dental clinics
Ask for a drive
Check schedule
Check insurance policy
Persona 2
Steven Zhang, 21
College Student
Scenarios
Steven is an international student who just came to Rochester Institute of Technology for the first year graduate school study. Recently he starts to get acnes on his face and neck. He is very anxious and eager to see a dermatologist to get proper treatment.
Empathy Map2
Think & Feel
See
Why do I get acnes?
Where can I meet a doctor?
What kind of medicines can I get?
Will my insurance cover the cost?
Articles of acne treatment
Class schedule
Locations of clinics
Insurance policy
Experience of other people
Hear
Say & Do
Recommendations of doctors
Insurance policy
Acne treatment
Search for clinics
Ask friends with the same experience
Check schedule
Check insurance policy
Problem Statement
Most of students who first attend RIT are also new to Rochester area. Few of them is familiar with the local medical services such as the locations or contact info of licensed doctors.
Design Objectives
1. Helps in booking appointments with doctors by offering selections
based on specialties, suitable insurance plans, locations and
specific times.
2. Recommends doctors with biographies, specialties and a trust
rating records.
3. Facilitates students' abilities to make selections based on personal
preferences and lets them carry expert advise right in their pockets.
Mobil App Features
- Free
- Easily access
- Quick search
- Location selection
- Specialties selection
- Time preference
- Availability
- Insurance check
- Online Appointment
- Professional information
- Contact information
- Insurance information
- Appointment history
- Rating doctors
PART 3
Process
User flow
Create application logic and define features and functions
Wireframes
Wireframe prototype were sketched rapidly for defining the hierarchy of items, consistency as well as the overview of UX and navigation. User testing were conducted at this stage.
User test
The goal was to get feedback from users for the navigation, structures,
features, usability and contents. Few students were tested the wireframe
prototype on Invision and filled the user testing forms.
Questiions
User feedback
Strength
1. Clean look, navy color provides a calm and sanitary feeling
2. Love the time selection circle, easy and effective
3. Consistent icon set, neat and elegant
4. Easy to navigate, every steps are easy and smooth
Weakness
1. Outline of the icons are light, hard to read
2. Can't clear multiple options on filter page at one time
3. Saved doctors is in 'notification', which is hard to find
4. Would be better if there is a calendar on history page
Modify
Several changes were made based on user testing results.
There is a summary list of designs that had been adjusted.
1. Increase stroke of icons
2. Add reset on filter page
3. Move 'saved doctors' to profile
4. Add calendar on history page
User test
The goal was to get feedback from users for the navigation, structures,
features, usability and contents. Few students were tested the wireframe
prototype on Invision and filled the user testing forms.
Questiions
User feedback
Strength
1. Clean look, navy color provides a calm and sanitary feeling
2. Love the time selection circle, easy and effective
3. Consistent icon set, neat and elegant
4. Easy to navigate, every steps are easy and smooth
Weakness
1. Outline of the icons are light, hard to read
2. Can't clear multiple options on filter page at one time
3. Saved doctors is in 'notification', which is hard to find
4. Would be better if there is a calendar on history page
Modify
Several changes were made based on user testing results.
There is a summary list of designs that had been adjusted.
1. Increase stroke of icons
2. Add reset on filter page
3. Move 'saved doctors' to profile
4. Add calendar on history page
PART 4
Design
Typography & color
# 3a67ae
# faa222
# dcdbdb
Icon set
Search
Search specialties, insurance, time and location
Search results
Doctor list, map, filters
Profile & Settings
Add school and insurance plan
Upload health history
Login screen
Sign up screen
Select available date & time
Doctor's profile
Location, call, make new appointments
More information about the doctors
© All Copyrights Reserved by Hui Xu
PART 1
About
MOBILE APPLICATION DESIGN
RocDoc is a mobile app for students in Rochester,
NY that aims to help them easily find the doctor best suited to their needs in the Rochester area. It helps
in booking appointments with doctors by offering selections based on specialties, suitable insurance plans, locations and specific times. It recommends doctors with biographies, specialties and a trust
rating records. It facilitates students' abilities to make selections based on personal preferences and lets them carry expert advise right in their pockets.
PART 2
Research
Competitive Analysis
Strategies, designs, user experiences of existing doctor find apps are compared and evaluated to determine their strengths and weaknesses relative to those of Rocdoc app.
Strengths
Weakness
- Relatively high reliability
- Solid user base
- Fully functional search engine
- Multiple interaction platforms
- Sufficient data support
- Information overload
- Lack design hierarchy
- Busy imagery
- Confusing navigation
- Readability issue
Target Audience
The target audience is the students at Rochester Institute of Technology. By interviewing 10 RIT students on campus and analyzing two persona, including empathy maps and scenarios, I gained a deeper insight into the target audience. After immersing into different users’ environments by analyzing what they think, feel, hear, say, do and see, better design solutions can be obtained more efficiently.
Interviews Questions:
Basic information (Age, Major, Grade)
What's your solutions when you don't feel well?
How often do you see doctors?
What concerns you the most when you need to see a doctor?
Do you have student health insurance plan?
Have you seen a doctor in Rochester before?
Persona1
Jane Liu, 20
College Student
Scenarios
Jane Liu is a freshman design student at Rochester Institute
of Technology in Rochester, NY. Recently Jane starts suffering from the pain of wisdom tooth growth. Jane could not eat and sleep and she is eager to see a local dentist as soon as possible. She does not have a car so she wants to find a near dental clinic, which can also accept her student health insurance plan.
Empathy Map1
Think & Feel
See
Do I need to pull my tooth?
Where to find a dentist?
Can my insurance cover the fee?
How can I go to the dental clinic?
When is the doctor available?
Infection
Class schedule
Locations of dental clinics
Insurance policy
Doctor's information
Hear
Say & Do
Recommendations of doctors
Recommendations of pain killers
Insurance policy
Solutions for cure infection
Search for dental clinics
Ask for a drive
Check schedule
Check insurance policy
Persona2
Steven Zhang, 21
College Student
Scenarios
Steven is an international student who just came to Rochester Institute of Technology for the first year graduate school study. Recently he starts to get acnes on his face and neck. He is very anxious and eager to see a dermatologist to get proper treatment.
Empathy Map2
Think & Feel
Why do I get acnes?
Where can I meet
a doctor?
What kind of medicines can I get?
Will my insurance cover the cost?
Hear
Recommendations
of doctors
Insurance policy
Acne treatment
See
Articles of acne treatment
Class schedule
Locations of clinics
Insurance policy
Experience of
other people
Say & Do
Search for clinics
Ask friends with the
same experience
Check schedule
Check insurance policy
Problem Statement
Most of students who first attend RIT are also new to Rochester area. Few of them is familiar with the local medical services such as the locations or contact info of licensed doctors.
Design Objectives
1. Helps in booking appointments with doctors by offering selections based on specialties, suitable insurance plans, locations and specific times.
2. Recommends doctors with biographies, specialties and a trust rating records.
3. Facilitates students' abilities to make selections based on personal preferences and lets them carry expert advise right in their pockets.
Mobil App Features
- Free
- Easily access
- Quick search
- Location selection
- Specialties selection
- Time preference
- Availability
- Insurance check
- Online Appointment
- Professional information
- Contact information
- Insurance information
- Appointment history
- Rating doctors
PART 3
Process
User flow
Create application logic and define features and functions
Sketches
Wireframes
High fidelity wireframes are used
to define the hierarchy of items on a screen as well as the overview of UX and navigation.
User test
The goal was to get feedback from users for the navigation, structures, features, usability and contents. Few students were tested the wireframe prototype on Invision and filled the user testing forms.
Questions
User feedback
Weakness
1. Outline of the icons are light, hard to read
2. Can't clear multiple options on filter page at one time
3. Saved doctors is in 'notification', which is hard to find
4. Would be better if there is a calendar on history page
Strength
1. Clean look, navy color provides a calm and sanitary feeling
2. Love the time selection circle, easy and effective
3. Consistent icon set, neat and elegant
4. Easy to navigate, every steps are easy and smooth
Modify
Several changes were made based on user testing results. There is a summary list of designs that had been adjusted.
1. Increase stroke of icons
2. Add reset on filter page
3. Move 'saved doctors' to profile
4. Add calendar on history page
PART 4
Design
Typography & color
# 3a67ae
# faa222
# dcdbdb
Icon set
Search
Search specialties, insurance, time and location
Search results
Doctor list, map, filters
Profile & Settings
Add school and insurance plan
Upload health history
Sign up screen
Login screen
Select available date & time
Filters
Gender, distance, features, insurance, rating
Doctor's profile
Location, call, make new appointments
More information about the doctors