(03)

(03)

(03)

Medication+Wellness App

Medication+
Wellness App

Medication+
Wellness App

12 Weeks

12 Weeks

12 Weeks

UX Research

UX Research

UX Research

Health & Wellness

Health & Wellness

Health & Wellness

Branding

Branding

Branding

UX / UI

UX / UI

UX / UI

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:

An image of a pad and voice recorder during a user interview | UX Research
An image of a pad and voice recorder during a user interview | UX Research

(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.

(02)

I didn’t find a huge need for another med-tracker app as most potential users had never used one.

(03)

I didn’t find a huge need for another med-tracker app as most potential users had never used one.

(01)

I didn’t find a huge need for another med-tracker app as most potential users had never used one.

(02)

I didn’t find a huge need for another med-tracker app as most potential users had never used one.

(03)

I didn’t find a huge need for another med-tracker app as most potential users had never used one.

(01)

I didn’t find a huge need for another med-tracker app as most potential users had never used one.

(02)

I didn’t find a huge need for another med-tracker app as most potential users had never used one.

(03)

I didn’t find a huge need for another med-tracker app as most potential users had never used one.

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.

An image of a phone in a hand, showing an app | User Experience
An image of a phone in a hand, showing an app | User Experience

(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:

An image of a designer's desk, covered in papers | Usability Design
An image of a designer's desk, covered in papers | Usability Design

(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.