Steo Designs
Steo Designs
  • Home
  • About
  • UX/UI Design
  • Graphic Design
  • More
    • Home
    • About
    • UX/UI Design
    • Graphic Design

  • Home
  • About
  • UX/UI Design
  • Graphic Design

Project Overview

The Product

Daily Meds is an app focused on helping users keep track of their medications and reminding them of when to take their medication.  

Product Duration

Product Duration

Product Duration

September 2022

The Problem

Product Duration

Product Duration

Nearly 70% of Americans take at least one prescription regularly. With that number continuously increasing, the need for users to be able to maintain a list of their medications and be reminded of when to take them is pertinent.

The Goal

Product Duration

The Goal

Design an app to help people keep track of and remember to take medicine on time. 

My Role

Responsibilities

The Goal

UX designer leading the app design from concept to delivery.

Responsibilities

Responsibilities

Responsibilities

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture and responsive design. 

User Research

Summary

I used data on common medications and types of reminders to develop interview questions , which were then used to conduct user interviews. Most interview participants who regularly take multiple medications reported having a hard time organizing and remembering to take them at the appropriate time.  The feedback received through research made it very clear that users would like a quick and easy way to maintain their medications. 

Personas

Problem Statement

Elizabeth is an elderly widow who lives alone who needs a way to keep track of all her different medications and if she has already taken them because she wants to live as long and healthy as possible.

Problem Statement

Greg is a busy manager at a marketing firm and father of two who needs reminders and a way to track his medications because he doesn’t want to have any medical complications.

Design

Ideation

I did a quick ideation exercise to come up with ideas for how to address the issue of the remembering to take medications along with the difficulty associated with entering information.

Digital Wireframes

After ideating and drafting some paper wireframes, I created the initial designs for the Daily Meds app. These designs focused on a simple way to add and keep medications organized.

Not only can users easily keep track of current medications, they can keep a separate list of past medications for their records. 

Low-Fidelity Prototype

To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of adding a medication.

Low-Fidelity Prototype

Usability Study

Study type:

Study type:

Study type:

Unmoderated usability study

Location

Study type:

Study type:

USA, remote

Participants

Participants

Participants

5 participants

Length

Participants

Participants

10-15 minutes

Usability Study Findings

Delete

How Many?

How Many?

Users want a way to delete medications from the My Meds list.

How Many?

How Many?

How Many?

Users want a way to indicate how many/much medications to take at a given time. 

Custom

How Many?

Custom

Users want an option to add custom medication instructions. 

Refining the Design

Mock-ups

Based on the insights from the usability studies, I added an option to indicated how many tables/capsules to take. I also added an option to take a picture of the medication name for auto fill purposes. 

Additional design changes include adding an option to “Delete Med” from the My Meds page instead of only from the Archived Meds page.

Hi-Fidelity Prototype

Hi-Fidelity Prototype

Accessibility Considerations

1

1

1

Clear labels for interactive elements that can be read by screen readers

2

1

1

Large text with maximum WCAG color compliance.

3

1

3

Forms broken up into multiple pages for easy user flow.  

Responsive Design

Sitemap

With the app designs completed, I started designing the responsive website. Because Daily Meds is meant to work predominantly as an app, the homepage will highlight the apps features. The user can also login on the website for an overview of their medications and history as well as add any new medications. 

Mobile

Desktop

Mobile

Tablet

Desktop

Mobile

Desktop

Desktop

Desktop

Next Steps

1

1

1

Conduct research on how successful the app is in helping users remember to take medicine on time.

2

1

1

Add features like auto generated medication information such as side effects or instructions. 

3

1

3

Partner with doctors to provide users the ability to link medication history and lists to their doctors. 

Takeaways

Impact

What I learned:

What I learned:

Users shared that the app helped them easily keep track of all their medications and would be helpful in reminding them to take their medications on time.  One quote from feedback was “at a certain point in life, it becomes impossible to keep track of all your medication without help. The Daily Meds app is a great resource to do just that.”

What I learned:

What I learned:

What I learned:

I learned that even though a problem initially seems straightforward, there can be many instances for nuances to surface. At these points, it becomes vital to refocus on the user and their needs to come up with solutions that are useful. 

Copyright © 2024 Steo Designs - All Rights Reserved.