top of page

Scrubs.

A HIPAA MESSAGING APP

THE CHALLENGE:  Create a new concept app  to improve communication between healthcare staff members.

THE SOLUTION: A H IPAA Compliant messaging app  catering to hospital care workers.

ROLE: UX Researcher. UX Designer.   UI Designer.

TOOLS: Figma, Photoshop, and Google Workspace

DURATION: 2  Weeks.

Sketch1.png
Lofi1.png
cover2.png

[  THE PROBLEM  ]

Laptop.png
bubble4.png
bubble 6.png
bubble5.png
medical.png
bubble2.png
bubble.png

Having worked in Healthcare I knew there was a problem with communication in hospitals between Healthcare Workers  that I wanted to help solve.

[  THE PROCESS  ]

For this case study I applied  my experience to the double diamond design method for clarity.

Double Diamond.png

[  DISCOVER  ]

[GENERAL RESEARCH]

Empathy comes first!
I started by doing some general research.

 

67.png

67%

NURSES

REPORT MEDICAL DISAGREEMENTS WEREN'T RESOLVED APPROPRIATLEY.

250,000

PATIENTS IN THE USA DIE AS A RESULT OF MEDICAL ERRORS EVERY YEAR

60%.png

60%

MEDICAL ERRORS

ARE CAUSED BY COMMUNICATION FAILURE  BETWEEN DOCTORS AND NURSES 

[MARKET ANALYSIS]

To help guide me through the design process. I wanted to take some time to look at the current business market.
 

external-america-united-states-of-america-others-maxicons.png

$1.1 BILLION

THE US GOVERNMENT SPENT $1.1 BILLION DOLLARS ON HOSPITAL CARE.

33% SPENT

HOSPITALS TAKE UP 33% OF TOTAL HEALTH CARE  SPENDING IN THE USA

$43 BILLION

MEDICAL DEVICE INDUSTRY IS WORTH $43 BILLION DOLLARS .

[COMPETITOR ANALYSIS]

To  understand what already exist in the market I took a look at some competitors.
 

onpage-logo.png
onpagepagerapp-1.png

[ PRO ] : A lot of useful features

[ CON ] : Lacks consistency and is overwhelming .

1024px-Slack_Technologies_Logo.svg.png
hero-full-ui-removebg-preview (1).png

[ PRO ] : Organization of messaging and ease of use.

[ CON ] : Not industry specific

download.png
TigerConnect.png

[ PRO ] : Medical Device integration

[ CON ] : More focused on communication between Health Provider and Patient

[1:1 USER RESEARCH]

I developed a research interview plan and got great insights.
Users were all current hospital care providers.

5Users.png
user5.png
user4.png
user1.png
User2.png
user3.png

[RESEARCH RECAP]

5 things that called to my attention out the most  during my research was: 

Outdated.png

ASSIGNMENTS

LACK OF ASSIGNMENT TRANSPARENCY AMONG NURSING STAFF 

EError.png

 MEDICAL ERRORS

POOR COMMUNICATION BETWEEN STAFF CAN CAUSE MEDICAL ERRORS

money.png

EXPENSIVE

MONEY SPENT IN HEALTHCARE, HOSPITALS TAKE UP THE MOST OF THAT SPENDING. 

overload.png

WORK OVERLOAD

STAFF IS CONSTANTLY OVERLOADED AND NEED WAYS TO HELP.

hardto.png

HARD TO 
REACH

HARD TO REACH PROPER STAFF IN THE EVENT OF AN EMERGENCY

[  DEFINE  ]

[USER INSIGHTS ]

To Synthesize the  research gathered  I developed: User Insight Board, Affinity Diagram , User Persona, & Empathy Map.

[PROBLEM STATEMENT]

"How might we create a Communication App for  Healtcare Staff that will help make  communicating and collaborating easier  and more efficient?"

ProblemNick.png

[  DEVELOP  ]

[IDEATION]

My team and I brainstormed a list of features for the app, we used a 3 dot voting system  to narrow down what to include. We chose the top features by mapping it onto a priority matrix.

I Wish.png
priority.png

[BRAINSTORMING]

Now that I knew where I was headed I started to think about all thing things I learned. I also thought of the inspiration I gathered for this project to come up with a solution for my users. 

gaga1.png
bubble4.png
User2.png
WHATS.png
Laptop.png
idea.png
user5.png
user1.png

[WIREFRAME SKETCHES]

 I  sketched out my initial ideas. 

Sketch1.png
Sketch 3.png
Sketch2.png

[LO-FI PROTOTYPE]

Then converted my sketches into a lo-fi prototype so I could begin usabilty testing.

Lofi1.png
Lofi3.png
Lofi2.png

[  USABILITY TESTING  ]

I tested the Lo-Fi prototype with 5 users and identified some areas for improvement.

[NAVIGATION]

[ PROBLEM ]

Users found the plus sign too confusing and didn't know what it was for.

P1.png

[ SOLUTION ]

I changed the plus sign to a messaging icon and it became more clear to users that it was for starting a new message.

S1.png

[ASSIGNMENTS]

[ PROBLEM ]

Users were having difficulties locating the assignments in the profile section.

p2.png

[ SOLUTION ]

I moved the assignments to its own section and  included it to the navagation.

s2.png

[STAT ALERT]

[ PROBLEM ]

Users felt overwhelmed by the design and the cards were hard to read.

p3.png

[ SOLUTION ]

I made  "Code Blue" preselected to save time as it  was the most used. I enlarged the card and placed all secondary alerts as a scrollable carousel.

s3.png

[CHANNELS]

[ PROBLEM ]

Users kept thinking this was like "Instagram Stories" to post photos.

p4.png

[ SOLUTION ]

I changed the shape from circle to a square with an emoji in the middle for visual reference.

s4.png

[PATIENT BUTTON]

[ PROBLEM ]

Users were not sure what the numbers represented. Also users wanted to know if the patient was in  isolation or not.

p5.png

[ SOLUTION ]

I added a patient icon to the room button.  I also added a ISO variation to represent to the user that the patient was in ISO status

s5.png

[  DELIVER  ]

[HI-FI PROTOTYPE]

A Hi-Fi prototype was created to test my ideas and validate the design. It was extremely helpful for me to test users on the tasks that I focused on to gain realistic insights, also understand what worked well and what requires further improvement. 

iPhone 13 Mockup.png
new.gif

[VALIDATE]

After two weeks of user research, analysis and design, I was able to validate the changes I had made. I did this by testing my clickable prototype with 5 new users. The results are:

Validity.png

[FINAL THOUGHTS]

​With More Time, my future plans include:

cover 3.png
cover2.png

  • The ability to send different kinds of messages based on urgency

 

  • Focusing on the flow from doctors views and pain points.

 

  • Researching further into adding security features into the app.

  • Building out an admin/charge nurse side of the app.

Like what you see? Contact Me.

call me.png

Thanks for submitting!

bottom of page