Welches Level ist dieser Kurs?

Der Kurs „Information Design für UI & digitale Produkte“ lässt sich als Advanced-Level einstufen. Er richtet sich an Personen, die bereits im digitalen Umfeld arbeiten und ihre gestalterischen und konzeptionellen Fähigkeiten im Bereich Interface-Kommunikation systematisieren und vertiefen möchten.

Konzepte wie visuelle Hierarchie, Microcopy, F-Pattern, Designsysteme oder Typografieprinzipien werden vorausgesetzt oder praxisnah vertieft – nicht grundlegend eingeführt.

Worum gehts?

In diesem Seminar lernst du, Informationen in digitalen Interfaces so zu strukturieren, dass sie auf den ersten Blick verständlich, übersichtlich und nutzbar sind. Du entwickelst ein sicheres Gespür für Informationsarchitektur, visuelle Hierarchie, Scannability und Lesefluss – mit dem Ziel, komplexe Inhalte in digitalen Produkten intuitiv erfassbar zu machen.

Du arbeitest mit echten UI-Beispielen, gestaltest Microcopy visuell lesbar, steuerst Informationsdichte bewusst und lernst, wie du Text, Layout und Designsysteme zu einem klaren Ganzen verbindest.

Welche Lektionen gibt es?

• Modul 1: Grundlagen des Information Design
  • Was ist Information Design? Abgrenzung zu UX-Design & UX-Writing
  • Kognitive Grundlagen: Wahrnehmung, Aufmerksamkeit, Lesefluss
  • Designprinzipien: Nähe, Kontrast, Ausrichtung, Wiederholung
• Modul 2: Visuelle Hierarchie & Layout im Interface
  • Strukturprinzipien für UI-Inhalte: Spalten, Gitter, Modularität
  • Eyetracking & Lesemuster (F-Pattern, Layering, White Space)
  • Scrollverhalten und Text-Breakpoints
• Modul 3: Text trifft Interface – Bausteine des visuellen Designs
  • Microcopy-Elemente gezielt platzieren: Labels, Tooltips, Callouts
  • Icons richtig einsetzen (semantisch, unterstützend, sparsam)
  • Inline-Hilfe, Hinweis-Texte, Kontextblöcke
  • Fehlermeldungen & Systemfeedback visuell lesbar machen
• Modul 4: Informationsdichte & Lesbarkeit steuern
  • Scannability und Chunking bei komplexen Informationen
  • Typografie, Kontrast & Farbgebung im Dienste der Verständlichkeit
  • Umgang mit „zu viel Information“ (z. B. in Dashboards, Konfigurationen)
• Modul 5: Best Practices & Übertragung auf eigene Projekte
  • Designsysteme und Component Libraries: Wo findet Information Design statt?
  • Wie du mit Designer:innen, UX-Teams und Devs kollaborierst
  • Reviewprozess für UI-Texte mit Fokus auf visuelle Lesbarkeit

Für wen ist der Kurs geeignet?

Dieses Seminar richtet sich an alle, die digitale Inhalte nicht nur schreiben, sondern auch visuell verständlich gestalten möchten – im Zusammenspiel mit Layout, Typografie, Komponenten und Nutzerverhalten.

Ideal für:

• UX-Writer:innen, die Microcopy besser im Interface platzieren und visuell strukturieren möchten
• Technische Redakteur:innen, die Inhalte in moderne UI-Kontexte überführen wollen (z. B. in Portalen, Dashboards, Konfigurationen)
• Content-Strateg:innen, die Informationslogik und visuelle Kommunikation zusammen denken
• UX-/UI-Designer:innen, die gezielter mit Text und Content-Komponenten arbeiten möchten
• Produktverantwortliche, die Lesbarkeit, Klarheit und Verständlichkeit im Interface fördern wollen

Voraussetzungen:

• Erste Erfahrung mit digitalen Produkten, Interfaces oder Content-Arbeit (z. B. aus UX, Redaktion, Produkt oder Design)
• Keine Design-Ausbildung erforderlich – aber Interesse an visueller Struktur und User-Experience
• Offenheit für interdisziplinäres Arbeiten mit Text, Layout und Struktur