MIDI Health App

An all-in-one app with customized symptom tracker and streamlined virtual appointments

CURRENT MIDI WEBSITE

NEW COMPANION APP

Now the patient has the ability to track and share their symptoms, as well as schedule their telehealth appointments with Midi clinicians.

OVERVIEW

Midi is on a mission to help women 40+ successfully navigate their individual menopausal journey. This is an important, and often overlooked period in a woman’s life. I support that mission, and it is clearly very much in need, as I found out in my research.

CHALLENGE

To design an app for the existing website focusing on a streamlined experience for booking and managing virtual appointments, and a simple way for users to track and share their symptom data with a clinician.

How can we incorporate the multiple functions the clients has requested? To design an app that can make customized tracking and sharing data easy and making appointments streamlined for Midi patients.

After initial discussions and learning more about the app they envisioned, we learned there were additional goals and needs they hoped the app could provide.

The client needed the following deliverables:

• User Research, comparative analysis results, heuristics results of current website.
• High fidelity prototype of App which includes: tracking menopause symptoms, sharing the data with a clinician, making appointments, sending and receiving messages and notifications.

We want to enhance what the website is already doing well and further the Midi mission by offering a more convenient and personalized experience for users. The advantages of the app are in purple on the right.

APPROACH

Utilizing the “double diamond” UX process, we developed a plan.

Research: To better understand the audience and their needs, we conducted the following:

• A survey of 12 women 40+

• A heuristics evaluation. We wanted to refine the app for a streamlined mobile user experience.

• An extensive comparative analysis. We needed to educate ourselves about the comparative health sites that offer things like scheduling, tracking and sharing.

• A User journey

• Usability Tests: Throughout the design process, we conducted 4 rounds of user testing with 34 unique testers—3 rounds with a grayscale mid-fidelity prototype and 1 with the full-color high-fidelity prototype. Following each round of testing we iterated on the design to improve flow and navigation for users.

RESEARCH & DEVELOPMENT

We conducted a survey of 12 women 40+, asking them questions on a variety of topics such as their impression of Midi. their experiences with tele-health appointments, how they book appointments, their menopause experience, symptoms, and tracking.

We first asked about their general impressions of Midi and the website. They had positive things to say. A few mentioned wanting something a bit more personal and warm, like a friend—something we’d keep in mind as we moved forward.

After synthesizing the survey results, we found three key traits among the core demographic.

DIGITALLY SAVVY: The audience had no problems navigating online.

SEEK CONVENIENCE & FLEXIBILITY: An overwhelming majority are open to health reminders in various ways.

VALUE TRACKING: Many of the users have tracked health issues before.

We asked those surveyed further about symptoms and tested 11 icons from the website. This was information we’d take away and think about for the app.

RESEARCH & DEVELOPMENT

Our problem statement evolved to the following:

Women 40+ with menopause or perimenopause need a convenient way to track and share their health symptoms with dedicated health partners, as well as schedule appointments, in one place, because keeping track of that information through various means is time consuming and results in lost time and information.

With this we developed a Persona…

Julie is a busy CEO and mom. A friend recently recommended Midi to her, because she is noticing menopause-like symptoms. She is looking for a way to alleviate the symptoms she is experiencing.

We also explored Julie’s user journey and mapped out her highs and lows and process for choosing Midi and the potential app.

DESIGN

Based off our research we knew we needed to focus on the three elements that would separate the app from the website: 1. scheduling appointments, 2. tracking and sharing symptoms, and 3. a navigation that would direct the user to her personal information including insurance and payment details.

Notice the 2 sections, the appointments (at the top in cream color) and the symptoms/tracking/sharing section in the center.

USER TESTING RESULTS

Throughout the design process, we conducted 4 rounds of user testing with 34 unique testers—3 rounds with a grayscale mid-fidelity prototype and 1 with the full-color high-fidelity prototype. Following each round of testing we iterated on the design to improve flow and navigation for users. Here are some of the features that tested well.

USER TESTING

RESULTS

Some things we refined further during testing…

Here, we added a tool tip that would pop up upon opening the app. In early testing, many users consistently didn’t know they could scroll down within the symptoms log section to see the view and share buttons at the bottom. Additional testing revealed the use of those buttons nearly doubled to 86% direct success and the misclick rate dramatically reduced to 12%.

Sometimes it’s just in the wording. What a difference this made, just by adding “Us” to “About”, users were able to find out about the Midi team without confusion.

When it came to changing their notification preferences, the majority of testers used the primary path of clicking on the account icon in the bottom navigation. However, 17% of testers clicked on the bell icon on the home screen instead, so we added an additional access point for those users via that page.

NEXT STEPS

Refine Current Features

• Sharing summary process—further explore how and what will be shared

• Exploration of icon styling and design with A/B testing

Expand App features

• Add login screen

• Create onboarding pages for first-time users

• Test onboarding user flow and sign up process

• Explore chatbot/ask a question feature

Expand user Testing

• With existing Midi clients

• On various mobile phones

• With potential contextual inquiries