• 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?"

Header image with mockups
TestQ is an app designed to streamline the process of drive thru COVID-19 testing.


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


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.

Initial sketches for Designmate
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

User Flow: Get matched with a team, work on a project, present your progress, give feedback, and reference group crit sessions
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.

User Flow

With a problem statement defined and scoped, I worked with the team to devise a flow.

  1. Check-in Dashboard Overview

  2. Floating action button expand to different ways to check in a patient

  3. ID Scanner

  4. Patient Information autofilled + Symptoms

  5. Review

  6. 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.

Designmate logo animated
Our UI elements were minimal given the time constraint

Final Mockup

Our final user flow for checking in a patient

Links: Submission Deck


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.