MY ROLE

Self-directed as UX/UI designer, with guidance from course mentor

duration

80 hours

Design TEAM

Matt Farley, mentor

TOOLS

Sketch, Whimsical, Invision, Marvel, Maze

New Features to an existing iOS based health app

K HEALTH

K Health is a completely data-driven health app with AI and machine learning capabilities that aim to help people obtain reliable answers to personal healthcare questions. Their mission is "to use the power of shared knowledge to get everyone access to better, affordable healthcare."

*This is a speculative project and I am not affiliated with K Health.

THE PROBLEM

As a growing medical app, K Health is always looking for new innovative ways to provide reliable, affordable, and personalized healthcare. Designed for users to obtain answers for quick healthcare questions, there was a lack of member engagement and was limited to one member per account. For this project, we focused on: How might we increase member engagement and provide a more personalized and inclusive healthcare management for its users and their loved ones?

VIEW PROTOTYPE

RESEARCH

COMPETITIVE ANALYSIS

For this project, I conducted a competitive analysis of some of K Health's key competitors as one of the top medical apps available and found that:

  • Though most of the apps do a great job with organizing information and helping people get information, they lack personalization
  • Those that have medication reminders, do not allow you to track other health metrics like blood pressure or glucose
  • Those that have health metrics embedded in their do not help their users understand what their numbers mean
  • Not many support multiple member profiles in their app

Although most of the apps do a great job with organizing information and helping patients get information, many lack personalization and do not allow patients to track other health metrics. Those that do, do not help the users understand the significance of their metrics.

According to the Center of Disease Control and Prevention (CDC), in 2018, nearly half a million deaths in the United States included blood pressure (hypertension) as a primary or contributing cause.

Based on the information gathered from the competitive analysis, I looked into the types of health metrics tracking that would benefit K Health patients: blood pressure, glucose levels, and BMI were amongst the top metrics. For this project, I decided to focus on blood pressure (hypertension).

Why monitoring blood pressure matters?

  • 610,000 people die of heart disease every year which accounts for 1 in every 4 deaths
  • 108 Million people have high blood pressure and only 24% have it under control
  • High blood pressure is a common risk factor for heart disease and stroke which are the 2 leading causes of death in the US
  • High blood pressure is also known as a silent killer
  • To determine if blood pressure medication is working
  • Pregnant women, experiencing pregnancy-induced hypertension and/or preeclampsia

*Statistical information taken from the American Heart Association and the Center of Disease Control and Prevention

USER INTERVIEWS

To understand patient/caretaker behavior and motivation, a survey was conducted with 12 participants who tracked their blood pressure and/or is a caretaker who tracks for someone else. From the 12 surveyed, 2 were available for an extended interview.

KEY FINDINGS

  • ​Top 3 features users look for in a health app include: ability to add multiple profiles, tracking health metrics, and setting reminders
  • 12 out of 12 stated that they have difficulty remembering to measure their blood pressure
  • 10 out of 12 would like an explanation of their blood pressure measurements
  • Users want an easy way to track health metrics such as blood pressure and to understand what the numbers mean
  • Interested in ability to track notes such as possible causes for increase or decrease in blood pressure
  • Share their information with their healthcare provider

DEFINE

PERSONA & EMPATHY MAPS

Using the information gathered from the competitive analysis, surveys, and interviews - the persona, Tyler Smith was created to reflect the type of user that would mostly likely benefit from the new added features: blood pressure log and multiple member profiles. An empathy map was created to understand who Tyler and his motivation to lead a healthier life as a father, a son, a caretaker, and a patient.

TYLER SMITH

USER JOURNEY

A user journey map was then created to dive deeper into Tyler's life and how K Health's added new features will affect him and his family. The journey begins with Tyler's awareness of the K Health app, then his journey logging in his blood pressure and monitoring his mother's vitals.

INTERACTION DESIGN

INFORMATION ARCHITECTURE

Using the information gathered from competitive analysis, surveys, interviews, and Tyler Smith (the persona) K Health's app map was redesigned to define the new features' information architecture while maintaining the current IA.

USER FLOW

With the information architecture mapped out a user flow (derived from a task flow) based on Tyler and his journey navigating through K Health.

USER INTERFACE DESIGN

WIREFRAMES

With the information architecture and user flow defined, I sketched a few screen designs:

LO-FI WIREFRAMES

HI-FI WIREFRAMES

As this was already an existing app, I went ahead and used the existing design design to create Hi-Fidelity Wireframes and some new UI addition.

UI ADDITIONS

With the new features, there were some new UI designs created such as new info cards, blood pressure graph, and icons.

PROTOTYPING & TESTING

TESTING

Usability testing was conducted using 3 methods:

  • In-person moderated: 1 participant navigated through prototype with instructions on Marvel
  • Remote moderated: 3 participants navigated through prototype with instructions on Marvel
  • Remote unmoderated: 10 participants navigated through prototype with no instructions through Maze

Involving the same 3 tasks:

  • Create a profile for mom (Elaine)
  • Record her blood pressure for the first time through her profile on your account
  • Record blood pressure using K Health's AI symptom tracker

RESULTS

After user testing, I plotted the findings on an affinity map and uncovered some key findings that would aid in iterations such as placement hierarchy and icon replacement.

QUICK WINS ITERATIONS

In both moderated and unmoderated usability testing I found that participants who were not familiar with the app would tap on all the icons before tapping on”Me” to access medical profiles. One participant commented that they didn’t even think to tap on ”Me” first because of the other icons on the other corners (which was in the original design). Most had tapped on the hamburger menu first then worked their way around before finally tapping on “Me”. To make it more obvious, in version 2, I replaced ”Me” with a profile icon.

When creating a new profile, participants did take a little longer to tap on the words “+ Add”. For version 2, I created a card for easier access.

REFLECTION

WHAT I LEARNED

  • Working within an existing design system - since the visual design was already set, I was able to focus on other aspects
  • Consistency is key for user learnability and accessibility as new features are added
  • Imagery > words - although there were key words to help guide the users such as "add" to create a new profile, imagery is a much more powerful tool when encouraging users to use different features
  • Differences between native & web design in terms of interaction
  • Difference between working with a medical mobile app as a patient/user vs as a healthcare provider on electronic medical records (EMR) systems such as epic or e-clinical works

NEXT STEPS:

  • Test new iterations with previous participants
  • Conduct A/B testing with new participants
  • Introduction and research on gamification to encourage users to user app daily
  • Iterate, test, and repeat!