COVID-19 Screening Portal — a UX Case Study

A Redesign of the UC Davis Daily Symptom Survey

Project Overview

Context

The Problem

How might we redesign the COVID symptom survey experience to be a hassle-free process while still ensuring the safety of the UC Davis population?

Our Solution

Meet the Team!

Our team of four, guided by a lovely project mentor.

Project Timeline

Our timeline for the six-week sprint process.

User Research

Survey Structure

  • Stage 1: Getting COVID-Tested in order to comply with university rules
  • Stage 2: Navigating to and accessing the Daily Symptom Survey
  • Stage 3: Taking the Daily Symptom Survey
  • Stage 4: Accessing Daily Symptom Survey results and utilizing them to access campus facilities and such

Survey Results

Some highlights from our research findings.

Ideation & Synthesis

  1. Easy to forget to schedule COVID test & filling out COVID Symptom Survey (both when to take and upcoming tests)
  2. Non-linear process of scheduling COVID test appointment
  3. Tedious process of taking the Daily COVID Symptom Survey
  4. Unaware of the different types of results after taking the Daily COVID Symptom Survey
Sketches of possible solutions to address the 4 user pain points.
  • Notification reminders for COVID-testing and to take symptom survey
  • Flow of scheduling COVID test appointment: callback number saved, accessing bar code easily
  • Condense the COVID screening process into one app
  • Resource page of the meaning of various approved badges and multiple ways to access that page

How might we condense the entire COVID-19 testing and screening process and make the experience hassle-free for UC Davis students?

Streamlining the User Task Flow

User Flow of the current process of filling out the Daily Symptom Survey
User Flow of the revised process of filling out the Daily Symptom Survey

Mid-fi Prototyping

A few mid-fi wireframes created during this stage.

Home Page

Covid Symptom Survey

Covid-Test Scheduling Flow

Resources

Usability Testing

  • Completing the Daily Symptom Survey
  • Scheduling a COVID-19 test
  • Finding your QR code and relevant information for scheduled COVID-19 tests
  • Setting up auto-schedule for COVID tests
  • Finding information about your Daily Symptom Survey results
  • Finding information about the COVID testing frequency requirement

Findings

Figure 1.1: Usability Testing Adjustment #1
Figure 1.2: Usability Testing Adjustment #2
Figure 1.3: Usability Testing Adjustment #3

Hi-fi Prototyping

Implementing the usability testing findings into the prototype

  • The testing tab and the homepage were quite similar, so we condensed them into one and removed the navigation bar on the bottom, replacing it with a hamburger menu.
  • It was also difficult for users to find the QR code for their appointment.
Design System Colors

Design System

Our Final Product

One of our primary goals is for our app to be able to save as much time as possible for students, since time is always very limited.

Figure 2.1: Onboarding & Home Page
Figure 2.2: Completing the Daily Symptom Survey

Figure 2.1: Onboarding & Home Page

  • Minimize Repetitiveness: Saved account & COVID related info (e.g. callback number, vaccination status, address for testing)
  • Save Time: A designated dashboard display on the home screen will make results more easily accessible to show for entrance to campus facilities
  • Customize Notifications: Choose when and how frequent reminders are for (1) Complete Survey, (2) Schedule a Test, and (3) Upcoming Test.

Figure 2.2: Completing the Daily Symptom Survey

  • Minimize Forgetfulness: An automatic button disappears once the survey is completed
  • Avoid Scrolling: Questions are distributed on separate pages
  • Only Use 1 App: Survey Badge is displayed immediately and remains on the Home Page
Figure 2.3: Daily Symptom Survey Result Badges

Figure 2.3: Daily Symptom Survey Result Badges

  • Avoid Confusion: “What Does This Mean” button allows users to immediately understand their badge means.
  • Easy Access to Action Items: For the “NOT APPROVED due to overdue testing” badge, we added a direct link to schedule a COVID 19 test.
Figure 2.4: Schedule a COVID-19 Test
Figure 2.5: Auto-schedule a COVID-19 Test

Figure 2.4: Schedule a COVID-19 Test

  • Simple Steps: Select a date, location, testing window, and edit anytime
  • Easily Access Testing QR Code: Each upcoming test is displayed on the Home Page
  • Save Time: Select a testing windows instead of a specifc time

Figure 2.5: Auto-schedule a COVID-19 Test

  • Simple Steps: Select a day of the week, testing window, frequency, and edit anytime
  • Minimize Forgetfulness: Auto-schedule your COVID-19 tests for your preferred day of the week
Figure 2.6: Resources

Figure 2.6: Resources

  • Increase Clarity: Easily access badge information on the survey dashboard (“i” button)
  • Increase Awareness: Easily access badge information post-survey completion
  • Only Use 1 App: Access all resources via the hamburger menu

Reflection

Challenges & Takeaways

  • To fix this, we carefully examined each of our screens to decide what we really needed, and based on this, we were able to consolidate and better organize the information and features in our app to streamline the user experience.

Next Steps

--

--

We’re a student-run design consultancy @ UC Davis!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store