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
Design Studio: UX Foundations
Category: Healthcare Technology
Project: UX Research, UX Design, UI Design
Platform: iOS Mobile App
Tools: Figma
Timeline: 4 months
My Team
My Team
My Team
Me (UX Design Lead) and Ema Ibanga (UX Designer),
Lauren Foster and Klara Hopkins (UI Designers),
Sayeh Ghahari and Jenna Lee (UX Researchers),
Carly Krenek (Project Lead)
Me (Product Designer),
Linda Rieublandou (Product Designer),
Anthony Phan (Product Designer),
Kathryn Breisch (Founder),
Darren Zou (Developer)
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.
My Role
My Role
Lead for UX Design efforts, while actively engaging in the end-to-end design process
Crafted archetypes and HMWs to represent our target users' pain points, goals and needs
Structured our app's information architecture based on the results of closed card sorting
Generated user flow diagrams to articulate a users' processes and actions
Conceptualized low-fidelity wireframes for the mobile application through sketches
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.
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!”
How Might We…?
Synthesizing the insights gathered above, I crafted personas 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
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.
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.
Considering Next Steps
Considering Next Steps
Due to time and budget constraints, 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.
