UX Foundations

UX Foundations

UX Foundations

Elevating Personal Care through Medication Management

Elevating Personal Care through Medication Management

Empowering Individuals to Take Control of their Health Journey

Empowering Individuals to Take Control of their Health Journey

PROJECT DETAILS

Project Details

Project Details

Project Details

Design Studio: UX Foundations

Category: Healthcare Technology

Project: UX Research, UX Design, UI Design

Platform: iOS Mobile App

Tools: Figma

Timeline: 4 months

Team: 2 UX Designers, 2 UX Researchers, Project Lead

Deliverables

Archetypes, Information Architecture, User Flows, Low Fidelity and High Fidelity Wireframes, Prototypes

Me (Product Designer),

Linda Rieublandou (Product Designer),

Anthony Phan (Product Designer),

Kathryn Breisch (Founder),

Darren Zou (Developer)

OVERVIEW

The Problem

The Problem

In the modern healthcare setting, drug-drug interactions (DDIs) have become a significant threat to patient safety. Patients frequently deal with multiple conditions, leading to complex medication regimens involving several drugs.


In the modern healthcare setting, drug-drug interactions (DDIs) have become a significant threat to patient safety. Patients frequently deal with multiple conditions, leading to complex medication regimens involving several drugs.




Outcome

Outcome

Outcome

Created an intuitive and convenient way to add and track medication regimes and reminders with ease. Designed a DDI interaction checker to easily check interactions, analyze multiple medications at once, get comprehensive info on potential interactions, filter by type, and save for quick access.

Successful introduction of several new features leading to increased student safety and engagement on the platform.







THE POTENTIAL

Business Opportunity

Business Opportunity

Mobile health is predicted to reach $12.1 billion by 2030. Since COVID-19, many patients are taking more of an interest in monitoring their own health. There is a growing demand for personalized healthcare solutions that enhance patient safety and well-being.

USER RESEARCH

Understanding Diverse Pateints and DDIs

Understanding Diverse Pateints and DDIs

Why do DDIs frequently occur in the elderly population?


  • Age and DDI Risk

  • Lack of Awareness

  • Inadequate Monitoring 

  • Lack of Patient Adherence

  • Poor Communication with Physicians


Why do DDIs frequently occur in the elderly population?


  • Age and DDI Risk

  • Lack of Awareness

  • Inadequate Monitoring 

  • Lack of Patient Adherence

  • Poor Communication with Physicians


Why do DDIs frequently occur in the elderly population?


  • Age and DDI Risk

  • Lack of Awareness

  • Inadequate Monitoring 

  • Lack of Patient Adherence

  • Poor Communication with Physicians


Why do DDIs frequently occur with patients that have specific conditions?


  • Inaccuracies in Medical Records

  • Polypharmacy

  • Comorbidities




How does switching doctors contribute to DDIs?



  • Varied Healthcare Records

  • Patient-Doctor Discrepancies in Medication Reporting




Harnessing Patient Perspectives

Because of the sensitive data involved, we targeted adults over 18. Our only requirement for respondents was their use of one or more medications or supplements, considering the diverse range of people experiencing DDIs due to various factors.

Combining the findings from the above analysis we compiled a comprehensive list of recommendations. For the purpose of this case study, I’ll be focusing

on the design decisions behind 3 critical changes -


  • Improvements to student safety while messaging

  • Revision of bookmarking feature to align with professional aesthetic

  • Addition of features to increase student engagement

User Survey Key Insights

72.1%


Stated that their biggest difficulty while taking medication was forgetfulness 


67.4%


Followed routine and memory for taking their medication



30.2%


Of participants are aware of all the interactions between their medications.


Interview Key Insights

I have to google potential interactions every time, which is a headache because different sources say different things.” 


“Sometimes I forget to take medications on time.”






“There are so many interactions for depression pills that it’s impossible to know them all and even remember!”



PROBLEM DEFINITION

How Might We…?

Synthesizing the insights gathered above, I crafted archetypes which further allowed me to condense our problem statement to:


How Might We…

  • …help users to create a routine to take their medication regularly on time?

  • …help users with multiple prescriptions remember information more effectively?

  • …ensure users are knowledgeable about any side affects or interactions that could be harmful?

Combining the findings from the above analysis we compiled a comprehensive list of recommendations. For the purpose of this case study, I’ll be focusing

on the design decisions behind 3 critical changes -


  • Improvements to student safety while messaging

  • Revision of bookmarking feature to align with professional aesthetic

  • Addition of features to increase student engagement

IDEATION

Structuring Information Architecture

Using results of closed cart sorting synthesized by the UX research team, I created an app map to layout the basic structure of our MVP.

Combining the findings from the above analysis we compiled a comprehensive list of recommendations. For the purpose of this case study, I’ll be focusing

