Mindful Medicine

Project Type

Healthcare Portal

Client

CareerFoundry

Timeline

June ‘21 -Jan ‘22

Platform

iOS

 

When mind, body, and spirit are examined as a whole, people are able to find and heal root causes to their health issues instead of treating individual symptoms.

Project Summary

  • My experience as a social worker lead me to explore mobile health apps and how they were incorporating holistic wellness.

  • Mindful Medicine will be a secure one-stop shop for users to manage their healthcare needs.

  • The app will be created with a holistic approach to wellness and an emphasis to learn more about mind and body connections.

The 5 W’s

  • Why

    Users want an accessible one-stop spot to access health and wellness resources alongside their own health and medical information

  • Who

    Health-conscious individuals with access to the health and wellbeing portal

  • When

    Users visit the portal whenever they want to access its health and well-being features or to update their medical records.

  • Where

    Users can access the web app on any device that has a connection to the internet

  • What

    An inclusively designed responsive web portal (app) that provides health and wellness information, as well as a way for users to store health and medical information and appointments

My Role

UX/UI Designer

  • Discovery

  • Research

  • Competitive Analysis

  • User Stories

  • User Personas

  • User Journey

  • User Flow

  • User Interviews

  • Usability Testing

  • Affinity Mapping

  • Card Sorting

  • A/B & Preference Testing

  • Lo/Mid/High Fidelity Wireframes

  • Prototyping

 My Process

I use the Double Diamond Design Process while researching and designing.

Problem Space

  • Users need a one stop-shop healthcare portal to effectively learn about and manage their holistic wellness needs.

  • Most healthcare apps do not offer advanced technology that highlights patterns and educates users on their own mind and body connections.

  • A high percentage of users’ do not trust healthcare apps to safely and securely keep their medical information private.

The Context

Goals

  • To help people efficiently and effectively manage their healthcare in one place.

  • To educate people on their mind and body connections which will help them better understand their own health needs.

  • When people are better engaged in their healthcare they ultimately stay out of the ER/hospital more which can save money.

The Research

I conducted a mix of quantitative and qualitative research to highlight users’ needs within a healthcare portal and to ensure optimal app design.

Target Audience

  • The target age group will be 25-40 as millennials prove to be the highest percentage of adults who use healthcare apps.

  • Also most people are not able to make medical decisions for themselves until they are 18 years old.

  • Parents or caregivers will be able to use the app for minors or any adult in their care with consent.

 Population Metrics

I chose millennials as the the key target demographic because they currently represent one of the largest age groups using mobile heath apps.

43% of millennials prefer to access patient portals from their smartphone.


  • 1 in 5 (20%) Americans have tried or are using both fitness trackers and apps.


  • 87 million people in the US used a health or fitness app monthly in 2020.


  • Interest in mental health apps is linked to increasing mobile phone access, with over 225 million people in the United States and over 2 billion people around the globe using these devices today.

Dollar Value Metrics

What Does This Mean?

  • Mobile Health Apps are projected to be a booming business in the years to come.

  • Not only do mobile health apps create revenue and cut costs but more importantly they save lives.

  • An Increase in patient compliance leads to healthier people. Healthier people live longer.

Sources

https://www.mobihealthnews.com/39142/survey-43-percent-of-millennials-want-access-to-patient-portals-on-their-smartphones

https://www.marketingcharts.com/industries/pharma-and-healthcare-111492

https://mobius.md/2021/10/25/11-mobile-health-statistics/

https://www.ncbi.nlm.nih.gov/pmc/articles/PMC6269625/

Constraints and Challenges

Business

It is still a niche market to have a comprehensive healthcare portal combine all aspects of health/wellness while highlighting connections between physical and mental health in one secure space. Because of this it may be risky to branch out into an underdeveloped market, where users may not be ready for this type of tech.

Economical

One of the biggest constraints in today’s mobile health market is users’ lack of trust regarding their privacy, especially when it comes to medical information. Please see privacy metrics below.

Social

People with severe medical or mental health issues may have barriers to using app such as lack of motivation, memory issues, functioning issues. People can be hesitant to use medical apps due to privacy/security fears.

Technological

Because I worked solely on this project I still need to connect with experienced developers and data scientists that can make Mindful Medicine’s vision a reality.

Privacy Metrics

  • Millions of people every year avoid treatment because they know health data is not private.

  • One of the biggest deterrents from people using mobile health apps is privacy concerns.

“Approximately 50% of surveyed organizations said security and privacy concerns were a leading factor in why consumer adoption of mobile and digital health tools is not more widespread.”

What Does This Mean?

Transparency is a must.

  • In order to establish trust with users, Mindful Medicine will always be transparent with how privacy data is shared and stored.

Competitive Analysis

 
 

User Interviews

 Based off of the research, I was able to create user personas, stories, journeys, and task flows that represented real life user needs, wants, and concerns with a mobile health app.

User Persona

Meet Elena!

She’s using Mindful Medicine to learn more about her mind and body connections related to her mental health and insomnia. She’s also interested in developing a meditation practice.

