MedRemind App/

Responsive Website

Designing a medication reminder app and responsive website to helps users manage their medications

Overview

MedRemind is an app and responsive website created by a group of healthcare professionals who wanted to create a way to effectively manage medications for their patients and other users in general.

The Problem

The practitioners behind MedRemind realized that many of their patients were having trouble remembering to take their medications on time and tracking when they had forgotten to take their pills. They realized that they could solve a problem for social good, creating an app and responsive website that would enable users of different abilities to manage and track their medications, as well as utilize various helpful features, including a downloadable history feature, sharing data with doctors or caregivers, adding a symptom diary, etc.

User Pain Points

  • Remembering to take medications

  • Remembering to refill prescriptions

  • Needing to contact practitioner with missed doses

Target Audience

The target audience is patients of healthcare practitioners, as well as the general public who utilizes medications regularly. Most are adults between the ages of 18 and 100 years old. Based on these users, I created two personas.

Roles and Responsibilities

Sole UX/UI Designer

UX Research, UX Design, UI Design, Prototyping

Scopes and Constraints

As a sole UX/UI Designer, I had to create an entire app design from start to finish with a limited budget within approximately 1 month.

The Process

Empathize, Define, Ideate

After completing user research and a competitive audit, writing down pain points, creating a user journey map and empathy map, as well as developing personas, I completed my ideation (Crazy Eights exercise). From there, I designed paper and digital wireframes.

User Journey

Competitive Audit

Low-Fidelity Wireframes

1st Usability Study

I conducted a moderated usability study with 5 participants. From this, I was able to create an affinity diagram, themes, and actionable prioritized insights to improve my design.

Mockups

From there I created mockups and a high-fidelity prototype.

2nd Usability Study

A second usability study was conducted to test if the design had improved from the first low-fidelity iteration and to see if the new high-fidelity design was easy to understand and use.

The Final Product

Accessibility Considerations

  • I made the settings more accessible by including an icon on the bottom of the screen and in the hamburger menu to allow people to find settings such as brightness, sound, etc. 

  • I made sure to include enlarged text to allow for increased visibility.

  • I added high contrast colors and images of pills to improve quick identification of medications.

What I Learned

I learned that medication notification systems have a lot of facets, and users require different types of notifications. Additionally, I learned that users have a lot of features that they would like to see integrated with the app to improve their health management.

Next Steps

  • Add an instructional video when users download the app to help them get the most out of the features.

  • Conduct research on successful use of the app to see if added changes improve user efficiency and satisfaction.

  • Research potential for adding pharmacy and drug database integrations to improve user experience.