(03)
(03)
(03)
Lead Product Designer
Lead Product Designer
Lead Product Designer
12 Weeks
12 Weeks
12 Weeks
UX Research
UX Research
UX Research
Health & Wellness
Health & Wellness
Health & Wellness
Branding
Branding
Branding
MedSafeDiet is a startup medical app. Its aim is to empower individuals by offering a comprehensive interaction detection and educational service to enhance personal wellbeing and healthcare outcomes. As part of the Experience Haus Product Design course, I was paired up with the team behind MedSafeDiet and tasked with creating a prototype app for them.
MedSafeDiet is a startup medical app. Its aim is to empower individuals by offering a comprehensive interaction detection and educational service to enhance personal wellbeing and healthcare outcomes. As part of the Experience Haus Product Design course, I was paired up with the team behind MedSafeDiet and tasked with creating a prototype app for them.
(The Challenge)
(The Challenge)
People on complex medication regimens face difficulty tracking their doses, and difficulty monitoring drug interactions can lead to safety issues. Designing meals to take these regimes into account add another layer of complexity.
People on complex medication regimens face difficulty tracking their doses, and difficulty monitoring drug interactions can lead to safety issues. Designing meals to take these regimes into account add another layer of complexity.
(The Goal)
(The Goal)
Design and prototype a creative response to these issues that provides a positive impact to users by resolving some of their pain points, and can be used to guide app development.
Design and prototype a creative response to these issues that provides a positive impact to users by resolving some of their pain points, and can be used to guide app development.
View prototype
View prototype
View prototype
1
1
1
Research
Research
Research
Discovering the user via screener surveys + user interviews
Discovering the user via screener surveys + user interviews
To get a better understanding of who I was designing for, I conducted a screener survey to identify potential users.
I wanted to:
Identify patterns in how participants take medication and supplements.
Identify pain points that participants face when managing their diet, medications and supplements.
I then narrowed down the survey respondents from 50 to 7 potential users to interview.
To get a better understanding of who I was designing for, I conducted a screener survey to identify potential users.
I wanted to:
Identify patterns in how participants take medication and supplements.
Identify pain points that participants face when managing their diet, medications and supplements.
I then narrowed down the survey respondents from 50 to 7 potential users to interview.
To get a better understanding of who I was designing for, I conducted a screener survey to identify potential users.
I wanted to:
Identify patterns in how participants take medication and supplements.
Identify pain points that participants face when managing their diet, medications and supplements.
I then narrowed down the survey respondents from 50 to 7 potential users to interview.
Results from the user interviews:
Results from the user interviews:
(01)
(01)
Users on multiple medications were not common.
Users on multiple medications were not common.
(02)
(02)
Stressed the lifestyle aspect over the medication tracker for additional hooks.
Stressed the lifestyle aspect over the medication tracker for additional hooks.
(03)
(03)
Few had actually had an interaction issue.
Few had actually had an interaction issue.
(04)
(04)
Need to be granular with the conditions for taking meds / supplements.
Need to be granular with the conditions for taking meds / supplements.
(05)
(05)
An emphasis on the need for reputable sources of information.
An emphasis on the need for reputable sources of information.
(06)
(06)
Zero used apps to manage their pills.
Zero used apps to manage their pills.
Key takeaways were:
Key takeaways were:
(01)
I didn’t find a huge need for another med-tracker app as most potential users had never used one.
(01)
Much more interest in the lifestyle potential of the app -- so, recipes and information.
(01)
Interactions were not as important to users, but specifics of taking meds/supplements were.
(01)
I didn’t find a huge need for another med-tracker app as most potential users had never used one.
(01)
Much more interest in the lifestyle potential of the app -- so, recipes and information.
(01)
Interactions were not as important to users, but specifics of taking meds/supplements were.
(01)
I didn’t find a huge need for another med-tracker app as most potential users had never used one.
(01)
Much more interest in the lifestyle potential of the app -- so, recipes and information.
(01)
Interactions were not as important to users, but specifics of taking meds/supplements were.
2
2
2
Design
Design
Design
Getting to grips with the project's design parameters
I narrowed down the features that the research indicated the app would need at MVP.
I set about creating 3 user flows to prototype. Each flow envisioned the user interacting on the app with a specific goal in mind.
I created a low-fidelity prototype, to get an understanding of the shapes on each screen and iron out how each interacts with the other.
I narrowed down the features that the research indicated the app would need at MVP.
I set about creating 3 user flows to prototype. Each flow envisioned the user interacting on the app with a specific goal in mind.
I created a low-fidelity prototype, to get an understanding of the shapes on each screen and iron out how each interacts with the other.
I narrowed down the features that the research indicated the app would need at MVP.
I set about creating 3 user flows to prototype. Each flow envisioned the user interacting on the app with a specific goal in mind.
I created a low-fidelity prototype, to get an understanding of the shapes on each screen and iron out how each interacts with the other.
The MoSCoW prioritisation, evaluating each potential feature of the app.
(Must Have)
(Must Have)
The scanning capability
The interactions
The onboarding
Tag system
Schedule view
(Should Have)
(Should Have)
The recipes
'What foods to avoid’ question during onboarding
Pill reminders
(Could Have)
(Could Have)
Daily check in
The insights
User Flow 2 — a user logs as new medication into the app and encounters an interaction:
Getting to grips with layout and shape: the low-fidelity prototype.
3
3
3
Evaluation
Evaluation
Evaluation
Usability testing and iterations to evaluate my progress
I tested my flows with five users from the initial round of interviews, using my prototype app and an early design iteration.
My findings were as follows:
The app design did not align with the target user — it valued high contrast, easy to read text for older target demographic, where my users were younger.
I decided to further refine the design of the app to fit a premium product lifestyle app.
I tested my flows with five users from the initial round of interviews, using my prototype app and an early design iteration.
My findings were as follows:
The app design did not align with the target user — it valued high contrast, easy to read text for older target demographic, where my users were younger.
I decided to further refine the design of the app to fit a premium product lifestyle app.
I tested my flows with five users from the initial round of interviews, using my prototype app and an early design iteration.
My findings were as follows:
The app design did not align with the target user — it valued high contrast, easy to read text for older target demographic, where my users were younger.
I decided to further refine the design of the app to fit a premium product lifestyle app.
Results from the round of usability testing:
(01)
(01)
100% of users found the onboarding flow simple and intuitive
(02)
(02)
80% of users were able to easily find the recipes section
(03)
(03)
100% were able to add a new med and understood the interaction warning
(04)
(04)
The design felt too ‘high contrast’ and not ‘high end’
Comparing the old and the new UI design. Hover to enlarge.
4
Prototype
Prototype
Prototype
Once I had analysed all user feedback from the low-fi prototype, I made minor changes mostly related to placement of headings, buttons, button labels, and navigation elements. From there, I populated the prototype with colour, text, photos and animations to create the high fidelity prototype in line with the updated design.
Once I had analysed all user feedback from the low-fi prototype, I made minor changes mostly related to placement of headings, buttons, button labels, and navigation elements. From there, I populated the prototype with colour, text, photos and animations to create the high fidelity prototype in line with the updated design.
Easy Onboarding
A burdensome onboarding process heavy on data-collection has been streamlined into 6 easy steps, with the choice to scan the barcode on your prescription to input medications, or else search the database manually.
Easy Onboarding
A burdensome onboarding process heavy on data-collection has been streamlined into 6 easy steps, with the choice to scan the barcode on your prescription to input medications, or else search the database manually.
5
5
5
Learning Outcomes
Learning Outcomes
Learning Outcomes
This project taught me the importance of approaching each brief without biases. It is tempting to think of an immediate solution and seek out research data that resonates with that idea, but this isn’t effective in addressing the user's pain points. As the project unfolded, it became clear that the interviews and additional research were leading it in a direction I had not anticipated, which subsequently defined the solution.
This project taught me the importance of approaching each brief without biases. It is tempting to think of an immediate solution and seek out research data that resonates with that idea, but this isn’t effective in addressing the user's pain points. As the project unfolded, it became clear that the interviews and additional research were leading it in a direction I had not anticipated, which subsequently defined the solution.
This project taught me the importance of approaching each brief without biases. It is tempting to think of an immediate solution and seek out research data that resonates with that idea, but this isn’t effective in addressing the user's pain points. As the project unfolded, it became clear that the interviews and additional research were leading it in a direction I had not anticipated, which subsequently defined the solution.