An intuitive interface and timely notifications designed to simplify medication management for users, promoting independence, health, and peace of mind.
Services
Research, Wireframing
Duration
1 month
Industry
Healthcare
THE PROBLEM STATEMENT
Many people face challenges in remembering to take their medications due to various reasons. This leads to missed doses, health risks, and added stress for caregivers.
There's a need for a pill reminder app, especially for seniors, with simple interfaces and personalized features, to improve medication adherence and promote independence.
PROTO PERSONAS
Diana is a 62 year old senior citizen who often uses her mobile phone to communicate with her friends & consume content, and has a basic understanding of how to use tech.
She is a health conscious person, but often forgets taking her medicines on time, and would love if she is reminded of the same with her mobile phone.
Marcus
Age: 45
Occupation: Office Manager
Tech Proficiency: Intermediate
Alex
Age: 30
Occupation: Freelance Designer
Tech Proficiency: High
Common Problems:
Memory, Accuracy
Common Problems:
Memory, Accuracy
Goals: Marcus manages a busy office and struggles to keep track of his own health amidst his hectic schedule. He wants a medication reminder app that is easy to use and syncs seamlessly with his calendar to ensure he never misses a dose.
Goals: Alex leads a fast-paced lifestyle, often working late hours and juggling multiple projects. Despite being young and tech-savvy, Alex sometimes forgets to take prescribed supplements due to irregular eating habits. They seek a medication reminder app that integrates seamlessly with their digital workflow and provides customizable reminders to fit their dynamic schedule.
Pain Points: Balancing work responsibilities with personal health management, difficulty remembering medication schedules.
Pain Points: Irregular eating habits, occasional forgetfulness, reliance on digital tools for organization.
Goals
Be reminded of taking her tablets on the right time.
Ensure that the intake quantity is as prescribed.
Ensure the app UI is readable, accessible.
Common problems with people of Diana’s age (in order of probability, severity and occurrence)
Pain Points
Often forgets taking her medicines on time and wants to be reminded of it.
Has trouble seeing tiny things.
Dexterity
Difficulty using hands
Vision
Need bigger visuals
Color
Color blindness
Accuracy
Intent for aim
Memory
Lesser recall ability
ACCESSIBILITY CONSIDERATIONS FOR SENIORS FOR UX
1
Use less gestures
Hands aren’t as stable, buttons over swiping gesture be preferred.
2
Use bigger text size
Avoid tiny text the least text size should be 14pt or 16pt.
3
Use high contrast
Colors should be distinguishable & legible.
4
Use bigger buttons
Any clickable element should be as easily clickble as possible.
5
Less cognitive load
Use ways like position repitition, simple language for dialogs etc.
6
Simplicity & clarity
Reassure the purpose of the app generating trust in the user’s mind
ONBOARDING - USER FLOW
1
How will the app help?
Welcome the user
- What the app does
- Basic Introduction
2
Let us know you
User Data
Sign Up / Register input
Details of the user/pills
3
Have a tour!
Instructional Tour
Tooltips
Enter the app
LOW-FIDELITY WIREFRAMING - ONBOARDING
Splash Screens
Registration Screens
Setup Screens
Confirmation Screens
Take your pills,
always on time!
Take Meds App reminds you to
take your medicines, on time.
GET STARTED
1
2
Stay notified &
track yourself
We need your permission to show
you a notification on the right time.
NEXT
Stay notified &
track yourself
We need your permission to show
you a notification on the right time.
NEXT
Take Meds Would Like to Send You Notifications
Notifications may include alerts
sounds, and icon badges. These can
be configured in Settings
Don’t Allow
Allow
Explaining the main
user goals with simple
language
Light vectors showing
Screen 1: A friendly pill
Screen 2: A bell reminder
Sub- headings explaining
the app functionality in
simple language
Priming done beforehand to ask the user for the notification permission.
Placed in the beginning so as to avoid any user confusion later.
Primary CTAs positioned
in a easy to access way
Register yourself &
create your profile
Step 1
NEXT
Name
Password
1976
March
30
Date of Birth
Gender
Female
Other
Male
Input fields big enough for the user to tap
Password confirmation skipped so as to avoid unnecessary
cognitive load. Keeping the purpose limited to ‘creating a profile’ to use data in later stages
Conveniently positioned CTA / button so as to ensure reachability
Stepper with progress bar to represent the length of the flow
3
Bold, big & clear headline/ page title
to let the user know the purpose of the form
Bold, big & clear headline/ page title
to let the user know the purpose of the form
Name of the pill, can either be entered manually or
picked up from a list as the user starts typing
Easy to understand selectors in the form of radio buttons,
to skip extra taps and select all data in a single view
Number of pills selection via a counter
Repeated position of CTA / Button
Secondary CTA/ Button will create another input field on the same
screen while saving existing details
Progressed Progress Bar & Stepper
4
Add the first pill
to your schedule
Step 2
ADD REMINDER
ADD ANOTHER PILL
What is the name of the medicine?
How often is the medicine taken?
MORNING
Before
breakfast
None
After
breakfast
NOON
Before
lunch
None
After
lunch
EVENING
Before
dinner
None
After
dinner
How many pills do
you take at a time?
1
4
Using exclamatory phrases to give the user a feeling
that the process is complete
One time user input for the pills, thus avoiding manual entry for all pills for all doses
Time Picker (iOS)
Save button to move forward
on the same screen
After saving, the user proceeds
to record timings for noon/
evening on the same screen
A supportive simple icon/ vector to
represent the type of meal
Completed Progress Bar
Almost done!
Now, let us know
your timings
Step 3
SAVE YOUR TIME
04
03
02
01
AM
00
10
59
58
57
56
Generally, at what time do you have
breakfast?
Almost done!
Now, let us know
your timings
Step 3
SAVE YOUR TIME
34
33
32
31
PM
30
2
29
28
27
26
Generally, at what time do you have
lunch?
Almost done!
Now, let us know
your timings
Step 3
SAVE YOUR TIME
34
33
32
31
PM
30
9
29
28
27
26
Generally, at what time do you have
dinner?
5
Overlay / Pop Up showing the sucessful user data record
Stating the purpose again
Button if the user wants to add another schedule
Secondary CTA takes user to app homescreen UI
Saved!
You will be reminded
to take your medicines
on your timings!
ADD A SCHEDULE
SEE MEDICINE LIST
CONCLUSION
The final result was the above wireframe of the onboarding and setup process.
In this, I made sure that all the accessibility concerns are followed along with meeting the goals of the user on each screen.