Designul unui dashboard

Concepte de design al tablourilor de bord

Olga Scrivner, PhD

President, Scrivner Solutions Inc

De ce este important designul?

 

  • Companie: NASDAQ
  • Nevoi: comunicarea zilnică a pieței către investitorul obișnuit
  • Soluție: afișaj în timp real cu o singură valoare în Times Square

 

De ce liniile de tendință nu sunt cea mai bună soluție?

 

bursă de valori

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Concepte de design al tablourilor de bord

De ce este important designul?

 

  • Companie: NASDAQ
  • Nevoi: comunicarea zilnică a pieței către investitorul obișnuit
  • Soluție: afișaj în timp real cu o singură valoare în Times Square

 

De ce liniile de tendință nu sunt cea mai bună soluție?

 

bursă de valori

 

Informații istorice versus indicatori în timp real

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Concepte de design al tablourilor de bord

Componentele designului

                Audiență

  • Cine va folosi acest dashboard?
  • Care sunt nevoile acestora?
  • Ce format este potrivit pentru audiență?
  • Cât de frecvent va fi accesat?

  audiență

                        Componente

  • Scop: exploratoriu vs. explicativ
  • Format: orizontal vs. vertical
  • Structură: grilă vs. flex
  • Vizualuri: valori, dimensiuni, forme

 

componente

Concepte de design al tablourilor de bord

Scopul unui dashboard

              Dashboard exploratoriu

dashboard exploratoriu

Un dashboard exploratoriu permite utilizatorilor să exploreze datele.

                    Dashboard explicativ

dashboard explicativ

Un dashboard explicativ oferă utilizatorilor informații predefinite.

Concepte de design al tablourilor de bord

Dashboard exploratoriu

 

dashboard exploratoriu

 

 

  • Filtre pentru segmentarea personalizată a datelor
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepte de design al tablourilor de bord

Dashboard exploratoriu

 

dashboard exploratoriu

 

 

  • Filtre pentru segmentarea personalizată a datelor
  • Panouri de navigare personalizabile
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepte de design al tablourilor de bord

Dashboard exploratoriu

 

dashboard exploratoriu

 

 

  • Filtre pentru segmentarea personalizată a datelor
  • Panouri de navigare personalizabile
  • Detaliere pentru o vizualizare mai granulară
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepte de design al tablourilor de bord

Dashboard exploratoriu

 

dashboard exploratoriu

 

 

  • Filtre pentru segmentarea personalizată a datelor
  • Panouri de navigare personalizabile
  • Detaliere pentru o vizualizare mai granulară
  • Vizualuri interactive (hover, tooltipuri)
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepte de design al tablourilor de bord

Dashboard explicativ

 

dashboard explicativ

 

 

  • Datele sunt adesea deja filtrate
  • Fir narativ predefinit
  • Prezentare pentru executivi
  • Îndemn la acțiune
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepte de design al tablourilor de bord

Dimensiunea unui dashboard

                      Spațiu fizic

  • Dimensiunea monitorului - distanța diagonală a ecranului

      Desktop, laptop, tabletă, dispozitive mobile

dimensiunea monitorului

Concepte de design al tablourilor de bord

Dimensiunea unui dashboard

                      Spațiu fizic

  • Dimensiunea monitorului - distanța diagonală a ecranului
  • Rezoluția ecranului - numărul de pixeli și densitatea lor (lățime x înălțime)

                          Format

  • Format standard - dashboard dreptunghiular

    • Raport - 16:9
    • Toate componentele vizibile pe ecran
    • Fără derulare

  • Format lung - orizontal sau vertical

      Desktop, laptop, tabletă, dispozitive mobile

dimensiunea monitorului

                Orizontal (stil cronologie) format lung

Concepte de design al tablourilor de bord

Dimensiunea unui dashboard

                      Spațiu fizic

  • Dimensiunea monitorului - distanța diagonală a ecranului
  • Rezoluția ecranului - numărul de pixeli și densitatea lor (lățime x înălțime)

                          Format

  • Format standard - dashboard dreptunghiular

    • Raport - 16:9
    • Toate componentele vizibile pe ecran
    • Fără derulare

  • Format lung - orizontal sau vertical

      Desktop, laptop, tabletă, dispozitive mobile

dimensiunea monitorului

                Vertical (stil coloană de ziar) format vertical

Concepte de design al tablourilor de bord

Structura unui dashboard

                  Sistem de grilă sistem de grilă

  • Matrice bidimensională
  • Echilibrată și simetrică
  • Navigare simplă
  • Numere agregate mari (BAN) - rândul de sus

                                Focus

focus F

focus F

1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepte de design al tablourilor de bord

Să exersăm!

Concepte de design al tablourilor de bord

Preparing Video For Download...