User Stories

  • Access to Providers

    As a user I want quick and easy access to providers including credentials, insurance, and scheduling.

  • Sign Up and Login

    As a user, I want to sign up and login, so that I have a personal account that I can open at any time to access my stored healthcare information.

  • Home Screen

    As a user, I want an accessible and simple home screen, so that I can easily find and navigate app features.

  • Menu

    As a user, I want intuitive navigation, so that I can access different screens and features on one place.

  • Education and Training Features

    As a user, I want educational resources for holistic wellness, so that I can learn how to better manage my health in an integrative approach.

  • Physical and Mental Health Patterns

    As a user, I want a feature that highlights physical and mental health patterns, so that I can become more aware of how my mind and body are connected.

  • Store and Log Health Information

    As a user I want a way to log and store my health information, so that I can track my healthcare activities and needs.

  • Security Features

    As a user, I want my personal health information (PHI) to be secure, so that I can feel safe knowing my medical information is private.

User Journey

Low- Fidelity Wireframes

Based off of the research I sketched low-fidelity wireframes.

These wireframes featured three buttons on the Home Page including a Mind, Body, and Spirit Tab.

These are my version 1 sketches.  

Card Sorting

I conducted a Card Sorting exercise to understand how users were interpreting certain categories within the app. This is what I found.

  • Originally the Home Page was going to feature Mind, Body, Spirit buttons. The card sorting was helpful as it showed that users had many different ideas of what Mind, Body, Spirit buttons meant and what each would contain.

  • Users placed several of the same topics under different categories, showing that much of this design is not as intuitive as initially thought. As a revision we will rename the category tabs as Mental Health, Physical Health, Spiritual Health as this should more clearly describe what each tab would contain.

  • In addition, there were unanimous results for much of the Resources tab. Initially the idea was for topics related to health providers to be placed within the Body tab.

  • The card sorting showed users unanimously sorting Provider categories under the Resources tab (given the 4 categories). Because of this, we will need to rethink and move the placement of Provider related tabs.

 Mid-Fidelity Wireframes Version 1

These are my version 1 mid- fidelity wireframes.

  Version 1 Prototype

After my first mid-fidelity wireframes, I made more detailed wireframes in Sketch and created this version 1 prototype which was used for usability testing.

Prototype Link: https://invis.io/Q6122PVNYVTE

A/B & Preference Testing

I conducted two preference tests to secure an app logo and Login/Sign In button. These were the results.

Test 1

  • 30% of participants chose 1st version and 70% chose 2nd version

  • Screen 1 Feedback: different, unique, draws your eyes up more

  • Screen 2 Feedback: simple, prettier, peaceful, congruous with the idea of mindfulness

  • Conclusion: Screen 2 is more preferred with 70% of users choosing this screen as it leaves them with more positive feelings

Test 2

  • 50% of participants chose version 1 and 50% chose version 2.

  • Screen 1 Feedback: symmetry, more centered, looks slightly better centered

  • Screen 2 Feedback: more modern, rounded corners matches better

  • Conclusion: A combination of the two might be the best solution as the result were split down the middle

Revised Designs

  • The 1st screen was the clear winner with 70% of participants preferring this more peaceful and simple lotus icon.

  • The 2nd screen is a revised screen combining feedback from both screens as users were split 50/50. Edges of button were rounded as this felt more modern but the Sign In button was centered as users stated liking this.

Usability Testing

After creating my first prototype I was ready to conduct usability testing.

 

Usability Test Report

  • Issue 1

    Users were confused where to add Appointments. (High)

    Suggested Change: Add plus sign to first appointment screen.

    Evidence: 6/6 users agreed the plus sign should be on the first appointment screen.

  • Issue 2

    Upcoming appointments should be listed on first appointment screen. (High)

    Suggested Change: Instead of calendar to choose date on appointment screen, list upcoming appointments so its the first thing users see.

    Evidence: 6/6 users agreed the appointments should be listed on the fruit appointment screen.

  • Issue 3

    The app felt confusing at first. (Medium)

    Suggested Change: Onboarding will explain app features, but redesign of icons and tabs may alleviate confusion as well.

    Evidence: 3/6 users said app felt confusing at first.

  • Issue 4

    Toolbar icons were confusing. (Medium)

    Suggested Change: Additional research could help with this as well as using more familiar toolbar icons or labels for icons.

    Evidence: 4/6 users said toolbar felt confusing.

  • Issue 5

    User was unclear if her appointment saved. (Low)

    Suggested Change: Add a screen that shows appointment saved.

    Evidence: One user said she was unclear if her appointment saved, but as the designer, I felt that this was an important addition as this is a common feature offered on most apps.

  High-Fidelity Wireframes Version 1

After receiving the results from the usability testing, I was able to make the needed changes including:

  • revising the first appointment screen with a plus sign to add appointments

  • revising the appointment screen with a list of upcoming appointments first instead of calendar

  • adding identifying labels to toolbar icons so they are more easily decipherable

  • Adding an appointment saved screen hat can also link to phone calendar

 After peer collaboration and feedback from my CareerFoundry tutor and mentor, I continued to revise the high-fidelity wireframes until I designed the current prototype.

The Solution

Mindful Medicine High Fidelity Wireframes Version 2

Prototype Link

https://invis.io/5A129QGSU6SH

What’s Next?

  • Currently I am working on overall functioning issues. Eventually I will be able to apply testing to targeted users with specific needs/medical backgrounds. This will help me ensure that the app is accessible to people with varying complex physical or mental health issues.

  • The UI needs improvement and continued upgrades, including the Mind/Body Connection Feature. Onboarding could use continued improvement as well. Specifically, with more pop-up onboarding for things like the toolbar directions. 

  • I believe that adding some type of community engagement/social connection feature for users to feel like they are part of a mindful medicine community will result in an increase of user app engagement by 30%.