Role
I assumed the following roles:
-
UX - User Experience Designer
-
UI - User Interface Designer
Project Specifications
Duration: 8 weeks
Tools:
-
Adobe Xd
-
Photoshop
Deliverables
UX/UI Design:
-
Competitive analysis
-
Persona
-
User journeys and task flows
-
Site map
-
Paper wireframing
-
Low-fidelity prototype
-
High-fidelity mockups and prototypes
-
Usability studies and tests
Overview
MediTime offers itself as a travel companion during medical therapy, which tracks and reminds the user to take his medicines. It also acts as a diary and memory of the patient's analysis and medical history. MediTime's target is mainly made up of adults and the elderly who are looking for help not to forget to take their therapy!
The problem
Very often medical therapies do not give the desired results because they are not followed diligently.
The goal
Design an app that increases the success of therapies and helps people organize and keep track of them.
MediTime App
Understanding the users
User research
From the interviews carried out, in which the central point was to understand the reasons why users forget to take the therapy, it emerged that many of them have complex therapies made up of numerous and different drugs. It was immediately clear to us that they needed support that would not only help them follow the therapy but also keep track of it, to increase its effectiveness.
Persona
Problem statement:
Lory is a busy woman who needs help remembering to get her therapy on time.
Competitive audit
An audit of a few competitors’ products provided direction on gaps and opportunities to address with the MediTime app.
Starting the design
Paper wireframe
I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit.
My focus was specifically on planning and monitoring medical therapy.
Digital wireframe
After ideating and drafting some paper wireframes, I created the initial designs for the MediTime app.
These designs focused on the planning and monitoring of medical therapy.
Easy access to app features from global navigation
Top half of home screen acts like a therapy tracker/reminder
Low-fidelity prototype
I created a low-fidelity prototype that connected the user flow of medical therapy planning.
View the MediTime's
Usability study: findings
-
Users want an easy path to add or update their therapy.
-
They need more recognizable and visible icons.
-
Users would like to know the trend over the months of their blood values related to medical treatments.
-
They would like easier registration on the app.
Refining the design
Mockups
Based on insights from usability studies I applied changes to the design. Through recognizable icons and a more simplified insertion of therapy data, I have made it more accessible.
Before usabity study
After usability study
and more...
I've replaced the traditional email and password registration method, opting instead for a simpler approach: users now input their telephone number and name. This change streamlines the registration process, especially for those less comfortable with technology.
Furthermore, I've included an option at the end of registration for users to designate a contact person. This allows family members or trusted individuals to assist those less tech-savvy in managing their therapy, accessing their accounts with varied data, and receiving medication reminders.
High-fidelity prototype
Accessibility considerations
Clear labels for interactive elements that can be read by screen readers.
1
The user journey is simple, short, and clear.
2
MediTime's Website
Starting the design
Sitemap
With the app designs completed, I started to work on designing the responsive website. I used the MediTime sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.
Responsive designs
The designs for screen size variation included mobile and desktop. I optimized the designs to fit the specific user needs of each device and screen size.
Takeaways
Impact
What I learned:
Users shared that the app made therapy seem easy to follow.
I learned that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs helped me come up with solutions that were both feasible and useful.
Sticker made by Storyset