COVID Trace

Helping People Transition Confidently from Pandemic Life to Normalcy

COVID Trace

An app that helps mitigates the panic of users living through a pandemic with solutions to social distance safely, track COVID-19 symptoms, and stay up to date with resources.

Role

Role

Product Designer

Timeline:

Timeline:

3 months

Team

Team

3 product designers

2 developers

3 product designers

2 developers

3 product designers

2 developers

Methods

Methods

Research, User stories, Information architecture, Wireframing, Prototyping

What is COVID Trace?

A pandemic solution that helps control and limit the spread of the virus, while also informing the public about the changing risks around them as people return to work, stores, social gatherings, and other aspects of their lives.

My Impact:

My Impact:

My Impact:

As one of three product designers in a hackathon tackling pandemic-related challenges, I played a key role in leading user research and translating insights into design decisions. I also oversaw the UI design to maintain a seamless and consistent visual identity across the product.

As one of three product designers in a hackathon tackling pandemic-related challenges, I played a key role in leading user research and translating insights into design decisions. I also oversaw the UI design to maintain a seamless and consistent visual identity across the product.

As one of three product designers in a hackathon tackling pandemic-related challenges, I played a key role in leading user research and translating insights into design decisions. I also oversaw the UI design to maintain a seamless and consistent visual identity across the product.

COVID Trace was a finalist in the HCL Hackathon, one of 32 teams chosen out of 200+ projects submitted.

COVID Trace was a finalist in the HCL Hackathon, one of 32 teams chosen out of 200+ projects submitted.

COVID Trace was a finalist in the HCL Hackathon, one of 32 teams chosen out of 200+ projects submitted.

The Challenge

As countries start to reopen, how can we use technology to safeguard communities that will be returning to mass public transit, work, and public space?

Goal: Create an inclusive, intuitive digital solution that supports users through the ongoing challenges of the pandemic with clarity, comfort, and safety in mind.

The Solution

COVID Trace

An app that helps mitigates the panic of users living through a pandemic with solutions to social distance safely, track COVID-19 symptoms, and stay up to date with resources.

Enabling users to social distance safely and efficiently

Contact Push Notification

Limit the spread by alerting user with timely push notifications of confirmed contact.

Heat Map

Check population density of locations to practice safe social distancing

Keeping users prepared as the pandemic evolves

COVID-19 Resources

Absolve user panic by providing next steps and amplify credible resources.

Symptoms Calendar

Limiting the spread by enabling users to responsibly track symptoms and quarantine.

Current Research

68%

68%

of Americans worry restrictions are easing too quickly

of Americans worry restrictions are easing too quickly

User Concerns

60% of users users feared their data could be misused, making them hesitant to trust big tech

60% of users users feared their data could be misused, making them hesitant to trust big tech

Technical Limitations

Bluetooth signals may not be strong enough to detect proximity which could result in false positives/negatives

Bluetooth signals may not be strong enough to detect proximity which could result in false positives/negatives

Medical Considerations

At least 60% adoption is needed, but only 40% of Americans believe the technology will be effective.

At least 60% adoption is needed, but only 40% of Americans believe the technology will be effective.

Professionals fear contact-tracing tools might lead users to neglect safety measures.

Professionals fear contact-tracing tools might lead users to neglect safety measures.

Use Case Scenarios

As we consider how communities will be returning to normalcy, we imagined a couple scenarios to identify users needs and opportunities.

Scenario 1– I’m at the grocery store shopping for our weekly essentials. My application notifies me that I have come into contact with someone that is confirmed to have the novel coronavirus.

What should I do? What will the people around me do? How do I avoid causing panic?

Scenario 2– I’m an essential worker and I must travel daily for my commute. I routinely stop for gas and food. I actively follow social distancing protocol, wear a mask, and use hand sanitizer after each encounter. I find myself in an unfamiliar area in need of gas.

What should I be aware of? Are there some areas I should avoid?

Prioritization features

We brainstormed the following features and prioritized them based on the requirements put forth by the judges. We selected the dark purple squares to be a part of our MVP.

Sketches

We divided up the high impact and low effort features and I began by sketching out potential layouts and features of COVID Trace drawing inspiration from Snapchat, Apple weather alerts, and Google Maps.

First Draft Wireframes

Given the time constraints of the hackathon, we quickly progressed from low-fidelity to high-fidelity iterations to have a product ready for presentation. Later, we revisited our wireframes to refine the design, ensuring we fully addressed user needs and prioritized accessibility

Core Flows

We designed with the following assumptions in mind:

  • The user always has the phone with them.

  • The user has already downloaded the application and trusts the platform to protect their privacy and use their location.

  • The user chooses to run the application in the background so that it can detect the bluetooth signals of users who have tested positive.

Homepage

  • Clear call to actions to check population dense hot spots & report COVID-19 contact/results

  • Amplified existing resources on pandemic best practices

Heat Map

  • Shows live population density of locations to support social distancing

  • Filters show/hide nearby testing centers

Symptoms Tracking Calendar

  • Track and update COVID-19 contact or symptoms daily

  • Track scheduled quarantine since contact/positive test results

Report

  • Clear CTAs for symptom reporting, contact logging, and testing centers

  • Users are prompted to update their daily feelings to track personal health

  • Resources are amplified and easily accessible

Final Prototypes

We presented our final designs and working prototypes to a panel of judges across life sciences, tech, and medicine companies. Overall, we received positive feedback on our vision and how it might help our users feel safer in an worldwide pandemic.

Github Prototype

Figma Prototype

Next Steps
  • Further user testing and user research

  • Additional design phases to improve application based on user feedback

  • Partnering with stores and restaurants to contribute population updates to improve the accuracy of heat map

  • Implement social heat map to crowdsource updates of changing risks at different locations

Outcomes

Received positive feedback on the feasibility of COVID Trace.

We received high praises on our concept and execution. Although it needs to go through many more rounds of design, it was encouraging to hear industry experts saw value in our product

First-time participating a hackathon!

My team and I entered this hackathon as a fun project to sharpen our skills and collaborate with new people (other UX designers and developers)

Collaboration with industry experts!

We pitched COVID Trace in the final rounds of the hackathon to executives across life sciences, technology, and health companies

Working with young developers!

Learning how to work with younger developer taught me a lot about cross-collaboration communication and limitations of designs.

Reflections

Challenges

  • Many iterations and discussions on how to properly communicate with out users keeping in mind the 7th grade average literacy level, while keeping in mind information fatigue and clear communication.

  • Finding the time to collaborate via Zoom and Figma while balancing full time jobs!

Achievements

  • Making the final rounds of the hackathon and getting the chance to pitch COVID Trace to executives across life sciences, technology, and health companies

  • Working with young developers -how to communicate and understand the limitations

  • My team and I entered this hackathon as a fun project to sharpen our skills and collaborate with new people, but we ended up competing against experienced developers and designers who sought to win the competition to fund the launch their applications!

Let's talk design!

Let's talk design!

Let's talk design!