MNERVA Case Study
In the Unversity of Wisconsin Digital Skills: UI/UX Bootcamp, my team of four was challenged with creating a User Experience that "Designs For Good," an experience that ethically improves the human experience. We decided to focus on finding health care. Most work was completed in Figma.
Patients seeking new care providers are confused by the mismatch between their needs and overwhelming number of provider options.
For this project, there were two parts to research. First was to look at our potential competitors, and conduct a competitive analysis.
Then, we conducted User Interviews with 12 unique users.
We analyzed Zoc Doc, Nex Health, Google Maps, and Web MD Care. Overall weakness was incomplete information with incomplete clinic profiles. Competitors regularly had pay-to-list services for clinics as well
All sites overwhelmingly passed NNG Usability Heuristic Evaluation, with the exception of "Help and Documentation." This was the least successful heuristic on all sites.
We conducted 12 user interviews for users who:
Live in the USA
Are above the age of 18 (ages ranged from 23-82)
Are responsible for their own health provider choices
Found healthcare providers in the last year.
Some of our Questions
Can you walk me through the steps of how you found a medical provider- starting with when you first knew you would need one?
On a scale of 1-10, 10 being excellent, how was your experience with this process of finding a provider?
How much time do you spend on finding a new health care provider?
What were your frustrations and pleasures when finding a provider?
All interviewees had unique experiences with varying health insurance. However, our data skewed towards College-Educated users, though there were users with less education as well. Our data does not fully represent American Diversity. Our data skews toward White, Native American, and Asian users.
With these 12 interviews, my ground and worked together to put together an affinity map in a Figjam. Some key insights were:
Current systems do not align with patients' actual coverage and time-sensitive needs.
Online systems have inaccurate information on availability and coverage
Patients value trust when it comes to medical providers
Patients want a transparent end-to-end experience.
There are multiple factors why patients choose a doctor (e.g Location, Experience, and demographics of the provider).
From our User Interviews, we created 4 unique personas of the common user searching for healthcare. They are Barabara, a widowed retiree with Medicare and supplemental insurance, Linda, the administrative assistant on Medicaid, Gabe, the research assistant on his own private insurance for the first time, and George, the construction business owner who is uninsured. Two of our personas, Barbara and Gabe were then incorporated into journey maps, and one persona, Linda into an empathy map.
Wireframe & Prototype
Referring to our user interviews and our synthesized personas, the journey map, we ideated solutions on a thought map. The best solution–besides overall policy change to our healthcare system–was to create a well-thought-out healthcare search system that was transparent on a provider's accepted insurance, availability, and location. Also, we wanted to incorporate a more streamlined search system, with an advanced & curated filtering system.
We then created a happy-path task flow to guide our page design and content.
Below is my resulting Wireframe and Mid-Fidelity Prototype.
Our goal was to determine which features of the Mnerva website mid-fidelity prototype created a successful, efficient and trustworthy experience for finding a primary care physician. And which features are subtracted to the ultimate goal of the experience.
We each conducted moderated in-person usability tests of each other's prototypes and gained qualitative and some quantitative feedback. There were 10 tests total.
Find a primary care provider with mental health specialty and make a Wellness appointment for January 2nd at 9:15 am.
To all four prototypes presented the overall feedback was:
9 out of 10 users were able to find a doctor and make an appointment
On average, users felt 7.81 (out of 10) on the likeliness to use a product
Trust was rated at 8.2 (out of 10 )
Key Insights to my Prototype
The layout was simple and straightforward.
Navigation was fluid and easy to follow.
The filter system worked great.
The doctor profile was valued greatly
Add option to provide additional details for visit
Add more navigation components
Make filtering more obvious in the design
Brand & Style
Before preparing the high-fidelity design, establishing the brand and style of the product is necessary.
Mnerva is named after the Roman Goddess of Knowledge and Health, Menerva. The logo that I created represents these origins by accenting the M in Mnerva with 3 olive leaves and an olive. Additionaly, we wanted our brand and style to convey the following keywords: Trustworthy, Reassuring, Friendly, and Empowering. To maintain modernity, we wanted our typeface to be sans-serif.
This is the final logo and icon. The mint and green colors evoke the feeling of trust and innovation. The sans serif font used, Trebuchet MS is very legible and modern.
Additional colors in our brand are a lighter mint for contrast and our Secondary Colors: olive-blue, red, and yellow. These colors were tested against each other to pass WCAG color contrast guidelines.
Using the created brand guide, we then developed style tiles on Text, Buttons, Icons and more.
Iteration & High-Fidelity Design
Solving for the weaknesses and opportunities established from User Testing, I applied changes to the mid-fidelity design, like on the Results Page, creating an edit search button, a more prominent Filtering button, and on the Confirmation page, added an "Export-to-Calendar" and "Get-Directions" links.
Next, I applied the styles, components, and buttons defined in the Brand and Style Guide to my mid-fidelity, transforming it into a...
Finding healthcare is hard, and if developed, Mnerva can help ease the patient experience in today's complicated healthcare environment.
We confirmed that users want a better experience finding healthcare.
In testing our prototypes, the overwhelming response was "I want this!" With a strong and consistent style guide and good-practice Interface Design, Mnerva is Trustworthy, Reassuring, Friendly, and Empowering.