“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?"
TestQ is an app designed to streamline the process of drive thru COVID-19 testing
This concept project was an entry for Protothon's 2020 Design Hackathon tackling COVID-19 drive thru testing in the first half of 2020.
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
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.
We created a persona to help us synthesize our data and build empathy
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.
I drew the team's basic understanding of a 2-lane system
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
How drive thru testing was being conducted at the time
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.
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
Patient Information autofilled + Symptoms
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.
Our UI elements were minimal given the time constraint
The final submission were mockups on a Samsung Galaxy Tablet and I put together a slide deck that detailed our main pitch which can be viewed below.
Our final user flow for checking in a patient
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.
This project was for Protothon 2020, a design hackathon.
Icons used on this project are from Flaticon.
Thought that was interesting? Check out this project B2C client project I did with 6 designers.