Adding the Traffic Light Model Charts

Adding the Traffic Light Model Charts |
Deloitte Analytics and Deloitte Digital

Wireframes, Design and Data Visualization

🏆 Winner of 2022 Ministry of Justice’s Governmental Transparency Award 🏆

The Corona dashboard began several weeks after the pandemic hit Israel. In September 2020, MOH decided to update and redesign the dashboard to reflect the traffic light model's policy for the public. This model aims to manage differentially the treatment of the spread of the disease based on regional data.

How this Model Works?

Every local council will receive a weekly index that is calculated by weighing the number of new cases, the percentage of positive test results, and the infection rate. The index is updated once every two weeks.

The Goals

Supply regional updated information for each local council which will determine its restrictions on the daily life activities
Support and reflect the model’s main objectives:
- Reduce the number of active patients in Israel while taking into account the health and economic needs of the public
- Fast and efficient contact tracing
- Rely on the capabilities of local councils to prevent disease

The Process

First Version

The design for this tile was based on the “COVID-19 spreading areas” and was placed instead of it:

The initial design showed the localities’ scores in a list, with the breakdown of the Traffic Light Model’s three parameters. Also, the local active patients’ number is shown. Next to the list, a tile displays the segmentation of localities according to their color in a pie chart.

Second Version

Later, we added the possibility to filter the localities by color and moved the note above the three parameters in the list to clarify that they combine the Traffic Light model.

Also, a tooltip was designed to show the locality score’s history in the last two weeks when clicking on it.

The design was made for the regular version (light mode) and the accessible one (dark mode).

Third Version

The next version reflected the rapid changes of the COVID-19 management:

We showed not only the locality’s “calculated score” based on three parameters but were also requested to display the Corona cabinet score. This way, each locality has two scores. We added a “search” input for fast city localization.
We changed the Pie chart design to a Stack Column chart since we had limited “real estate” and wanted to reflect both views of the localities segmentations by color. Also, during our work, we have learned that a pie chart isn’t the best practice to display data or understand accurate values (it’s hard for the human brain to compare parts with round angles). As you add more segments and colors, the problem gets worse.

Fourth Version

After the design was made, the dev team asked us to find a solution for the locality score’s history tooltip. They needed adjustment in the grid lines and number’s labels colors and wanted to keep the trend line in color. The reference was the Municipalities Dashboard we built in those days for MOH in Tableau, where every local council had a designated dashboard with statistics and information about its regional morbidity. I tested a few options and decided on a similar design for the regular and accessible version.

Fifth Version

The final redesign of the Traffic Light Model’s tiles was divided into:

Changing the Stack Column chart to a 100% Stacked Area Chart to track the progress of the localities’ score over time (it shows the last two weeks) and understand the part each group contributes to the total. This chart helps to compare the different localities.
Adding small terminology changes and accessibility improvements.