Doc Vitals
Doc Vitals is an iOS app that allows doctors to monitor patients' vital signs remotely using medical devices. In addition to monitoring, it provides immediate notifications and improves overall doctor-patient communication.
Project Goal
Motivated by the desire to have a positive impact on people's lives through Design, I embarked on this personal project. This project was a real personal challenge, as it required my ability to synthesize and apply the different skills accumulated over the years in UX/UI Design, Interaction Design, Branding and UX Research.
Role
UX/UI DESIGNER
Tools
AFFINITY | FIGMA | FIGJAM | LOTTIEFILES
Inspiring environments
UX/UI DESIGN | UX RESEARCH | BRANDING
Chiara Esposito
Pulmonologist
How can this application simplify the daily work of the doctor?
-
Remote access to patient data: Chiara wants to access patient data from anywhere to provide care outside the office.
-
Easy communication with patients: Wants to communicate easily with patients to address their concerns and provide reassurance at a distance.
-
Adaptability to different medical needs: Look for an app that can adapt to the different medical needs of its patients, allowing personalized care.
-
Intuitive interface: Prefers an intuitive and easy to use interface, for immediate adoption by both you and your patients.
Analysis and empathy
Having gained a deeper understanding of the medical context through interviews, I conducted a competition analysis to examine similar applications already on the market. I analysed their functionalities, strengths and weaknesses to identify opportunities for differentiation and improvement.
MioDottore has been the product closest to requirements, especially for its medical information management capabilities, facilitating physician-patient communication and monitoring of vital parameters at a distance.
Marco Bianchi
Cardiologist
How can this application simplify the daily work of the doctor?
-
Patient follow-up and communication platform : Look for a platform for patient follow-up and timely response to patient inquiries.
-
Adaptability to different medical conditions : You want an application that can adapt to the different medical conditions of your patients.
-
Integration with Medical Record Management System : The application should integrate seamlessly with your existing medical record management system.
Architectures and flows
With the data from the research conducted, I was able to define effective user flows, a solid information architecture, and a user interface that prioritizes a consistent and intuitive experience to meet the specific needs of physicians.
The goal is to structure navigation in a way that allows doctors to always have an overview of upcoming events and their calendar, allowing them to better organize their work.
Challenge: Talk to the users
In this first challenge of the project, I needed to do research directly on the medical field, to understand the needs of future users and be able to talk directly with specialists
Research on the field
Solution
-
Context analysis :
-
Increased use of digital devices by physicians to access information, record data, and communicate with the healthcare team.
-
Importance of technology to improve healthcare.
-
-
Interviews :
-
Interviews were conducted with 10 healthcare professionals (32-45 years) to gain an expert view:
-
User needs
-
Challenges of Medical Monitoring in Hospital
-
Results
-
Priority diseases:
-
Diabetes
-
Hypertension
-
-
Medical devices used:
-
Pulse oximeter with Bluetooth connection
-
Blood pressure meters with Bluetooth connection
-
Thermometers
-
Glucometer with Bluetooth connection
-
Branding
This project allowed me to experiment and deepen my basic graphic design skills. I designed and created a visual identity for the application, so that it would make the user's visual experience more pleasant and captivating, but at the same time coherent and consistent.
Hi-Fi Prototypes
These prototypes are the result of careful design refinement work, based on the information architecture and existing wireframes. You will see how the three main functionalities - adding new patients, urgent notifications and device monitoring - have been integrated into the user interface.
Usability Testing & KPIs
After designing the high-fidelity prototypes, I conducted unmoderated usability tests on a smaller sample of specialists (5) interviewed in the initial research, describing the tasks that the user had to complete. This allowed me to measure the KPIs of the prototype created based on the completion of the task requested. Despite the limited number of tests, interesting product improvement points emerged.
Task 01
To start, click the "+" button at the bottom right (Floating Action Button) and add the patient Cavallotti Alberto to your patient list, the data associated with it are to be considered correct. Once the patient has been added, return to the home page.
Results
-
100% Success Rate : 5 out of 5 users successfully completed the task
-
0% Failure Rate: 0 out of 5 users failed the task, not completing the action.
-
Misclick Rate : 3 candidates interacted with non-interactive elements without following the expected flow of action.
-
Average Completion Time : The average time taken to complete the task is 1 minute and 45 seconds.
-
Number of clicks: The average number of clicks to complete the action is 10 clicks, to add a patient to your list and return to the home page the minimum number of clicks is 8.
Understand the results
The test validated the final design, demonstrating the task success rate and 0 misclick rate. Users demonstrated a clear understanding of the prototype's functionality and interacted with it in a natural and intuitive way. Additionally, 3 users praised the animations and usability of the product during the user test, stating that it would be a very pleasant experience to use in their daily work routine.
Task 02
Starting from receiving an urgent notification, call a patient to make sure they are okay without leaving the app.
Results
-
100% success rate: 5 users out of 5 successfully completed the task
-
Failure rate 0%: 0 users out of 5 failed the task, not completing the action.
-
Misclick rate: 2 users have interacted with inactive elements
-
Average completion time: The average time taken to complete the task is 1 minute and 2 seconds.
-
Number of clicks: The average number of clicks to complete the action is 6 clicks, for correctly calling the patient the minimum number of clicks is 4 clicks.
Understand the results
All users were able to make the final call to the patient following the flow of the pre-established prototype. Although the success rate is 100%, however, 4 out of 5 users were a bit confused by the functionality, especially the flashing of the urgent notification. They did understand the context, but felt constrained in the interaction. In summary, effective functionality but needs an overhaul in terms of interaction and some UI components.
Task 03
Apply the filter to display only critical patients, then consult the patient file of Marco Mandragola, then download the weekly report of the evolution of the glucose values of the patient.
Results
-
Success rate 60% : 3 out of 5 users successfully completed the task
-
Failure rate 40%: 2 out of 5 users failed the task, not completing the action.
-
Misclick Rate : 4 candidates interacted with non-interactive elements.
-
Average Completion Time : The average time taken to complete the task is 48 seconds.
-
Number of clicks: The average number of clicks to complete the action is 7 clicks, the minimum number of clicks is 4.
Let's understand the results
For this usability test, I noticed that not all users expected to find the periodic trends of the values under the patient card. 2 of the users explained to me that the action of consulting the medical record is less frequent than that of seeing the weekly trends, so they expected to find immediately the trends of the parameters and later in scrolling the patient card. 2 of them appreciated the interaction to change the medical device and see the trains of parameters related to it.