Zielsetzung des Kurses
Der Kurs UI Design mit Prototyping vermittelt Methoden und Arbeitsweisen der nutzerzentrierten Oberflächengestaltung im Kontext der digitalen Produktentwicklung. Behandelt werden die Planung von Benutzeroberflächen, die visuelle Ausarbeitung von Layouts sowie die schrittweise Erstellung interaktiver Prototypen. Ziel ist die strukturierte Anwendung gängiger UI-Patterns, die nachvollziehbare Dokumentation von Entwürfen und die Absicherung durch iterative Tests. Der Kurs ordnet sich in das Fachgebiet Human-Computer-Interaction und Interface Design ein.
Inhalte
Einführung in UI-Grundlagen mit Terminologie, Gestaltungsprinzipien, Farb- und Typografieeinsatz sowie Komponentenbibliotheken und Designsystemen; Ableitung von Anforderungen aus Use Cases und User Flows.
Konzeption und Wireframing mit Informationsarchitektur, Navigationsmodellen, Layout-Rastern und Zustandsdefinitionen für wiederverwendbare Elemente.
Visuelle Ausarbeitung mit Komponenten-Design, Zustandsvarianten, Responsivität, Barrierefreiheitsaspekten und Dokumentation in Styleguides.
Prototyping-Workflows mit Klick-Prototypen, Interaktionsdefinitionen, Microinteractions, Übergängen und Hand-off an Entwicklungsteams.
Usability-Prüfung mit Aufbau einfacher Testszenarien, Erhebung von Beobachtungsdaten, Auswertung und Ableitung von Iterationen.
Versionierung und Kollaboration mit Datei- und Komponentenverwaltung, Kommentarfunktionen, Freigabeprozessen und Änderungsprotokollen.
Lernziele
- Identifikation von Anforderungen aus User Flows, Szenarien und Interface-Zuständen
- Erstellung von Wireframes und Layout-Rastern für zentrale Bildschirmansichten
- Entwicklung interaktiver Prototypen mit definierten Navigationspfaden und Zustandswechseln
- Anwendung von Gestaltungsregeln zu Typografie, Farbe, Kontrast und Komponentenvarianten
- Durchführung einfacher Usability-Tests inklusive Datenerhebung und Auswertung
- Übergabe an Entwicklungsteams durch Aufbereitung von Spezifikationen und Assets
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX/UI-Design, insbesondere bei der Ausarbeitung von Benutzeroberflächen und interaktiven Prototypen.
Typische Tätigkeitsfelder umfassen Interface-Design in Produktteams, die Erstellung von Designsystem-Komponenten sowie Prototyping für Feature-Abstimmungen.
Der Kurs adressiert Inhalte für Tätigkeiten wie Interaction Design, Design Operations und die Schnittstelle zwischen Design und Frontend-Entwicklung.
Zusammenfassung
Der Kurs UI Design mit Prototyping behandelt die Planung, Gestaltung und prototypische Umsetzung digitaler Benutzeroberflächen einschließlich Tests und Dokumentation. Im Rahmen dieser Weiterbildung werden Arbeitsschritte von Wireframes über visuelle Ausarbeitung bis zur Übergabe an Entwicklungsteams abgedeckt. Die vermittelten Themen sind auf Tätigkeitsfelder im UX/UI-Design, Interaction Design und in produktnahen Designrollen ausgerichtet.