Progettazione di dashboard

Concetti di progettazione di dashboard

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Perché il design è importante?

 

  • Azienda: NASDAQ
  • Esigenza: comunicare il mercato di ogni giorno all'investitore medio
  • Soluzione: un display in tempo reale a valore singolo a Times Square

 

Perché le linee di tendenza non sono la soluzione migliore?

 

borsa valori

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Concetti di progettazione di dashboard

Perché il design è importante?

 

  • Azienda: NASDAQ
  • Esigenza: comunicare il mercato di ogni giorno all'investitore medio
  • Soluzione: un display in tempo reale a valore singolo a Times Square

 

Perché le linee di tendenza non sono la soluzione migliore?

 

borsa valori

 

Approfondimenti storici vs indicatori in tempo reale

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Concetti di progettazione di dashboard

Componenti di design

                Pubblico

  • Chi userà questa dashboard?
  • Di cosa ha bisogno?
  • Quale formato è adatto al pubblico?
  • Con quale frequenza verrà consultata?

  pubblico

                        Componenti

  • Scopo: esplorativa vs esplicativa
  • Formato: orizzontale vs verticale
  • Layout: griglia vs flex
  • Visual: valori, dimensioni, forme

 

componenti

Concetti di progettazione di dashboard

Scopo della dashboard

              Dashboard esplorativa

dashboard esplorativa

Una dashboard esplorativa permette di esplorare i dati.

                    Dashboard esplicativa

dashboard esplicativa

Una dashboard esplicativa offre insight predefiniti.

Concetti di progettazione di dashboard

Dashboard esplorativa

 

dashboard esplorativa

 

 

  • Filtri per segmentare i dati su misura
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concetti di progettazione di dashboard

Dashboard esplorativa

 

dashboard esplorativa

 

 

  • Filtri per segmentare i dati su misura
  • Pannelli di navigazione personalizzabili
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concetti di progettazione di dashboard

Dashboard esplorativa

 

dashboard esplorativa

 

 

  • Filtri per segmentare i dati su misura
  • Pannelli di navigazione personalizzabili
  • Drill-down per viste più granulari
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concetti di progettazione di dashboard

Dashboard esplorativa

 

dashboard esplorativa

 

 

  • Filtri per segmentare i dati su misura
  • Pannelli di navigazione personalizzabili
  • Drill-down per viste più granulari
  • Visual interattivi (hover, tooltip)
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concetti di progettazione di dashboard

Dashboard esplicativa

 

dashboard esplicativa

 

 

  • Dati spesso già filtrati
  • Narrazione predefinita
  • Presentazione a dirigenti
  • Invito all'azione
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concetti di progettazione di dashboard

Dimensione della dashboard

                      Spazio fisico

  • Dimensione del monitor - distanza diagonale dello schermo

      Desktop, laptop, tablet, dispositivi mobili

dimensione monitor

Concetti di progettazione di dashboard

Dimensione della dashboard

                      Spazio fisico

  • Dimensione del monitor - distanza diagonale dello schermo
  • Risoluzione schermo - numero di pixel e densità (larghezza x altezza)

                          Formato

  • Formato standard - dashboard rettangolare

    • Proporzioni - 16:9
    • Tutti i componenti visibili su uno schermo
    • Niente scroll

  • Formato lungo - orizzontale o verticale

      Desktop, laptop, tablet, dispositivi mobili

dimensione monitor

                Orizzontale (stile timeline) formato lungo

Concetti di progettazione di dashboard

Dimensione della dashboard

                      Spazio fisico

  • Dimensione del monitor - distanza diagonale dello schermo
  • Risoluzione schermo - numero di pixel e densità (larghezza x altezza)

                          Formato

  • Formato standard - dashboard rettangolare

    • Proporzioni - 16:9
    • Tutti i componenti visibili su uno schermo
    • Niente scroll

  • Formato lungo - orizzontale o verticale

      Desktop, laptop, tablet, dispositivi mobili

dimensione monitor

                Verticale (stile colonna di giornale) formato verticale

Concetti di progettazione di dashboard

Layout della dashboard

                  Sistema a griglia sistema a griglia

  • Matrice bidimensionale
  • Bilanciato e simmetrico
  • Navigazione semplice
  • Big Aggregate Numbers (BAN) - riga superiore

                                Focus

Focus a F

Focus a F

1 Baucke, Spencer. (2022). Dashboard design essentials.
Concetti di progettazione di dashboard

Esercitiamoci!

Concetti di progettazione di dashboard

Preparing Video For Download...