Návrh dashboardu

Základy návrhu dashboardů

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Proč je návrh důležitý?

 

  • Společnost: NASDAQ
  • Potřeba: informovat běžné investory o každodenním dění na trhu
  • Řešení: zobrazení jedné hodnoty v reálném čase na Times Square

 

Proč spojnicové grafy nejsou nejlepším řešením?

 

burza cenných papírů

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Základy návrhu dashboardů

Proč je návrh důležitý?

 

  • Společnost: NASDAQ
  • Potřeba: informovat běžné investory o každodenním dění na trhu
  • Řešení: zobrazení jedné hodnoty v reálném čase na Times Square

 

Proč spojnicové grafy nejsou nejlepším řešením?

 

burza cenných papírů

 

Historické poznatky versus ukazatele v reálném čase

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Základy návrhu dashboardů

Komponenty návrhu

                Cílová skupina

  • Kdo bude tento dashboard používat?
  • Jaké jsou její potřeby?
  • Jaký formát je pro ni vhodný?
  • Jak často bude přistupováno?

  cílová skupina

                        Komponenty

  • Účel: explorační versus explanační
  • Formát: horizontální versus vertikální
  • Rozvržení: mřížka versus flex
  • Vizualizace: hodnoty, dimenze, tvary

 

komponenty

Základy návrhu dashboardů

Účel dashboardu

              Explorační dashboard

explorační dashboard

Explorační dashboard umožňuje uživatelům prozkoumávat data.

                    Explanační dashboard

explanační dashboard

Explanační dashboard poskytuje uživatelům předem definované poznatky.

Základy návrhu dashboardů

Explorační dashboard

 

explorační dashboard

 

 

  • Filtry pro vlastní segmentaci dat
1 Baucke, Spencer. (2022). Dashboard design essentials.
Základy návrhu dashboardů

Explorační dashboard

 

explorační dashboard

 

 

  • Filtry pro vlastní segmentaci dat
  • Přizpůsobitelné navigační panely
1 Baucke, Spencer. (2022). Dashboard design essentials.
Základy návrhu dashboardů

Explorační dashboard

 

explorační dashboard

 

 

  • Filtry pro vlastní segmentaci dat
  • Přizpůsobitelné navigační panely
  • Drill-down pro podrobnější zobrazení
1 Baucke, Spencer. (2022). Dashboard design essentials.
Základy návrhu dashboardů

Explorační dashboard

 

explorační dashboard

 

 

  • Filtry pro vlastní segmentaci dat
  • Přizpůsobitelné navigační panely
  • Drill-down pro podrobnější zobrazení
  • Interaktivní vizualizace (najetí myší, tooltips)
1 Baucke, Spencer. (2022). Dashboard design essentials.
Základy návrhu dashboardů

Explanační dashboard

 

explanační dashboard

 

 

  • Data jsou často již filtrována
  • Předem definovaný příběh
  • Prezentace pro vedení
  • Výzva k akci
1 Baucke, Spencer. (2022). Dashboard design essentials.
Základy návrhu dashboardů

Velikost dashboardu

                      Fyzický prostor

  • Velikost monitoru – diagonální vzdálenost obrazovky

      Desktop, laptop, tablet, mobilní zařízení

velikost monitoru

Základy návrhu dashboardů

Velikost dashboardu

                      Fyzický prostor

  • Velikost monitoru – diagonální vzdálenost obrazovky
  • Rozlišení obrazovky – počet pixelů a jejich hustota (šířka × výška)

                          Formát

  • Standardní formát – obdélníkový dashboard

    • Poměr stran – 16:9
    • Všechny komponenty viditelné na obrazovce
    • Bez posouvání

  • Dlouhý formát – horizontální nebo vertikální

      Desktop, laptop, tablet, mobilní zařízení

velikost monitoru

                Horizontální (styl časové osy) dlouhý formát

Základy návrhu dashboardů

Velikost dashboardu

                      Fyzický prostor

  • Velikost monitoru – diagonální vzdálenost obrazovky
  • Rozlišení obrazovky – počet pixelů a jejich hustota (šířka × výška)

                          Formát

  • Standardní formát – obdélníkový dashboard

    • Poměr stran – 16:9
    • Všechny komponenty viditelné na obrazovce
    • Bez posouvání

  • Dlouhý formát – horizontální nebo vertikální

      Desktop, laptop, tablet, mobilní zařízení

velikost monitoru

                Vertikální (styl novinového sloupce) vertikální formát

Základy návrhu dashboardů

Rozvržení dashboardu

                  Mřížkový systém mřížkový systém

  • Dvourozměrná matice
  • Vyvážená a symetrická
  • Jednoduchá navigace
  • Velká souhrnná čísla (BAN) – horní řádek

                                Fokus

F fokus

F fokus

1 Baucke, Spencer. (2022). Dashboard design essentials.
Základy návrhu dashboardů

Lass uns üben!

Základy návrhu dashboardů

Preparing Video For Download...