CASE STUDY


COVID-19 dashboard

for Ontario

The COVID-19 Ontario dashboard's purpose is to visually provide KPIs to meet the specific needs of Ontario residents, correlating pandemic-related data with the new social rules imposed by the province.

UX Case Study - COVID-19 Dashboard - Ontario, Canada. Marcos Rezende

Overview


DASHBOARD

CHALLENGE

According to data from CTV News, Ontario addresses confusion over new stay-at-home rules.

Residents of the province are unsure how to proceed with the data released by COVID-19.

There is a lot of information focused nationally, but the question is: how to act locally?


GOALS


  • Provide useful information for decision-making at the local level
  • Improve the readability of data
  • Make it easier to find decentralized information
  • Help Ontarians visually understand lockdown rules.

PURPOSE


The key focus of the analytical dashboard is to present data variances to the user to quickly convey critical information to users, providing one-stop information used for analysis and decision-making quickly and clearly.

Dashboard Audit

While offering relevant data, most Ontario dashboards look confusing and not intuitive. Therefore, I could infer that the dashboards are more focused on providing a high-level overview of COVID-19 and its main indexes in the province (including data on hospitalization and death) instead of showing useful information a user can act on.

Information Architecture

UX Case Study - COVID-19 Dashboard - Ontario, Canada. Information Architecture.

I created the Information Architecture based on the recurring tag cloud identified in Twitter public data. The dwellers' frequent questions dealt with the new rules and not just receiving updated information about the pandemic. Thus, it was necessary to create a visual representation to facilitate the understanding of lay users to understand the correlation between the pandemic and new lockdown rules based on the presentation of the main insights.

Data representation

UX Case Study - COVID-19 Dashboard - Ontario, Canada. Data representation

The interface was developed from UX studies, definition and analysis of visual means for the representation of data based on the current dashboards available in Ontario. The components created are minimalist and guide the user's attention in card-based navigation.

Defining the containers

UX Case Study - COVID-19 Dashboard - Ontario, Canada. Containers

The layout of the containers was designed so that there is a continuous flow, in order to facilitate scanning on the dashboard, prioritizing the readable info from left to right on the desktop version.

UI Components

UX Case Study - COVID-19 Dashboard - Ontario, Canada. UI Components.

The components created are minimalist and guide the user's attention in card-based navigation. I define bright colors for the User Interface to increase readability and to be easy to scan.

Sketches

UX Case Study - COVID-19 Dashboard - Ontario, Canada. Sketches.
UX Case Study - COVID-19 Dashboard - Ontario, Canada. Sketches.
UX Case Study - COVID-19 Dashboard - Ontario, Canada. Sketches.
UX Case Study - COVID-19 Dashboard - Ontario, Canada. Sketches.

The sketches were developed from UX studies, definition and analysis of visual means for the representation of data based on the current dashboards available in Ontario, Canada.

User Interface

UX Case Study - COVID-19 Dashboard - Ontario, Canada. User Interface
UX Case Study - COVID-19 Dashboard - Ontario, Canada. User Interface
UX Case Study - COVID-19 Dashboard - Ontario, Canada. User Interface

To mitigate cognitive load to maximize usability, I designed a minimalist interface that prioritized the focus on information using monochrome components that allowed for quick decision-making by highlighting priority content.

The concept project was fully responsive and customized for viewing on desktops and mobile devices.

Future directions

This COVID-19 dashboard is a sample project, focused on user-interface redesign for the available dashboards in Ontario, Canada. For this reason, it is iterative work, as the topic is still incipient, and are being constantly updated.

In order to broaden the discussion about the relevance of the issues covered and the emerging user needs, it is necessary to focus on in-depth research methods based on user feedback, in order to bring even more relevance, and to allow testing of the implementations and components on all devices.

Interested to read more about other projects?

Feel free to reach out.

I'm looking forward

to hearing from you.

Medium
Medium
Linkedin
Twitter

2021 © Marcos Rezende's UX Design Portfolio - Ottawa, Ontario. Canada. 🇨🇦