on the design decisions behind 3 critical changes -


  • Improvements to student safety while messaging

  • Revision of bookmarking feature to align with professional aesthetic

  • Addition of features to increase student engagement

This additionally enabled me to develop user scenarios and user flows to solidify our designs.

USABILITY TESTING AND ITERATION

Applying Usability Feedback to Enhance the User Experience

Feedback: “I thought the “add medication” button would be on the homepage.”


Users wanted a faster way to add a medication. A CTA button was added, so users can now add a new medication directly from the homepage. 


The homepage was cluttered and needed to be simplified to help users locate key tasks more effectively. The decision was made to move 'My Medication Usage' and 'Healthcare Articles' to the 'My Health' page, instead.

Feedback: “I thought the “add medication” button would be on the homepage.”


Users wanted a faster way to add a medication. A CTA button was added, so users can now add a new medication directly from the homepage. 


The homepage was cluttered and needed to be simplified to help users locate key tasks more effectively. The decision was made to move 'My Medication Usage' and 'Healthcare Articles' to the 'My Health' page, instead.

Feedback: “I thought the “add medication” button would be on the homepage.”


Users wanted a faster way to add a medication. A CTA button was added, so users can now add a new medication directly from the homepage. 


The homepage was cluttered and needed to be simplified to help users locate key tasks more effectively. The decision was made to move 'My Medication Usage' and 'Healthcare Articles' to the 'My Health' page, instead.

Feedback: “I think it would've been more useful if it had an image of the medication.”


A common feedback given was a lack of visual images depicting the medications. Users felt the addition of images would ensure they are adding the correct medication.


We incorporated real images of medications to reassure users of adding the correct information. This is important given the critical nature of the content on our app.

Feedback: “I think it would've been more useful if it had an image of the medication.”


A common feedback given was a lack of visual images depicting the medications. Users felt the addition of images would ensure they are adding the correct medication.


We incorporated real images of medications to reassure users of adding the correct information. This is important given the critical nature of the content on our app.

Feedback: “I think it would've been more useful if it had an image of the medication.”


A common feedback given was a lack of visual images depicting the medications. Users felt the addition of images would ensure they are adding the correct medication.


We incorporated real images of medications to reassure users of adding the correct information. This is important given the critical nature of the content on our app.

Feedback: “The interaction page has too much text. It'd be better if it showed the main drug interactions, and then let you click for more details.”


Users felt there was too much text and the page lacked directional cues. We gave users the option to view the “Types of Drug Interactions”. This gives them the control to expand or hide the information.


It also improved the “Check New Interaction” feature to make it more prominent.

Feedback: “The interaction page has too much text. It'd be better if it showed the main drug interactions, and then let you click for more details.”


Users felt there was too much text and the page lacked directional cues. We gave users the option to view the “Types of Drug Interactions”. This gives them the control to expand or hide the information.


It also improved the “Check New Interaction” feature to make it more prominent.

Feedback: “The interaction page has too much text. It'd be better if it showed the main drug interactions, and then let you click for more details.”


Users felt there was too much text and the page lacked directional cues. We gave users the option to view the “Types of Drug Interactions”. This gives them the control to expand or hide the information.


It also improved the “Check New Interaction” feature to make it more prominent.

Feedback: “Organizing the information differently would help its clarity. The layout feels overloaded without any visual cues, which is overwhelming.”


Users mentioned they spent a lot of time on the “Interactions Found” screen. To make the information easier to digest, we added a dropdown to allow users to control what they want to view. This made it easier for users to identify types of interactions they may be interested in viewing.

We also added a disclaimer to this page for the safety of our users.

Feedback: “Organizing the information differently would help its clarity. The layout feels overloaded without any visual cues, which is overwhelming.”


Users mentioned they spent a lot of time on the “Interactions Found” screen. To make the information easier to digest, we added a dropdown to allow users to control what they want to view. This made it easier for users to identify types of interactions they may be interested in viewing.

We also added a disclaimer to this page for the safety of our users.

Feedback: “Organizing the information differently would help its clarity. The layout feels overloaded without any visual cues, which is overwhelming.”


Users mentioned they spent a lot of time on the “Interactions Found” screen. To make the information easier to digest, we added a dropdown to allow users to control what they want to view. This made it easier for users to identify types of interactions they may be interested in viewing.

We also added a disclaimer to this page for the safety of our users.

FINAL PROTOTYPE

Final Designs

Final Designs

View all final designs here.

FUTURE FEATURES

Considering Next Steps

Considering Next Steps

Our MVP prioritized essential user needs— adding medications, setting reminders for adherence, and checking for potential interactions. Additionally, our research highlighted several other important features for future development that were not included in the design at this stage.

© 2024 Meenakshi Shyamsundar

© 2024 Meenakshi Shyamsundar

© 2024 Meenakshi Shyamsundar