Martha Magsombol
Test Q
“How might we design an app that allows nurses to seamlessly check-in new patients and communicate with patients, care providers, and rooms so there’s more time for patients and less paperwork?"
Overview
Role: Product Designer
Contributions: Secondary research, proto-persona, storyboard, user flow, visual design wireframe, mockups
Tools: Figma, Procreate, Zoom
Team: 4 Designers
Platform: Android Tablet App
Constraints
Time - 24 hours
Resources - Not knowing the topic ahead of time, we could not schedule for interviews
Scope - The full brief is a full process with a really large scope and it originally did not specify an environment for the app to be used.
Environment - Completely Remote
Empathizing with COVID-19 front-line workers
The team looked through the resources provided by Protothon including a video of drive thru COVID-19 testing and a journal by the US Department of Health and Human Services.
To narrow down the problem, we decided to focus on drive thru testing and looked online for videos and people’s experiences online, since we could not get a hold of interview participants, given the time constraint.Understanding the process was crucial in determining what pain points exist.
In order to expedite our understanding from the videos and readings we discussed, we sketched out our understanding of COVID-19 testing and how we thought it could be expedited.
After determining how we would implement our app in a real life setting, we created user flows of what nurses would need from a digital app.We learned that patients interact with at least 2 different nurses in the process of testing:
Nurse 1: Checking in
Nurse 2: Administering the test
At the time that this research was being conducted actual test results aren’t available until at least 24 hours, and can take up to a week. In order to narrow our scope more, given our time constraint, we decided to focus on Nurse 1, because we hypothesized that one of the biggest reasons lines for testing were so long was because of the paperwork required at this stage. The actual swabbing takes about 15 minutes.
After understanding the users, the team defined a problem statement:
Nurses need a way to quickly, safely, and easily check in patients for COVID testing because they want to provide care for as many patients as possible.
User Flow
With a problem statement defined and scoped, I worked with the team to devise a flow.
Check-in Dashboard Overview
Floating action button expand to different ways to check in a patient
ID Scanner
Patient Information autofilled + Symptoms
Review
Confirmation
Visual Design
While my team broke up the user flow into further screens for low-fidelity prototyping, I set out to create a UI kit for them to use. I sent out a preference test for very basic style tiles but, given the time constraint, we could not garner enough results to skew a favored style tile. So I combined the preferences from two (mainly color + font) and discussed design with my team before we moved completely to mockups. Prior to breaking up into different teams, we decided to design the dashboard together so that we are all on the same page about where the user flow begins.
Final Mockup
Links: Submission Deck
Retrospective
Grab and GO!!
This was a first hackathon for everyone in the team, so we were unsure about how the timeline would look for us. We spent a lot of time debating about constraints of our ideas. We should have just grabbed the idea, went for it, and iterated as we needed.
A lot of cooks in the kitchen
Having 4 designers, we hypothesized that we could have finished things faster with 4 brains working together; however, it was 4 different brains trying to make single decisions. We spent the most time making decisions and focusing on small details and discussing pros and cons of each.
Icons used on this project are from Flaticon.