Erscheinungsbild
Infografiken & erste Visualisierung
Slides
Übung: Von Daten zur interaktiven Visualisierung
👥 Teamarbeit
Arbeiten Sie in Teams à 4 Personen.
📊 Datengrundlage
Hochschule in Zahlen (TH Nürnberg)Ziel der Übung
Ziel ist es, aus einer bestehenden Datenseite eine verständliche und ansprechende statistische Visualisierung zu entwickeln.
Dabei steht nicht die technische Umsetzung, sondern der Konzeptionsprozess im Vordergrund.
Schritt 1 – Analyse der Daten
- Welche Daten sind vorhanden?
- Welche Kategorien gibt es? (z. B. Studierende, Fakultäten, Internationalität …)
- Welche Zusammenhänge lassen sich erkennen?
- Welche Daten sind:
- besonders wichtig
- besonders interessant
- schwer zu verstehen?
👉 Ziel: Verständnis für die Daten entwickeln
Schritt 2 – Visualisierungsideen entwickeln (Papier)
- Skizzieren Sie erste Visualisierungen mit Stift und Papier
- Denken Sie in:
- Vergleichen
- Zeitverläufen
- Verteilungen
- Überlegen Sie:
- Welche Diagrammtypen passen? (z. B. Balken, Linien, Karten)
- Welche Informationen sollen direkt sichtbar sein?
👉 Ziel: schnell viele Ideen entwickeln, nicht perfekt zeichnen
Schritt 3 – Interaktion mitdenken
Die Visualisierung soll später interaktiv im Web umgesetzt werden.
Überlegen Sie:
- Was kann der Nutzer klicken, filtern oder auswählen?
- Welche Informationen werden erst auf Anfrage sichtbar?
- Wie verändert sich die Darstellung durch Interaktion?
👉 Beispiele:
- Filter nach Fakultät
- Zeitverlauf ein-/ausblenden
- Detailansicht bei Klick
Schritt 4 – Mobile vs. Desktop
Denken Sie die Visualisierung für beide Kontexte:
📱 Mobile
- Weniger Platz → Fokus auf das Wesentliche
- Vertikale Navigation (Scrollen)
- Vereinfachte Darstellung
🖥️ Desktop
- Mehr Platz → parallele Informationen möglich
- Vergleich nebeneinander
- komplexere Interaktionen
Schritt 5 – Digitale Visualisierung (Low Fidelity)
Setzen Sie eine Ihrer Ideen grob digital um:
- Tool z. B.: Figma
- Keine Details notwendig
- Fokus auf:
- Struktur
- Layout
- Interaktion (anklicken/skizzieren)
👉 Optional:
- Mobile + Desktop Variante erstellen
👉 Beispiel (Figma): Beispiel-Visualisierung ansehen
Ergebnis
Am Ende der Übung sollten Sie:
- eine klare Visualisierungsidee haben
- erste Skizzen (Papier)
- einen groben digitalen Entwurf
Präsentation (optional)
- Kurze Vorstellung (2–3 Minuten pro Team):
- Welche Daten wurden gewählt?
- Welche Visualisierung wurde entworfen?
- Welche Interaktionen sind geplant?