PROBLEM
People forget to take their medicine
Many people who have to take medicine end up forgetting to take it because they do not have a proper system set up to remind them. Forgetting to take medication on time can lead to a worsening of symptoms and may decrease the effectiveness of the medication. MedTime is an app that reminds people to take their medication on time. This app will be helpful to those who suffer from forgetting to take their medicine.
COMPETITIVE AUDIT
The lack of a cross-platform experience
To work towards understanding the users I am designing for, I did research by conducting competitive audits as part of my ideation process. Through the competitive analysis, I realized that the competition only offered mobile apps. With that in mind, I used this project as an opportunity to bridge this gap.
View Full Audit
UNDERSTANDING USERS
Looking at the needs of the users
Moving forward, I created user personas that represented different users in order to help with identifying different user pain points. The persona below is Bill, a 71 year old male:
Bill is from Los Angeles. Unfortunately, he has developed diabetes and dementia, so he needs to take three prescribed medications. Due to dementia, he often forgets to take them, so he hopes to find a good solution to receive reminders.
IDEATION
From paper to prototype
I sketched multiple iterations of paper wireframes for multiple screens to get started with the design. I put stars next to any features I might consider keeping in the next iteration of the designs.
After creating these wireframes, I digitized them using Figma and turned the paper wireframes into working mid-fidelity digital prototypes.
View Mid-fi Prototype
USER TESTING
The problems with my current design
After building the mid-fidelity prototype, I used it to conduct a usability study, and from it, I gained many new findings about how to improve my designs:
- The two add buttons on the home screen caused confusing navigation for most users
- The lack of a mark all as done button creates inconvenience for users
- Although the primary add button is large, it is not the most visible because it lacks contrast
MAKING CHANGES
Making improvements based on study results
After conducting the usability study, I made some changes to my high-fidelity prototype!
1. Navigation and User Flow
I decided to remove the two plus buttons and make the primary plus button have more color contrast with its surroundings. Additionally, I also included a new “All done” button that allows users to record their completion easily.
→
2. Customization Options
Users wanted a functioning change appearance feature for the pills. Most users from my usability study believed that having this function was a crucial part of an effective medicine reminder app.
→
FINAL PRODUCT
The Style Guide
While I was creating my high fidelity prototype, I compiled the components that I used (buttons, typefaces, color schemes, etc) into a single sticker sheet.
ACCESSIBILITY
Taking accessibility into consideration
1. High Contrast Color
In my design, I included high contrast colors and bolded fonts for emphasis and ease of viewing. This allows for people with vision impairments to still read the text with less effort.
2. Navigation
I placed all the necessary functions of the primary user flow on the main page of the app, which means all the necessary features are able to be found in one place, allowing users to complete most tasks without navigation issues.
TAKEAWAYS
What I learned from this
I learned that designing for laptop and tablet are quite similar experiences because of their similar proportions. However, I thought that mobile apps and mobile sites would basically be the same, but there were many different considerations I had to make to transform the app into a mobile website design.