Seminar Moqups – Datenvisualisierung, Tabellen und Dashboard-Mockups

Das Seminar vermittelt einen methodischen Aufbau für Dashboards, Reports und datenintensive Fachanwendungen. Fachliche Aussage, visuelle Hierarchie und Interaktionsbedarf werden gemeinsam modelliert, damit Mockups nicht nur ansprechend, sondern eindeutig und umsetzbar sind.

Zwei Tage sind notwendig, um Datenauswahl, Visualisierung, Layout und Review nicht nur zu erläutern, sondern in einem vollständigen Dashboard-Prototyp miteinander zu verbinden.

Inhaltsverzeichnis

• Zielgruppe und Voraussetzungen
• Seminarinhalte
  • Informationsbedarf und Kennzahlenmodell
  • Tabellen für datenreiche Anwendungen
  • Diagramme und passende Charttypen
  • Dashboard-Raster und visuelle Hierarchie
  • Komponenten und wiederverwendbare Muster
  • Review, Annotation und Übergabe
• Praxisübungen
• Qualitätskriterien und Abnahme

Zielgruppe und Voraussetzungen

Zielgruppe: UX- und UI-Design, Business Intelligence, Data Product Management, Fachkonzeption, Business Analyse und Entwicklung datenintensiver Anwendungen.

Voraussetzungen: Grundkenntnisse in Wireframing sowie Verständnis für Kennzahlen, Tabellen und typische Dashboard-Anforderungen. Programmierkenntnisse sind nicht erforderlich.

Seminarinhalte

1. Informationsbedarf und Kennzahlenmodell

Vor der Gestaltung werden Zielgruppen, Entscheidungen und benötigte Daten präzisiert.

1. Schritt 1: Nutzerrollen und deren typische Entscheidungen erfassen.
2. Schritt 2: Kennzahlen nach Überblick, Diagnose und Detailanalyse ordnen.
3. Schritt 3: Datenherkunft, Aktualität, Einheiten und zulässige Aggregationen dokumentieren.
4. Schritt 4: Ein Seitenkonzept mit Kernkennzahlen, Filtern und Detailbereichen skizzieren.

2. Tabellen für datenreiche Anwendungen

Tabellen werden als interaktive Arbeitsflächen statt als reine Listen konzipiert.

1. Schritt 1: Spaltenhierarchie, Ausrichtung, Einheiten und Formatregeln festlegen.
2. Schritt 2: Beispieldaten einfügen und realistische Text- sowie Zahlenlängen prüfen.
3. Schritt 3: Zustände für Sortierung, Filterung, Auswahl, leere Daten und Fehler modellieren.
4. Schritt 4: Detailaktionen, Massenaktionen und Hinweise eindeutig annotieren.

3. Diagramme und passende Charttypen

Charttypen werden anhand der Aussage und nicht anhand dekorativer Wirkung ausgewählt.

1. Schritt 1: Vergleich, Verlauf, Anteil, Verteilung und Prozess als Aussagearten unterscheiden.
2. Schritt 2: Balken-, Säulen-, Linien-, Flächen-, Kreis-, Donut- und Funnel-Darstellungen anlegen.
3. Schritt 3: Datenreihen, Achsen, Legenden, Beschriftungen und Farben konsistent formatieren.
4. Schritt 4: Grenzfälle wie Ausreißer, fehlende Werte und kleine Stichproben sichtbar machen.

4. Dashboard-Raster und visuelle Hierarchie

Ein belastbares Raster ordnet Kennzahlen, Filter, Diagramme und Tabellen.

1. Schritt 1: Seitenformat, Spaltenraster, Abstände und Ausrichtungsregeln definieren.
2. Schritt 2: KPI-Karten nach Bedeutung und Vergleichslogik gruppieren.
3. Schritt 3: Detailtiefe über Überblick, Analyse und Drill-down staffeln.
4. Schritt 4: Desktop- und schmalere Varianten auf Lesbarkeit und Priorität prüfen.

5. Komponenten und wiederverwendbare Muster

Wiederkehrende Karten, Filter und Statusanzeigen werden zentral gepflegt.

1. Schritt 1: Ein Set aus KPI-Karte, Filterleiste, Diagrammrahmen und Tabellenkopf erstellen.
2. Schritt 2: Bausteine als Komponenten anlegen und Instanzen auf mehreren Seiten verwenden.
3. Schritt 3: Zulässige lokale Abweichungen über Overrides definieren.
4. Schritt 4: Änderungen am Ursprungselement und deren Wirkung auf Instanzen kontrollieren.

6. Review, Annotation und Übergabe

Fachliche Regeln und visuelle Absichten werden prüfbar am Entwurf dokumentiert.

1. Schritt 1: Berechnungsregeln, Datenzustände und Interaktionen als Annotationen ergänzen.
2. Schritt 2: Kommentarfragen nach Fachlichkeit, Bedienung und Datenqualität strukturieren.
3. Schritt 3: Review-Stand mit klarer Seitenreihenfolge und Statuskennzeichnung vorbereiten.
4. Schritt 4: Export- und Präsentationsvariante für Fachabnahme und Entwicklung erzeugen.

Praxisübungen

• Konzeption eines Management-Dashboards mit KPI-Karten, Zeitreihe, Verteilung und Detailtabelle.
• Aufbau einer datenreichen Tabelle einschließlich Filter-, Auswahl-, Leer- und Fehlerzustand.
• Erstellung wiederverwendbarer Dashboard-Komponenten mit kontrollierten Abweichungen.
• Moderierter Review anhand fachlicher, visueller und technischer Prüfkriterien.

Qualitätskriterien und Abnahme

• Jede Visualisierung beantwortet eine klar benannte fachliche Frage.
• Einheiten, Zeiträume, Filter und Aggregationen sind eindeutig erkennbar.
• Tabellen und Diagramme enthalten realistische Daten- und Fehlerzustände.
• Raster, Abstände, Typografie und Komponenten sind konsistent.
• Annotationen ermöglichen eine Umsetzung ohne unbegründete Interpretationen.