Zielsetzung des Kurses
Der Kurs "Typography in UX" behandelt den Einsatz von Schrift im Kontext nutzerzentrierter Interfaces und digitaler Produkte. Ziel ist die Einordnung typografischer Entscheidungen in Informationsarchitektur, Leseführung und Interaktionsgestaltung. Behandelt werden Kriterien zur Auswahl, Kombination und Anwendung von Schriften im User Interface sowie deren Einfluss auf Wahrnehmung, Zugänglichkeit und Bedienbarkeit. Die Inhalte sind im Fachgebiet UX-Design und Human-Computer-Interaction verortet und adressieren typografische Gestaltung als Bestandteil des Interface-Designprozesses.
Inhalte
Grundlagen der Typografie in digitalen Interfaces: Einordnung von Schriftklassifikationen, Anatomie von Zeichen, Lesbarkeit und Leserlichkeit auf verschiedenen Displays sowie Parameter wie Größe, Zeilenabstand, Zeilenlänge und Kontrast
Anwendung im UI-Design: Gestaltung von Hierarchien, Einsatz von Headings, Fließtext und Microcopy, Nutzung von Variable Fonts, Responsive Typografie und Skalensysteme für unterschiedliche Viewports
Zugänglichkeit und Richtlinien: Barrierefreie Typografie nach WCAG, Farb- und Kontrastanforderungen, Fokuszustände, Fehlermeldungen und Leseführung für diverse Nutzergruppen
Systemintegration und Performance: Webfonts, Ladedauer, Fallback-Strategien, Font-Subsetting, technische Implementierung in Designsystemen und Komponentenbibliotheken
Prozesse und Zusammenarbeit: Übergabe an Entwicklung, Dokumentation in Design-Tokens, prototypische Erprobung, Testverfahren zur Lesbarkeit sowie Nutzung von Metriken und Nutzungsdaten zur Bewertung
Lernziele
- Analysieren von Lesbarkeits- und Leserlichkeitsfaktoren für verschiedene Bildschirmauflösungen und Nutzungssituationen
- Unterscheiden von Schriftklassifikationen und Identifizieren geeigneter Schriften für definierte UI-Komponenten
- Anwenden von typografischen Hierarchien zur Strukturierung von Headings, Textblöcken und Interaktionselementen
- Erstellen responsiver Typografieskalas inklusive Zeilenabstand, Spationierung und Breakpoints
- Integrieren barrierefreier Typografieanforderungen nach WCAG in Wireframes, Designs und Prototypen
- Implementieren von Webfonts mit Fallback-Konzept, Subsetting und Design-Tokens in ein bestehendes Designsystem
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX/UI-Design, in denen typografische Entscheidungen die Interaktion und Leseführung im Interface prägen. Typische Tätigkeitsfelder umfassen Designsystem-Management, bei dem Typografieskalas, Tokens und Komponenten gepflegt und dokumentiert werden. Der Kurs adressiert Inhalte für Tätigkeiten wie Frontend-Entwicklung mit Fokus auf Webfont-Implementierung, Performance und barrierefreie Darstellung. Ebenfalls relevant sind Content- und Produktdesign-Rollen mit Verantwortung für Microcopy und konsistente Textgestaltung.
Zusammenfassung
Der Kurs Typography in UX behandelt den fachlichen Einsatz von Schrift in digitalen Interfaces mit Fokus auf Leseführung, Zugänglichkeit, Systemintegration und Zusammenarbeit im Produktentwicklungsprozess. Im Rahmen dieser Weiterbildung werden typografische Prinzipien, UI-Anwendung, Richtlinien und Implementierungsaspekte vermittelt. Die Themen finden Anwendung in Tätigkeiten des UX/UI-Designs, im Designsystem-Management sowie in der frontendnahen Umsetzung.