Discover Phase

The first phase of my design thinking process is to discover as much about the task as possible. I start every project focusing on understanding the root problem, the market I am competing in, and who my users are. This thorough research in the beginning helps to form a strong base which in the end will save my team time, money, and resources.

Competitive Analysis

Competitors such as My Chart and FollowMyHealth connect with institutions, allowing users to receive test results, view/schedule appointments, and access health finance information.
WebMD and FitBit offer features allowing users to track their health info but are not connected to health institutions.
There is a hole in the market for health and wellness apps that are connected to the user's health institutions AND offer a customizable way to track and monitor health goals.

#1: WebMD

The WebMD app's homescreen, shows articles and their main features.

Key Objectives

One Stop Shop: Users rely on app for typical health articles found on the browser and for scheduling health care appointments.
Education: There is a wealth of information on the app. They have a news and article section with daily content added.
Health Tracking: Opportunity to track medications, symptoms, and allergy alerts.

Swot Analysis

#2: FollowMyHealth

The app FollowMyHealth's sign in screen.

Key Objectives

Messages: Message care providers and keep track of communications.
Health Records: Access health records and test results in app.
Finances: Can access health care billing information and see when insurance has paid.

SWOT Analysis

User Research

Once I was able to identify the competition's strengths and weaknesses, opportunities for a new app emerged that could fill the gap in the market. In order to center my future users in the discussion, I conducted five user interviews with a wide range of age groups and income levels. Each interview lasted 20 minutes and the age range was between 21-60 years old.

Interview Questions

Affinity Mapping

Notable quotes from the interview data were used in an affinity mapping session in order to identify common themes and feelings.

Affinity mapping research, finding care provider, and apps.

Key Takeaways

Scheduling Appointments is Exhausting:
Scheduling appointments is an "impossible task." It's confusing booking in network appointments with availability.
Diet and Exercise is not Prioritized:
Interviewees thought about diet and exercise in order to maintain health but felt overwhelmed by life so they don't prioritize it.
Advertisements Preferred:
‍Interviewees would not pay for an app unless they were able to have a free trial first.They prefer to watch ads instead of paying.
Reminders for Routine Visits:
Interviewees said they weren't sure how often they need routine doctor visits and would like to be reminded.
Tricky Health Insurance:
Interviewees are concerned about the cost of health care and stress over keeping bills in one place.

Ideate Phase

Now that I understand who my users are and what the problem is, I'm ready to begin creating a solution.

User Flows

I wanted to practice empathy by putting myself into the shoes of the user. I thought to myself, how would Brenda create a profile? How would Jack book an appointment in the app? This led me to develop user-flows, two you can view below.

The user flow above demonstrates how users would create and save a profile.

The user flow above demonstrates how users would book an appointment in the app.

Card Sorting

After understanding the potential user flows, I began to construct the information architecture of Thrive. In an effort to center users throughout the design process, I used Optimal Workshop to conduct an unmoderated card sort session with 6 different potential users ages 21-60.

Old Sitemap

New Sitemap

Prototype Phase

During the prototype phase, I created low and mid fidelity screens, the purpose was to create screens quickly in order to make mistakes and changes quickly.

Lofi-Hifi

HomePage

Initial low/mid fidelity prototypes had a cramped home screen so more white spaced was added.
The red theme was changed to green in order to give users a calm and health centered aesthetic.
The final iteration was changed to a darker green to provide a higher contrast for accessibility purposes.

Health Dashboard

Initial designs and iterations used a circle display for upcoming appointments and medications but buttons were small.
I changed the design from circle to rectangle to allow items to stay in the grid but increase in size.
The tab bar was changed from five to four glyphs and style modernized.

Calendar

The calendar design was created modeling standard IoS calendar in order to be easy for users to navigate.
Did not change dramatically from initial design but became clearer with higher contrasting color, bigger text and buttons.

Wellness

Initially, the graph's purpose was confusing.
The contrast was low for text and button sizes were smaller.
The final iteration increased the contrast and size of elements so words and buttons are more legible.

Evaluate

During the evaluation phase, I began to test my hypothesis: was my design offering a solution to the initial problem? I conducted in-person/remote moderated user testing and a preference test using Usability Hub. In addition, I consulted with other designers to gather feedback. Of course, the "final" version has room for improvement and additional user testing has led to fine-tuning the design further.

User Testing

I recorded the user testing so I was able to focus on the users and pay attention to body language. I learned that all participants were able to the complete the tasks but I needed to improve the functionality and accessibility of the app for an even more seamless user experience.

Deliverable

The last iteration of the prototype came after multiple rounds of user testing and feedback. You can access the Figma file below.

View prototype

Let’s talk now!

Product Design

Thrive Health

My Role

Timeline

Overview

The problem

The solution

Design Toolkit

Discover Phase

Competitive Analysis

#1: WebMD

Key Objectives

Swot Analysis

#2: FollowMyHealth

Key Objectives

SWOT Analysis

User Research

Interview Questions

Affinity Mapping

Key Takeaways

Define Phase

User Personas

After conducting user interviews, I created two personas who represent the user's needs, frustrations, and goals.

Ideate Phase

Now that I understand who my users are and what the problem is, I'm ready to begin creating a solution.

User Flows

I wanted to practice empathy by putting myself into the shoes of the user. I thought to myself, how would Brenda create a profile? How would Jack book an appointment in the app? This led me to develop user-flows, two you can view below.

Card Sorting

Old Sitemap

New Sitemap

Prototype Phase

During the prototype phase, I created low and mid fidelity screens, the purpose was to create screens quickly in order to make mistakes and changes quickly.

Lofi-Hifi

HomePage

Health Dashboard

Calendar

Wellness

Evaluate

User Testing

I recorded the user testing so I was able to focus on the users and pay attention to body language. I learned that all participants were able to the complete the tasks but I needed to improve the functionality and accessibility of the app for an even more seamless user experience.

Deliverable

The last iteration of the prototype came after multiple rounds of user testing and feedback. You can access the Figma file below.

Ready to create standout designs?