Designing Seamless
HospiDrive is a hospital management system that streamlines operations
across all departments, with a unique built-in feature.
Platform
Web Application
My Role
- Lead UX Design
Measurable Outcome
- 40% reduction in document errors
- 25% decrease in nurse handover time
Project Overview
Problem Space
Manually managing all the patient related documents, appointments, internal communication with doctors and nurses, handover duties to nurses, keeping records of MLC cases is cumbersome task that takes up a large chunk of available resources and time for the hospitals.
Who?
Designing an experience for – Management head, Receptionist, Admin, Doctors, Nurses, HR, & Technician.
Before I tried to solve the problem, I wanted to understand why the problem was there in the first place. I started with “Why” and then dived deeper.
Key Challenges
Goal
To provide cloud-based software that will provide auto backup and safety to the documents and provide staff management to make them free from monotonous work.
Create easy to use software that can help doctors and other staff.
Solution
The software helps to complete hospital operations on a single screen that covers all important key functions of hospital operations & management based on NABH standards, which makes it an NABH-compliant tool.
The software takes care of all kinds of OPD & IPD management activities with primary concern of keeping patients’s Electronic Medical Records (EMR) & financial records.
It is a complete EMR software that has specific modules for Billing, Treatment, Discharge, MIS reports, referral incentives, and incentive modules.
My Role
I conducted user research to understand user behaviors, needs, and motivations through interviews and surveys. During this phase, I connected with individuals such as doctors and nurses.
I started by sketching wireframes and, once confident in the structure, moved on to high-fidelity wireframes. To reduce the risk of errors and improve product quality, I maintained close communication with developers throughout the process.
After finalizing the wireframes, I enhanced the visual design using colors, typography, and iconography. Finally, I conducted user testing to gather unbiased feedback and draw meaningful conclusions from real users.
Design Process
For this project, I followed the Double Diamond design process. It helped me explore the problem space deeply before narrowing down to the right solution, ensuring user needs and business goals were aligned.
Constraints & How I Solved Them
Here are some of the difficulties and how I tackled them:
- Generating requirement in less time span – As Doctor’s have busy schedule so to collect data in short time was a challenging task for me so to smoothline the process I prepared Interview script & the points on which I should focus on and did documentation for the same.
- As designing for multiple user role; organizing data and understanding between user flow and their task flow was a confusing task, so did site map and IA for each role to sort it out.
User Research
Secondary Research
Browsing for problems online &
Research conducted by others previously
To begin this project, Data was collected from different research papers available online.
According to the secondary research,
Document management is one of the most crucial activities in hospitals and can land the hospital in legal disputes if mismanaged.
Primary Research
Subject matter experts interview &
User interview
Now it’s time to communicate with domain experts (management heads, doctors, staff), users (nurses, receptionist, HR), and team to ask questions and gather data for design experiences.
Most often, the goal of this primary research is to better understand who you are designing for or to validate your ideas with the actual end user.
Data was collected by conducting online surveys and one-on-one interviews with hospital staff to identify the problems was carried out on the initial level.
User statement examples
“Looking for software where
I can easily store patient data & can access it anytime.”
“Managing new or old patient details is hectic work so need solution on that.”
“Looking for friendly app where I can do various tasks on hand.”
“Looking for software to save details related to MLA cases.”
Persona
Define
From the user interviews it is observed that there are some patterns in needs and wants of users (Head of department, doctors, nurses, receptionist and other staff)
Empathy Mapping
The user interviews and communication with hospital administrator, management head, doctors, staff gave me more than enough data to take decisions and filter through.
I did empathy map to understand users by being in their shoes. Capture their behaviors & attitudes in a simple, easy-to-digest visual way.
User Journey
Here is the digitized version of user journey, a path for user may take to reach their goal when using HospiDrive web application.
Information Architecture
When I had good amount of insight from the research, I started giving shape to the solution. Creating the user journey helped me to draw the path user will take on this HosiDrive web application to reach the goal.
Now it is time for the steps. Hence, I started working on Information Architecture for 6 user types to ensure each user could navigate to their critical tasks without cognitive overload.
User Flow
After working on Information Architecture, I started working on user flow to understand the path taken by a prototypical user (Receptionist & Doctor) on HospiDrive web application to complete a task.
Wireframes
Design is an iterative process to me. I started drawing sketches of wireframes, and once I was pretty confident about it, I switched to create the wireframes quickly.
Style Guide
After creating wireframes for few flows of web application, it was time for me to give it some personality with colors, typography, and iconography.
Colour strategy rooted in clinical context: trust, clarity, and WCAG compliance.
#2B4CC5
#FF7C4E
#4A4A4A
#FF910F
#8DC63F
#EFEFFA
Typeface
Accessibility
Access for every user
Choose Your Role to Continue
The login screen allows users to select from six distinct roles before signing in. This ensures a tailored experience for each user type in HospiDrive.
Quick access to patient information
OPD Patient Details – Doctor View
Doctors can view and update patient details like history, clinical notes, vitals, prescriptions, lab reports, etc. A sticky right-hand navigation panel allows quick access to different sections, keeping the workflow smooth and efficient.
Key Features
PORTALS: Doctor, Nurse, Reception, Admin, Technician, Human Resource
Measurable Outcomes
40
Reduction in document errors
Measured post-launch through staff feedback and error log comparison against the manual system.
25
Decrease in nurse handover time
Tracked by the operations team comparing average handover duration before and after implementation.
What’s Next
Now, what more features can we add in future release, here are some features that can be built for future enhancement of the web application.
HospiDrive – Hospital Management System with AI
Staff management
Staff attendance and access control
Patient management
Emergency codes and live count
Visitors management
Verification and security alerts