Dashboard-specific visualization techniques

Concetti di progettazione di dashboard

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Designing dashboards for human eyes

 

interactive graphs

well designed data graphics are usually the simplest and [...] the most powerful${^1}$

 

          Effective data visualization

  • Reduces cognitive load on the user
  • Aids in problem solving
  • Facilitates discovery
  • Provides actionable insights
1 Edward Tufte
Concetti di progettazione di dashboard

Design principles

                                                          Processing information

visual communication

Concetti di progettazione di dashboard

Design principles

                                                          Processing information

visual communication

Concetti di progettazione di dashboard

Design principles

                                                          Processing information

visual communication

                                                      Dashboard design principles

principles

Concetti di progettazione di dashboard

Design principles

                                                          Processing information

visual communication

                                                      Dashboard design principles

principles

Concetti di progettazione di dashboard

C.R.A.P. design principles

Contrast

  • Color, size, shape

contrast

Repetition

  • The "rhythm" of the dashboard reading

repetition

Alignment

  • An ordered design

alignment

Proximity

  • Related elements must be grouped

proximity

1 Ferrari, Maw. (2021). Improving Dashboard design.
Concetti di progettazione di dashboard

Gestalt principles

How we perceive and organize what we see in particular ways in an effort to make sense of it.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Concetti di progettazione di dashboard

Gestalt principles

How we perceive and organize what we see in particular ways in an effort to make sense of it.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Concetti di progettazione di dashboard

Gestalt principles

How we perceive and organize what we see in particular ways in an effort to make sense of it.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Concetti di progettazione di dashboard

Gestalt principles

How we perceive and organize what we see in particular ways in an effort to make sense of it.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Concetti di progettazione di dashboard

Gestalt principles

How we perceive and organize what we see in particular ways in an effort to make sense of it.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Concetti di progettazione di dashboard

Gestalt principles

How we perceive and organize what we see in particular ways in an effort to make sense of it.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Concetti di progettazione di dashboard

Misleading visualization: dos and don'ts

Non-zero baseline

distortion

Interval inconsistency

interval

Overload

overload

3D effects

3-D

1 LibGuide. (2021). Data Visualization: Chart Dos and Don'ts.
Concetti di progettazione di dashboard

Let's practice!

Concetti di progettazione di dashboard

Preparing Video For Download...