PRED PATIENT
Streamlining Healthcare Collaboration & Empowering Better Patient Care
Status: Live on Google Play
ROLE:
Senior UX/UI Designer
TIMELINE:
2 Months
(June '22 - July '22)
TOOLS:
Figma
Adobe XD + Suite
Miro Board
MY COLLABORATORS:
1 UX Researcher
2 UX/UI Design Interns
2 Developers
1 Product Manager
1 Head of Design
Pred's Marketing Team
CORE RESPONSIBILTIES:
Lead the UX/UI Design of Data Tables & Maps Module, Usability Testing, Visual Design, Interaction design, Design System & Iconography
Project Brief
Pred is a unified platform with the goal to provide low-cost automated system for Integrated Care Management. The mission is to unify all stakeholders across the health ecosystem with a primary focus on interoperability, data consolidation and analytics.
Providing smart solutions to Hospitals, Diagnostic centers and Doctors along with the ability to securely plug into the larger eco-system reducing cost, time and carbon footprint for all interactions and transactions among key stakeholders of the healthcare ecosystem.
The Story
Problem Space
Healthcare information in India is scattered and it becomes difficult for caregivers to track patients medical history and to prescribe the correct treatment.
01
Consolidating the patients past medical history from different caregivers is error prone and time consuming.
02
No clear transperancy in medical caregiving from admission to billing which causes unaticipated costs for the patients.
03
Printing costs for medical documents such as X-ray is expensive and an environmental hazard.
The Challenge
How might we address the challenge of inefficient data sharing and communication among healthcare providers?
The Solution
The final product successfully combined Pred's business and customer goals to give delightful features. Overall it was characterized by:
Transparency
Customization
Quick Navigation
The Impact
In our pursuit of improving healthcare collaboration, we achieved the following impact metrics for the final shipped product:
4.5
Customer Rating
75%
Adoption Rate
for Timeline
14/15
Net Promoter Score
The Solution
Enable users to create a Digital Repository of Medical Records
Users can upload their medical documents into a digital repository and also have a full control over which doctor can view access the data.
DESIGN FEATURES:
-
Using tabs to make it easy to toggle between patients and doctors uploads.
-
Always keeping the user informed about who is able to access the data to build trust.
Track their medical history with a timeline view
A feature that provides users with a customized view of the patients medical history - anywhere from a birds eye view to a worms eye view.
DESIGN FEATURES:
-
Ability to view your life’s entire medical history in the way that you want to see it.
-
Using a dropdown to easily switch between timeline view.
Connect with specialized health care providers and share your medical data
Search or Add new doctors who can provide you with specialized treatment to your health problems.
DESIGN FEATURES:
-
Using a combination of card sliders and list view to segregate and prioritize sections.
-
Highlighting important information such as data sharing by using prominent colors.
Have a cross-profile experience
For people with dependents who don’t have access or have limited knowledge on using technology.
DESIGN FEATURES:
-
Maintain and access the medical records of family members who are not tech-savvy.
-
Improves accessibility of the service.
Want to know how we got there?
Design Process Timeline
June 16
June 25
July 12
July 19
July 30
Research
Design
Handover
to client
A quick scroll through my research
Preliminary Concepts - Sketched Iterations
I took the lead for "Medical Timeline" and "My Doctors & Uploads" Feature. I started exploring concepts along the identified design principles of transparency, customization, and ease of navigation. For concept stage, I collaborated with cross-functional partners and received feedback from:
-
Kunal Desai (Project Manager) and Vivek (Software Developer)
-
Dhisti Desai (Head of Design) & Ishan Shah (Design Manager)
-
Group Critique with the design team
We combined our sketches to form the paper prototype
Wireframing Iterations
Explored and Iterated based on users and stakeholders feedback. Received feedback from:
-
Usability Testing - 3 Patients (Pre-cautionary Persona)
-
Kunal Desai (Project Manager) and Vivek (Software Developer)
-
Dhisti Desai (Head of Design) & Ishan Shah (Design Manager)
-
Group Critique with the design team
Design System, Final Screens, & User Validation
Developed a new design system in collaboration with the UI designer and created High Fidelity Prototypes. View the Design System in detail here: https://xd.adobe.com/view/8367cfc8-5ca0-48b5-a795-21a066f28abd-d634/
-
Usability Testing - 3 Patients (Pre-cautionary Persona)
-
Kunal Desai (Project Manager) and Vivek (Software Developer)
-
Dhisti Desai (Head of Design) & Ishan Shah (Design Manager)
-
Pred's Branding team for Design System critique
Final High Fidelity Prototype
Takeaways - What I could have done differently?
Focus on accessibility principles
-
Testing color contrasts using the AA Test & Mobile WCAG compliance!
-
Testing icons and font sizes with people with disabilities.
More simpler explorations for timeline feature
-
Trying and testing a few more designs for the timeline feature at the wireframe phase would help me compare the test results.