Kurs · Informationsdesign
Komplexes auf einen Blick verstehen
0.1 / Worum es geht
Informationsdesign macht Komplexes verständlich.
Informationsdesign macht komplexe Inhalte verständlich: Zahlen, Abläufe, Orte und Zusammenhänge. Es verbindet Struktur, Typografie, Visualisierung und Sprache, damit Menschen Informationen schnell finden, richtig verstehen und nutzen können.
Leitfragen des Kurses:
FRAGE 1
Wie wird aus Daten verständliche Information?
FRAGE 2
Welche Ordnung und welche Darstellung passen zu einer Aussage?
FRAGE 3
Wann führt eine Grafik in die Irre?
FRAGE 4
Wie finden sich Menschen im Raum und in digitalen Angeboten zurecht?
Rahmen des Kurses:
ZIELGRUPPE
Gestaltende
Lernende in Grafik-, Medien-, Web- oder UX-Design, ohne Vorkenntnisse in Informationsdesign.
UMFANG
8 × 90 Min.
Plus Abschlussprojekt; jedes Modul auch einzeln nutzbar.
FORMAT
Einzeln und im Team
Kurzinput, Werkzeug ausprobieren, Übung, Reflexion.
0.2 / Lernziele
Nach dem Kurs machst du Information verständlich.
Nach dem Kurs kannst du:
01
Informationsdesign definieren und Daten, Information und Wissen unterscheiden
02
Inhalte ordnen und eine Informationsarchitektur entwerfen
03
zu einer Aussage die passende und ehrliche Darstellung wählen
04
visuelle Variablen, Text und Tabellen lesbar und barrierefrei einsetzen
05
Leitsysteme und interaktive Informationen planen und testen
0.3 / Kursinhalt
Alle Module und Abschnitte auf einen Blick.
Acht Module, jedes mit einer Kernfrage und einem Werkzeug. Klicke auf ein Modul oder springe direkt zu einem Abschnitt.
MODUL 01
Was macht Information verständlich?
MODUL 02
Wie ordnet man Information?
MODUL 03
Welche Darstellung passt zur Aussage?
MODUL 04
Wann führt eine Grafik in die Irre?
MODUL 05
Wie übersetzt man Werte in Formen?
MODUL 06
Wie macht man Text und Zahlen lesbar?
MODUL 07
Wie finden Menschen ihren Weg?
MODUL 08
Wie macht man Information erkundbar?
0.4 / Ablauf pro Modul
Jedes Modul folgt demselben Ablauf.
Der Rhythmus bleibt gleich, der Inhalt wechselt:
01
Einstieg (10 Min.)
Eine Frage oder ein Beispiel aus dem Alltag.
02
Input (20 Min.)
Konzepte und Beispiele, kurz und visuell.
03
Werkzeug (15 Min.)
Das Prinzip im interaktiven Werkzeug ausprobieren.
04
Übung (35 Min.)
Anwendung an einem eigenen Beispiel.
05
Reflexion (10 Min.)
Was hat funktioniert, was macht ihr anders?
In jedem Abschnitt findest du einen fett gesetzten Merksatz mit Blitz-Icon, eine Übung hinter dem blauen Button und eine Vorlesefunktion.
0.5 / Leistungsnachweis
Am Ende steht ein eigenes Informationsdesign.
Abschlussprojekt: ein Informationsdesign-Projekt, einzeln oder zu zweit
01
Briefing
Zielgruppe, Situation, Kernaussage, Daten und Format.
02
Struktur
Ordnungsprinzip und Hierarchie der Inhalte.
03
Entwurf
Mindestens zwei Varianten und eine begründete Auswahl.
04
Test
Verständnistest mit mindestens drei Personen.
05
Präsentation
Endfassung, Quellen und Reflexion in zehn Minuten.
Bewertungskriterien: Klarheit der Kernaussage, Angemessenheit der Darstellung, Ehrlichkeit und Quellenangaben, Lesbarkeit und Barrierefreiheit, Qualität des Tests und der Reflexion.
0.6 / Literatur und Quellen
Gute Grafiken haben Quellen.
• Tufte, E. R. (1983): The Visual Display of Quantitative Information
• Tufte, E. R. (1990): Envisioning Information
• Wurman, R. S. (1989): Information Anxiety
• Bertin, J. (1967): Sémiologie graphique
• Cleveland, W. S. & McGill, R. (1984): Graphical Perception. Journal of the American Statistical Association
• Cairo, A. (2016): The Truthful Art
• Cairo, A. (2019): How Charts Lie
• Knaflic, C. N. (2015): Storytelling with Data
• Munzner, T. (2014): Visualization Analysis and Design
• Lynch, K. (1960): The Image of the City
• Gibson, D. (2009): The Wayfinding Handbook
• Weiterführend: Shneiderman, B. (1996): The Eyes Have It. A Task by Data Type Taxonomy for Information Visualizations · Neurath, O. (1936): International Picture Language