ONE HEALTH
One Health, a mobile-first website, was created to provide a place where users can manage their health needs in a centralized health portal.
Project: End-to end Responsive Mobile Design
Timeline: 3 months
Role: Sole designer- Research, UX/UI, Branding, Prototyping, Testing
PROBLEM
Personal health is something that affects all of us in one shape or form. Managing one’s health or a loved one’s health can oftentimes be overwhelming. How can we help people to better manage their health so that preventative care and leading healthier lives would be a priority?
CONDUCTING RESEARCH
COMPETITIVE ANALYSIS
Taking a closer look at popular health apps, assessing strengths and weaknesses of potential competitors.
USER INTERVIEWS
Five interviews were conducted: 3 in- person interviews and 2 telephonic interviews
Insights:
2 of 5 interviewees state that having a single platform specific to their insurance plan to track all health needs has been very convenient
1 of 5 interviewees states that she wishes there was a single platform she could use to manage health needs
2 of 5 interviewees express frustration in finding medical appointments
5 of 5 interviewees are keeping track of their health in some way
AFFINITY MAP
Concept of personal health played a role in all interviewees’ their day to day lives.
Difficulties of managing appointments from different providers as well as the frustrations that came with finding appointments that were available close in time.
Being a part of a health plan where users can manage all of their health concerns in one platform, alleviated a lot of stress regarding managing their health due to the streamlined process.
Some interviewees prioritize fitness goals while others prioritize managing chronic health conditions.
USER PERSONAS
After gathering and synthesizing research, three user personas were created.
Creating a Solution: Ideation
How might we reduce the stress people are experiencing while working with multiple different providers and specialists?
Product Features
Chose to focus on three main features
-Creating a user account
-Document Center: Uploading and Viewing documents
-Appointment Finder: Searching for appointments
User Flows
Low Fidelity Wireframes
VISUAL DESIGN AND BRANDING
The primary color green was chosen as it represents life, vitality, health. I chose a monochromatic color palette to create a simple aesthetic
The name of the product, One Health, was chosen to represent a singular platform for users to manage their various health needs.
The logo was created to include a symbol that is an homage to the medical cross, a symbol of health and healing in medicine.
A sans serif font, Roboto Regular, was chosen to support the simple aesthetic of the brand.
High-Fidelity Wireframes
TESTING & REVISIONS
Usability Testing
Who? Total of 6 participants ranging from ages 30-35.
What? Participants were asked to complete 4 tasks
Task 1: Please Create an Account with One Health
Task 2: Upload an image in the Document Center and label it "X-Ray Dental".
Task 3: View a document "X-Ray Dental"
Task 4: Search for an appointment with a Primary Care Provider and make an appointment with Dr. Doe at 9:00 on June 25, 2024.
Measuring Success
Successful completion of the task vs. Unsuccessful completion of task
All tasks had 100% Success Rate
Error:
Task 1: 37% Misclicks
Task 2: 18% Misclicks
Task 3: 23% Misclicks
Task 4: 48% Misclicks
Time to completion of tasks
Task 1: 18 secs average time to completion
Task 2: 33 secs average time to completion
Task 3: 20 secs average time to completion
Task 4: 34 secs average time to completion
Feedback from the user if completing a task takes a long time or is confusing. Participants reactions to completing tasks and any feedback.
h