VIDA "Life" is an enterprise-grade healthcare product suite which is been developed as a cloud hospital management system by Cloud Solutions in Sri Lanka which is the technology partner for Cloud Solutions UAE a subsidiary of Dr. Sulaiman Al Habib Medical Group (HMG) the largest medical group in the gulf area.
The healthcare workers in the Emergency Room (ER) have to keep an eye 24/7, 365 days on the patients that are been treated in the unit. There was no proper solution for the ER team to monitor & assist the health conditions of all the patients from a single location in the ER unit.
This was a sole end-to-end design project done by myself. Areas covered are Research, Ideation, Testing and UI design.
1-2 Weeks
Pen & Paper, Wireframe.cc, InvisionApp
As one of the senior UX designers, I had the opportunity and the liberty to design one of the coolest features of the healthcare system as a concept back in 2018. Since the solution for the problem was needed within a short period of notice I had to follow a rapid Design Thinking Process which I come-up with a solution in less than a week.
Before i began on the research it was important for me to set research goals to stay current and relevant to the task. Conducting the research based on business goals will keep me aligned to the challenge.
Business Goals
Couple of assumptions I had…
I began to research similar digital products out there in the market since this feature was new to me. My goal was to identify a few market giants out there and to understand what are the core features, strengths, and weaknesses.
Note: Based on the time limitation I had to limit my exploration to 3 products found on the market. It was tough to find products similar to this exact requirement.
First and foremost I tried to understand the business goal, and then understood the user’s needs, pain points, and goals. At this moment I and my team conducted market research and competitive analysis for the product suite. Apart from that, I was able to narrow down the user’s needs, pain points, and goals based on the user interviews and email surveys carried out by a few ER physicians who work closely with the product engineering team.
Based on the research findings here are two of the fictional personas I’ve created for better empathy and storytelling for development.
Based on the key problems identified by the primary physician and nurse, Dr. James & Nurse Jessy it was time to define the problem statements.
For this I used a Point of View Statement (POV) method to come up with the How Might We… questions.
Once I was able to gather the Goals and Pain points of the users I was then keen to understand if there are any similarities between the Business Goals and the User goals. Hence I came up with this diagram to map the goals to ensure a way forward.
Key Takeaway:
This helped me to understand the goals that are in common with both stakeholders.
Next up to understand the way forward I drafted the ideal user task flow for the dashboard to understand how Dr. Rodrigo & Nurse Jessy would interact in different stages and decision points.
Key Takeaway:
The use of a user task flow, helped me to understand the main touch-points and decision-making scenarios.
One of my favorite phases in the process is to think out of the box and come up with all sorts of ideas!
I had a few ideas and I got them all down on pen & paper before I forgot them.
The scribbled-off ideas, throw away paper sketches are not here 😛
Key Takeaway:
Based on the sketched idea got some feedback from colleagues through A/B testing and went forward with the Card view & Card Dashboard.
The next phase was to design the sketches into a detailed Hi-Fi wire-frame prototype. The prototype helped me to run a few testing rounds with few selected users.
Based on the research findings, ideas and discussions, i focused on few amendments to the above dashboard view:
Â
Improved patient card
I figured out that the physicians and nurses in a hospital identifies their patients primarily by bed number. Hence included the bed number and and patient gender is indicated with standard gender colors for quick identification. Also based on the research findings i included the most commonly used vitals as indicators on the patient card.
Improved search
Even though the dashboard solution was designed for the ER unit, i thought through about the solution as a holistic solution. Hence added a patient search along with a department selection.
Improved navigation
How can i show all the patient on the screen? Can i cramp up my design to do this? well the solution that i came up was not to make the design look cluttered but to make it more intuitive. Hence added arrows to indicate there are more patients to be seen and for easy touch friendly navigation. A dynamic label on the patient count indicates the current state.
At the time of designing a solution for the vitals dashboard, few of us were required to fly over to Riyadh head office to visit the hospital chain for various requirement gatherings and workshops.
I made use of this opportunity to test and validate the design with one of the physicians who was kind enough to spear some time.
Test Objectives were,
Test Summary,
User test results
Revisions for the results
Revisions on the Final Design
Once all the user insights were gathered on the prototype I started designing the final visual design using Invision App.
I made sure to accommodate the revisions in the final design below.
One of few projects that I completed based on the Design Thinking Process all by my-self.
The Design Thinking approach helped me identify the company goals & end user's pain points, goals at the very beginning helped me to ideate and test out the solution with minimum iterations.
This was one of my very first projects working on InvisionApp and I loved every bit of the experience.
/ I could have used a more lighter color pallet to improve usability.
/ The UI designing could've been smoother if I had followed a component & variable approach.
/ I could have designed the visual layouts prior to the user testing so that I could have tested for a better understanding of the experience with colors & interactions.
/ I could have used a mental model such as the Think Aloud method to get a more accurate output.