Dashboarddesign

Grundläggande dashboarddesign

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Varför är design viktigt?

 

  • Företag: NASDAQ
  • Behov: kommunicera dagens marknad till den genomsnittlige investeraren
  • Lösning: realtidsvisning av ett enda värde på Times Square

 

Varför är trendlinjer inte den bästa lösningen?

 

börshandel

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Grundläggande dashboarddesign

Varför är design viktigt?

 

  • Företag: NASDAQ
  • Behov: kommunicera dagens marknad till den genomsnittlige investeraren
  • Lösning: realtidsvisning av ett enda värde på Times Square

 

Varför är trendlinjer inte den bästa lösningen?

 

börshandel

 

Historiska insikter kontra realtidsindikatorer

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Grundläggande dashboarddesign

Designkomponenter

                Målgrupp

  • Vem ska använda det här dashboardet?
  • Vilka behov har de?
  • Vilket format passar målgruppen?
  • Hur ofta kommer det att användas?

  målgrupp

                        Komponenter

  • Syfte: explorativt kontra förklarande
  • Format: horisontellt kontra vertikalt
  • Layout: rutnät kontra flex
  • Visualiseringar: värden, dimensioner, former

 

komponenter

Grundläggande dashboarddesign

Dashboardets syfte

              Explorativt dashboard

explorativt dashboard

Ett explorativt dashboard låter användarna utforska data.

                    Förklarande dashboard

förklarande dashboard

Ett förklarande dashboard ger användarna fördefinierade insikter.

Grundläggande dashboarddesign

Explorativt dashboard

 

explorativt dashboard

 

 

  • Filter för anpassad datasegmentering
1 Baucke, Spencer. (2022). Dashboard design essentials.
Grundläggande dashboarddesign

Explorativt dashboard

 

explorativt dashboard

 

 

  • Filter för anpassad datasegmentering
  • Anpassningsbara navigeringspaneler
1 Baucke, Spencer. (2022). Dashboard design essentials.
Grundläggande dashboarddesign

Explorativt dashboard

 

explorativt dashboard

 

 

  • Filter för anpassad datasegmentering
  • Anpassningsbara navigeringspaneler
  • Nedbrytning för mer detaljerad vy
1 Baucke, Spencer. (2022). Dashboard design essentials.
Grundläggande dashboarddesign

Explorativt dashboard

 

explorativt dashboard

 

 

  • Filter för anpassad datasegmentering
  • Anpassningsbara navigeringspaneler
  • Nedbrytning för mer detaljerad vy
  • Interaktiva visualiseringar (hover, verktygstips)
1 Baucke, Spencer. (2022). Dashboard design essentials.
Grundläggande dashboarddesign

Förklarande dashboard

 

förklarande dashboard

 

 

  • Data är ofta redan filtrerad
  • Fördefinierad berättarlinje
  • Presentation för ledning
  • En uppmaning till handling
1 Baucke, Spencer. (2022). Dashboard design essentials.
Grundläggande dashboarddesign

Dashboardstorlek

                      Fysiskt utrymme

  • Skärmstorlek – det diagonala skärmavståndet

      Stationär, laptop, surfplatta, mobil

skärmstorlek

Grundläggande dashboarddesign

Dashboardstorlek

                      Fysiskt utrymme

  • Skärmstorlek – det diagonala skärmavståndet
  • Skärmupplösning – antal pixlar och deras densitet (bredd × höjd)

                          Format

  • Standardformat – ett rektangulärt dashboard

    • Förhållande – 16:9
    • Alla komponenter synliga på skärmen
    • Ingen scrollning

  • Långt format – horisontellt eller vertikalt

      Stationär, laptop, surfplatta, mobil

skärmstorlek

                Horisontellt (tidslinjeformat) långt format

Grundläggande dashboarddesign

Dashboardstorlek

                      Fysiskt utrymme

  • Skärmstorlek – det diagonala skärmavståndet
  • Skärmupplösning – antal pixlar och deras densitet (bredd × höjd)

                          Format

  • Standardformat – ett rektangulärt dashboard

    • Förhållande – 16:9
    • Alla komponenter synliga på skärmen
    • Ingen scrollning

  • Långt format – horisontellt eller vertikalt

      Stationär, laptop, surfplatta, mobil

skärmstorlek

                Vertikalt (tidningskolumnformat) vertikalt format

Grundläggande dashboarddesign

Dashboardlayout

                  Rutnätssystem rutnätssystem

  • Tvådimensionell matris
  • Balanserad och symmetrisk
  • Enkel navigering
  • Stora aggregerade tal (BAN) – översta raden

                                Fokus

F-fokus

F-fokus

1 Baucke, Spencer. (2022). Dashboard design essentials.
Grundläggande dashboarddesign

Nu kör vi en övning!

Grundläggande dashboarddesign

Preparing Video For Download...