Health in Her HUE

UX Case Study

Responsive web design for the platform bridging the medical disparity gap.

Role: UX/UI Designer, UX Researcher

Duration: 6 weeks

Tool: Figma

Mockups of the website featuring all the pages that were designed

Overview

Background

Health In Her HUE is the first touchpoint for Black women and women of color to be informed and empowered when making choices pertaining to their health. They are reducing racial health disparities by leveraging the power of technology, media, and community to improve health outcomes for Black women and women of color. They do this by bringing awareness to health and wellness issues in a relevant, engaging and accessible way. And empower women of color, and their allies, to share, learn and innovate around the health issues that disproportionately affect them.

Opportunity

Problem & Opportunities

Health in Her HUE currently only uses an app for its users to connect with the community, find health care providers and learn more about health and wellness.

Hypothesis: A responsive website will help the company reach more people and allow users to browse content easily before committing to downloading the app. With this reach, black women and women of color can be more informed about health and wellness and receive better overall care.

(Disclaimer: At the start of this project, there was no website. I did not work directly with the company because they were already working with a designer, but I wanted to support it by designing a website for a cause I care about. During my project, they released a new website and updated the branding. However, my project is entirely separate from their designer’s work.)

Solutions

Research

Health Inequality Among Black Women and Women of Color

Racism and discrimination, unfortunately, play a huge part in the increased rate of health issues in black women and women of color. Studies show that,

Though Health in Her HUE is working hard to bridge the gap between black women/WOC and proper healthcare, still not many people are aware of the platform. My research aimed to understand black women and WOC’s preferences and experiences regarding their health and overall wellbeing and how this platform can better serve them.

Understanding the User

I was also curious to hear from black women and women of color, so I surveyed and interviewed 11 (combined) women, and here’s what stood out the most:

They value their friend's/family’s opinions and insight for finding providers
They feel safer with providers of color or a specific gender who also have experience with patients of a similar demographic
71% of people have felt this way
Have left a doctor’s visit unsatisfied with the care they received (due to lack of communication and empathy)
View survey and interview questions here!

These insights allowed me to identify the user's goals, motivations and frustrations to design the website that would be the most beneficial to them.

Goals
  • Improve her health and well being
  • Receive care from diverse professionals
  • Feel comfortable and heard during doctor’s visits
Motivations
  • Convenient locations, price, and accepted insurance
  • Recommendations from friends/family
Frustrations
  • Doctors who lack empathy and comfort
  • Being ignored and not taken seriously

The best thing Health in Her HUE can do is provide a safe space for black women and women of color to easily find health care providers and content to feel more empowered taking care of their bodies.

HMW: How might we assist black women and women of color in taking care of their health/wellness by providing information, a sense of community, and a directory of diverse health care professionals?

Ideate & Design

Prioritizing and Organizing Features

I created a feature roadmap to identify the most important features that would be beneficial to the user and the business, then laid it out in a site map to organize and prioritize the information architecture. Based on this I knew my main focus for the website MVP was to create 2 main task flows.

  1. Searching for a new healthcare provider
  2. Looking up relevant health/wellness-related information
A diagram showing the flow of tasks the user takes to accomplish their goal on the website

Solutions

The 3 main functions for Health in Her HUE are to provide users with a directory of professionals, educate women with credible health and wellness-related content and foster a community of black women and women of color in this space.

1. Directory of professionals

It was important for the main CTA to be finding health care providers because it is one of the main issues women have when it relates to their health.

During interviews, participants made it clear the two most important factors they considered when searching for new doctors were health insurance and location. Many also said that depending on the specialty, gender, and sometimes race influenced their decision to see them as well.

The homepage needed to display the information and value users would get in a simple, yet informative way. I showed a preview of what they could expect by highlighting featured doctors, recent content, and popular forum topics.

Sketches of designs and the finished high fidelity mockup. This links to a bigger image

When sketching, I was trying to decide between 2 layouts; one which showed a brief overview of the offerings and one that was more detailed. The more detailed approach would give users a better preview of what to expect.

The cards for the providers also needed to show just enough information for users to be able to make an informed decision, but not too much information to make it overwhelming.

Finished high fidelity mockups. This links to a bigger image

2. Credible health/wellness related content

Lack of information is also one of the reasons black women and women of color aren’t getting the proper care they deserve. Some people don’t have access to the right resources, so Health in Her HUE is helping by sharing and releasing credible content.

3. Build a community through forum topics

Through interviews, I found that users really valued feedback from others. They relied on reviews when making decisions, family and friends when they wanted recommendations, and people on the internet when they had questions. The forum, reviews, and content allow users to connect with peers and have a sense of community to know that they aren’t alone.

Finished high fidelity mockup. This links to a bigger image

Test & Iterate

User Testing

I conducted 4 moderated usability tests to observe how users went through the mobile and web prototypes and found that all participants were able to complete the tasks of finding health care providers and health/wellness-related information. All participants gave a rating of 5/5 for ease of use and said they would use this platform.

Wins

"Didn't have to dig for information"
"It was easy to get through the tasks and I didn't get stuck at any point"
"The information was presented in a way that was easy to understand"
"I liked that the search fields were relevant to me when looking for a new doctor"

Confusion

"I was expecting to see services offered by each doctor, not just their specialty"
"After searching for a topic, I expected to see the resources and content first, not the doctors"

Opportunities

Add more details about the location of the doctor's office
Change the order of the categories on the search results page for relevancy

Iterations

After testing and receiving feedback from a mentor, I made a few iterations that would add more value to the user's experience.

Finished high fidelity mockup. This links to a bigger image

High-Fidelity Designs

Final Thoughts

This project supported a cause that I'm really passionate about. It was challenging to find research participants due to the specific target market, but in the end I found users who shared valuable information and would benefit greatly from using this platform. Health in Her HUE is continuing to gain traction and grow it's community and has been a great influence on bridging the gap between black women/women of color and health equity.

How I would measure success:

  • How many people create accounts
  • Reviews and press features

Thank you for your time! 👋