PROBLEM

 

Businesses that require their employees in the office to operate at normal capacity, were struggling to know how to reopen their physical spaces, get employees safely back in the office, and remain open during COVID-19. 

SOLUTION

 

Utilizing public health data from numerous sources, workradar contains maps with infection rates around office locations, attestation history from employees, and current/forecasted trends for management to make informed, smart decisions on reopening. Employees would use the application to attest to their health status on days they’d be in the office by answering a set of questions regarding their symptoms and exposure. 

My Role

  • Implementing Human-Centered Design practices into our workflow
  • Creating all visual elements, colors, branding, and application mockups
  • Building interactive prototypes for mobile and desktop views (low and high fidelity)
  • Generating user flows to better visualize how the application is used
  • Writing user guides for various roles and responsibilities

Deliverables

  • Interactive prototypes to demonstrate intended implementation and capabilities for:
    • Mobile
    • Desktop
    • Various user roles
  • User guide documentation
  • Website layout design and mockups

This project was worked on in 2020-2021 while employed at IdeaCrew, Inc., based out of Washington DC

Process

While not always applicable and varies from project to project, I try to use the process outlined in the following graphic from NN Group as a starting point when determining steps to take throughout a project.

1. Research

  • Identify the various types of users that would potentially use the application
  • Understand the high-value data that result in actions taken by the Employer user group
  • Leverage current attestation recommendations by the CDC
  • Determine requirements and constraints
  • Observe similar types of products

2. Testing & Refinement

  • Creating wireframe feature concepts for:
    • Mobile
    • Desktop
    • Various user roles
  • Feedback and refinements
  • Repeat as necessary*

3. Implementation

  • Building interactive wireframes to demonstrate functionality across the various views and users
  • Knowledge sharing with the front-end development team to ensure clarity behind interaction patterns and user flows
  • Continuous feedback from potential customers and product owners
  • As goals, limitations, and/or scope change, repeat any previous steps as necessary

Example Use Case

by use of personas

Results

Figma Interactive Prototype for Employees (Mobile)

User Flow for Employees & Guests

Management Views