Medipal

My Role

Team lead, Ideation, Research, Visual Design, UX Design & Prototyping, User Testing

Timeline

September to December 2020

Tools

Figma, Illustrator & After Effects

Team

Zainab Alavi, David Ngo & Lian Sin

Brief

Over the course of four months, my team of four designers focused on finding a way for people to better track and manage their medication. As product lead, I proposed the initial concept and market research and worked alongside my team to conduct research, develop a design system and user test.

Keeping track of your medicine can be difficult. Many people find it tiring and overwhelming. MediPal aims to help by providing a solution that is convenient, organized, and easy to use.

The key features of MediPal include the ability to keep track of multiple medications and supplements, to set scheduled reminders, and to access and update medicine information.

Research & Findings

Through secondary research and interviews, my team gained an initial understanding of the target user’s medication monitoring goals and barriers.

We also conducted market research and a competitive analysis to better understand gaps in the market.

Defining the user

To create context and summarize our intentions for the app, my team created a PACT analysis and System Requirements chart that studied people who take medications or supplements. Our target audience became three groups: the elderly, young adults attentive to their health, and parents whose children have health concerns.

People

Elderly
Parents with kids
Young adults

Activities

Input or scan medicine
Track daily medicine
Alarms & Reminders

Context

Enclosed or outdoor environments
Content Security & Privacy
Offline capability

Technology

Scheduled reminders
Notifications & user profiles
Conduct medicine database searches

Personas

In order to have a better understanding of the key audiences of our product, we decided to build four personas: Elderly Person Rose, Mother of 3 Patricia, Full-Time Student Liz and Diabetic Grandfather George. We then created and analyzed different scenarios or tasks they would accomplish using the application.

A persona conducted for this application - her name is Patricia O'Connor a stay at home mother of 3

Design

The first step of the design stage was developing a site map. Afterwards, we began visualizing each section. Working in a team allowed for a variety of visual solutions to understanding the problem users were facing.  Each of us had a different vision for how the user could interact with our product. From there we refined our  mid-fidelity prototypes, worked on visual branding and implemented it into our design.

Site Map

My team created a site map to showcase our application’s main features and the tasks those pages accomplish.

Wireframing

After creating the sitemap, we began visualizing each section.

Working in a team allowed for a variety of visual solutions to understanding the problem users were facing. Each of us had a different vision for how the user could interact with our product.

Logo & Style Guide

MediPal’s logo is broken into two halves (Medication and Pal) and is inspired by the medication the app tracks. The logo reflects the simplicity and user-friendliness of the app.

For accessibility and legibility purposes we used two sans serif typefaces that are larger than the standard 16pt size. We chose Product Sans as the heading and subheading as the more rounded lettering makes it welcoming/friendly and Roboto as the Body.

Usability Testing

User testing allows for valuable insights from our targeted audience. We went through 1 round of user testing with 3 participants via zoom call and recorded our participants' screens as well as transcribed their actions with our Figma prototype. With this data, we were able to make direct changes to the User Interface to improve the user experience.

Key insights

Include a confirmation when the users completed a task.
More efficiently check the past dates when they took medication.
Make the ‘reminders feature’ primarily accessible from the medicine cabinet.

Prototype

Onboarding

As the first time user opens MediPal, they are prompted to secure their account and input their (and any dependents) information.

Static still of two screens from the Medipal app's onboarding

Home Page

The user is provided with a calendar, a profile icon (where they can switch or add to an account), daily tasks, and medications or supplements that require refill or are expiring.

Static still of two screens from the Medipal app's home page

Medicine Cabinet

Browse through your medications or supplements, add new medication, change reminders or dosage times and send a prescription request to your doctor.

Static still of two screens from the Medipal app's medicine cabinet

Database Search

Scan or add new medications or supplements. Search through a database of information to learn about the pills you are taking.

Static still of two screens from the Medipal app's database search

Reflection

MediPal was my first application that relied on close team work. It showed me the importance of obtaining input from all members of a group to develop ideas, design solutions, and catch UX errors or design inconsistencies.

Since this project was done completely remotely due to COVID, it was a challenging experience but increased my appreciation for effective communication. My team had to be flexible to adapting circumstances and new schedules. The dynamic atmosphere we created, albeit digitally, increased productivity and made the process exciting. I hope to continue creating products in a team setting.

Communication is key

Positive and open conversation allowed for better teamwork and efficiency and higher productivity.

Know your audience

Research, user interviews and usability tests allowed for a better understanding of our user’s  needs and difficulties.

MediPal