Dashboard-Design

Konzeptuelle Einführung in Dashboard-Designs

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Bedeutung des Dashboard-Designs

 

  • Unternehmen: NASDAQ
  • Bedürfnisse: durchschnittliche Anlegende über tägliche Marktentwicklungen informieren
  • Lösung: Echtzeit-Anzeige von einzelnen Werten am Times Square

 

Warum keine Trendlinien?

 

stock exchange

1 Brath, Richard und Michael Peters (2004). Dashboard design: why design is important.
Konzeptuelle Einführung in Dashboard-Designs

Bedeutung des Dashboard-Designs

 

  • Unternehmen: NASDAQ
  • Bedürfnisse: durchschnittliche Anlegende über tägliche Marktentwicklungen informieren
  • Lösung: Echtzeit-Anzeige von einzelnen Werten am Times Square

 

Warum keine Trendlinien?

 

stock exchange

 

Historische Einblicke versus Echtzeit-Kennzahlen

1 Brath, Richard und Michael Peters (2004). Dashboard design: why design is important.
Konzeptuelle Einführung in Dashboard-Designs

Komponenten

                Zielgruppe

  • Wer wird dieses Dashboard nutzen?
  • Was sind die Bedürfnisse?
  • Welches Format passt zur Zielgruppe?
  • Wie oft wird drauf zugegriffen?

  audience

                        Komponenten

  • Zweck: explorativ versus erklärend
  • Format: Hochformat versus Querformat
  • Layout: Raster versus Flex
  • Visuals: Werte, Dimensionen, Formen

 

components

Konzeptuelle Einführung in Dashboard-Designs

Zweck des Dashboards

              Exploratives Dashboard

exploratory dashboard

Erlaubt das Betrachten von Daten

                    Erklärendes Dashboard

explanatory dashboard

Gibt Nutzenden vordefinierte Punkte

Konzeptuelle Einführung in Dashboard-Designs

Exploratives Dashboard

 

exploratory dashboard

 

 

  • Filter für benutzerdefinierte Datensegmentierung
1 Baucke, Spencer (2022). Dashboard design essentials.
Konzeptuelle Einführung in Dashboard-Designs

Exploratives Dashboard

 

exploratory dashboard

 

 

  • Filter für benutzerdefinierte Datensegmentierung
  • Anpassbare Navigationsleisten
1 Baucke, Spencer (2022). Dashboard design essentials.
Konzeptuelle Einführung in Dashboard-Designs

Exploratives Dashboard

 

exploratory dashboard

 

 

  • Filter für benutzerdefinierte Datensegmentierung
  • Anpassbare Navigationsleisten
  • Drilldowns für granulare Ansicht
1 Baucke, Spencer (2022). Dashboard design essentials.
Konzeptuelle Einführung in Dashboard-Designs

Exploratives Dashboard

 

exploratory dashboard

 

 

  • Filter für benutzerdefinierte Datensegmentierung
  • Anpassbare Navigationsleisten
  • Drilldowns für granulare Ansicht
  • Interaktive Visualisierungen (Mouseover, Tooltips)
1 Baucke, Spencer (2022). Dashboard design essentials.
Konzeptuelle Einführung in Dashboard-Designs

Erklärendes Dashboard

 

explanatory dashboard

 

 

  • Daten oft schon gefiltert
  • Vordefinierte Storyline
  • Präsentation für Führungskräfte
  • Praktisch anwendbare Einblicke
1 Baucke, Spencer (2022). Dashboard design essentials.
Konzeptuelle Einführung in Dashboard-Designs

Größe des Dashboards

                      Physischer Raum

  • Monitorgröße – Bildschirmdiagonale

      Desktop, Laptop, Tablet, Handy

monitor size

Konzeptuelle Einführung in Dashboard-Designs

Größe des Dashboards

                      Physischer Raum

  • Monitorgröße – Bildschirmdiagonale
  • Bildschirmauflösung – Anzahl und Dichte der Pixel (Breite x Höhe)

                          Format

  • Standardformat – rechteckiges Dashboard

    • Seitenverhältnis – 16:9
    • Alle Bestandteile auf Bildschirm sichtbar
    • Kein Scrollen

  • Langformat – quer oder hoch

      Desktop, Laptop, Tablet, Handy

monitor size

                Horizontal (Zeitleistenstil) long format

Konzeptuelle Einführung in Dashboard-Designs

Größe des Dashboards

                      Physischer Raum

  • Monitorgröße – Bildschirmdiagonale
  • Bildschirmauflösung – Anzahl und Dichte der Pixel (Breite x Höhe)

                          Format

  • Standardformat – rechteckiges Dashboard

    • Seitenverhältnis – 16:9
    • Alle Bestandteile auf Bildschirm sichtbar
    • Kein Scrollen

  • Langformat – quer oder hoch

      Desktop, Laptop, Tablet, Handy

monitor size

                Vertikal (wie Zeitungsspalte) vertical format

Konzeptuelle Einführung in Dashboard-Designs

Layout

                  Raster grid system

  • Zweidimensionale Matrix
  • Ausgewogen und symmetrisch
  • Einfache Navigation
  • Big Aggregate Numbers (BAN) – oben

                                Fokus

F focus

F focus

1 Baucke, Spencer (2022). Dashboard design essentials.
Konzeptuelle Einführung in Dashboard-Designs

Lass uns üben!

Konzeptuelle Einführung in Dashboard-Designs

Preparing Video For Download...