Medate
User experience to help young adults remember to take meds on time
Project overview
The product:
DoYou is a site and platform for Urband and sub-urband commuters. It's a platform to help personalise their t-shirts. Its target users are various gruops/organisations and individuals (young adults and adults) who need to modify t-shirts for their activities and events which without wont have the desired or effective outcome
Project duration:
February 2020 to April 2020
The problem:
Busy young adults with heaith conditions or
jus momentarily sick but forget to take meds
because they are caught up between Studies,
work and social life
The goal:
Design an app that will help schedule and
remind young adults to take their
medications
My role:
UX|UI designer designing an app for Caresto
from conception to delivery
Responsibilities:
Conduct interviews, paper and digital
wireframing, Low and high fidelity prototypes,
usability studies, accounting for accessibility,
and iterating on designs
Understanding User
● User research
● Personas
● Problem statements
● User journey maps
summary
Conducted a series of interviews and biult a couple of personas which helped understand my users so I could best design with their needs in mind. Came up with a couple of personas and the primary group was the young adult who is busy with school, a job, and social life.So
sometimes forget to take meds when they have to
pain points
Persona: Paul Jude
Problem statement:
Paul is a final year student who
needs to To schedule and
set reminders for his
medications because he
wont want to miss taking
on some days or not finish
prescribed dose
User journey map
Penjo’s journey map helped
me visualize how useful it’ll
be for users to have and
use Caresto
Starting
the design
● Paper wireframes
● Digital wireframes
● Low-fidelity prototype
● Usability studies
Paper wireframes
paper wireframing help me
quickly iterate on different
layouts, elements and
navigation for best possible
user flow/accessibility and
navigation to get user need. I
prioritized easy access to
setting up drug schedule and
also current medication for
easy checking and access to
return users
Button leads
directly to adding & scheduling
prescription
of users
Users can easily access and get info on drugs they
are already on
Digital wireframes
With initial design stage still
on, I continued to make sure
the digital wireframe is
designed with respect
feedback from research
Digital wireframes
Easing navigation was a priority and also having elements with icons and text to help assistive
technology
Hamburger
dropdown menu for easy access
and navigation
Ease navigation
and screen
reader friendly
Low-fidelity prototype
Using digital wireframes, i was
able to create a low fidelity prototype
of the principal user flow. From
setting up meds, schedules, to
reminders so can be used for
usability study
View Medate low fidelity
prototype here
findings
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.
Round 1 findings
users need to be able to share feedback with their physician
users need to be scan their drugs and not just type in
Round 2 findings
Users need more flexibility with scheduling time in a day
users found it requests too much information for setting medication
Mockups
Early design gives room for some customization. After usability studies and some insights, I added options like Share feedback to help users share with their doctors for follow up
Mockups
Second usability study
had some frustrations
from users because
setting schedule time a
day wasn't flexible
enough to meet their
needs
Mockups
High-fidelity
prototype
The final high fidelity prototype is clearly detailed with elements
and components, and visual design to ease user flow and
navigation. It also has more customization and accessibility
View Medate high fidelity protype
Accessibility considerations
Added text to imagery
and hierarchy to help with
screen readers for users
who are vision impaired.
Used icons & text to help
ease navigations and also having elements help assistive
technology
Site map
with the app done, I designed multiple responsive screens following this site map to
guide structure on the various screens and ensure cohesion and
consistency across the
screens
Responsive
design
Designed for multiple screens. mobile tablet and laptop. i
optimized so it meets user need across the screens
Young adults are too engaged with school, jobs and social life they
forget or miss
taking medications
Time
Platforms for ordering
food are not equipped
with assistive tech
Accessibility
Lack of customization,
for scheduling and
reminders to increase
chances of promptly
taking medications
IA
Refining
the design
● Mockups
● High-fidelity prototype
● Accessibility
Going forward
● Takeaways
● Next steps
Takeaways
Impact:
Users feel its Medate is valuable and easy
use. So actually help users with need to take
their medications promptly
The goal:
With designing Medate i realised there are
certain user needs which seem simple but
with research and usbility studies you really
see significance and importance
The goal:
With designing Caresto i learnt a lot gets better
as the process goes. And usability studies
really have you iterate on little changes you
missed seeing which intend have great significance.
“I think the process is pritty easy and
straight foward. It looks good too!..i love
the fact i can get help from others with
messages, makes it feel more
reliable. ”
Next steps
More usability studies to
be sure all pain points are
met.
More research and user
feedback to determine
more areas of need and
or update.