Dashboardontwerp

Concepten voor dashboardontwerp

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Waarom is ontwerp belangrijk?

 

  • Bedrijf: NASDAQ
  • Behoefte: de dagelijkse markt communiceren naar de doorsnee belegger
  • Oplossing: een realtime enkelwaardedisplay op Times Square

 

Waarom zijn trendlijnen niet de beste oplossing?

 

stock exchange

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Concepten voor dashboardontwerp

Waarom is ontwerp belangrijk?

 

  • Bedrijf: NASDAQ
  • Behoefte: de dagelijkse markt communiceren naar de doorsnee belegger
  • Oplossing: een realtime enkelwaardedisplay op Times Square

 

Waarom zijn trendlijnen niet de beste oplossing?

 

stock exchange

 

Historische inzichten versus realtime indicatoren

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Concepten voor dashboardontwerp

Ontwerpcomponenten

                Doelgroep

  • Wie gaat dit dashboard gebruiken?
  • Wat zijn hun behoeften?
  • Welk formaat past bij de doelgroep?
  • Hoe vaak wordt het bekeken?

  audience

                        Componenten

  • Doel: explorerend versus uitleggend
  • Formaat: horizontaal versus verticaal
  • Indeling: grid versus flex
  • Visuals: waarden, dimensies, vormen

 

components

Concepten voor dashboardontwerp

Doel van het dashboard

              Explorerend dashboard

exploratory dashboard

Een explorerend dashboard laat gebruikers data verkennen.

                    Uitleggend dashboard

explanatory dashboard

Een uitleggend dashboard biedt vooraf gedefinieerde inzichten.

Concepten voor dashboardontwerp

Explorerend dashboard

 

exploratory dashboard

 

 

  • Filters voor eigen datasegmentatie
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepten voor dashboardontwerp

Explorerend dashboard

 

exploratory dashboard

 

 

  • Filters voor eigen datasegmentatie
  • Aanpasbare navigatiepanelen
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepten voor dashboardontwerp

Explorerend dashboard

 

exploratory dashboard

 

 

  • Filters voor eigen datasegmentatie
  • Aanpasbare navigatiepanelen
  • Drilldown voor meer detail
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepten voor dashboardontwerp

Explorerend dashboard

 

exploratory dashboard

 

 

  • Filters voor eigen datasegmentatie
  • Aanpasbare navigatiepanelen
  • Drilldown voor meer detail
  • Interactieve visuals (hover, tooltips)
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepten voor dashboardontwerp

Uitleggend dashboard

 

explanatory dashboard

 

 

  • Data is vaak al gefilterd
  • Vooraf bepaalde verhaallijn
  • Presentatie voor executives
  • Een call-to-action
1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepten voor dashboardontwerp

Dashboardformaat

                      Fysieke ruimte

  • Monitorgrootte - diagonale schermafstand

      Desktop, laptop, tablet, mobiel

monitor size

Concepten voor dashboardontwerp

Dashboardformaat

                      Fysieke ruimte

  • Monitorgrootte - diagonale schermafstand
  • Schermresolutie - aantal pixels en dichtheid (breedte x hoogte)

                          Formaat

  • Standaardformaat - rechthoekig dashboard

    • Beeldverhouding - 16:9
    • Alle componenten zichtbaar op één scherm
    • Geen scrollen

  • Lang formaat - horizontaal of verticaal

      Desktop, laptop, tablet, mobiel

monitor size

                Horizontaal (tijdlijnstijl) long format

Concepten voor dashboardontwerp

Dashboardformaat

                      Fysieke ruimte

  • Monitorgrootte - diagonale schermafstand
  • Schermresolutie - aantal pixels en dichtheid (breedte x hoogte)

                          Formaat

  • Standaardformaat - rechthoekig dashboard

    • Beeldverhouding - 16:9
    • Alle componenten zichtbaar op één scherm
    • Geen scrollen

  • Lang formaat - horizontaal of verticaal

      Desktop, laptop, tablet, mobiel

monitor size

                Verticaal (krantenkolomstijl) vertical format

Concepten voor dashboardontwerp

Dashboardindeling

                  Rastersysteem grid system

  • Tweedimensionale matrix
  • In balans en symmetrisch
  • Eenvoudige navigatie
  • Big Aggregate Numbers (BAN) - bovenste rij

                                Focus

F focus

F focus

1 Baucke, Spencer. (2022). Dashboard design essentials.
Concepten voor dashboardontwerp

Laten we oefenen!

Concepten voor dashboardontwerp

Preparing Video For Download...