Zielsetzung des Kurses
Der Kurs Grundlagen UI-Gestaltung vermittelt Basiswissen zur Gestaltung von Benutzeroberflächen im Kontext von Human-Computer-Interaction und digitalem Produktdesign. Behandelt werden Prinzipien der visuellen Hierarchie, Interaktionsmuster und nutzungsbezogene Anforderungen. Ziel ist die Einführung in Software-gestützte Entwurfsprozesse sowie in gängige Standards der UI-Dokumentation. Der Kurs ordnet sich dem Fachgebiet Interface- und Screen-Design zu und adressiert damit die Gestaltung digitaler Oberflächen für Web und App.
Inhalte
Einführung in UI-Prinzipien: Wahrnehmung, Layout-Raster, Typografie für Bildschirme, Farb- und Kontrastgestaltung, Iconografie sowie Konsistenzregeln in Designsystemen
Interaktionsgestaltung: Navigationskonzepte, Zustände und Feedback, Muster für Formulare und Fehlermeldungen, Touch- und Mausinteraktionen, Barriereaspekte nach gängigen Richtlinien
Designprozess und Artefakte: Styleguides, Komponentenbibliotheken, Wireframes, Low- bis High-Fidelity-Mockups, Prototyping-Workflows und Übergabe an Entwicklung
Werkzeuge und Dateistrukturen: Nutzung üblicher Design-Tools, Ebenen- und Symbolverwaltung, Exportformate, Versionierung und kollaboratives Arbeiten
Usability-Grundlagen und Tests: Aufgabenanalyse, Szenarien, einfache Testmethoden mit Prototypen, Heuristiken nach etablierten Modellen sowie Auswertung und Dokumentation
Umsetzungskontext: Responsive Verhalten, Breakpoints, Grid- und Spaltenlogiken, technische Schnittstellen zu Frontend-Frameworks sowie Hand-off mit Spezifikationen
Lernziele
- Analyse von Layouts hinsichtlich visueller Hierarchie, Leseführung und Kontrast
- Identifikation gängiger UI-Muster für Navigation, Formulare und Fehlermeldungen
- Erstellung von Wireframes und interaktiven Prototypen in gängigen Design-Tools
- Entwicklung eines kleinen Komponentenbaukastens mit Styleguide und Dokumentation
- Durchführung einfacher Usability-Tests inklusive Auswertung anhand definierter Kriterien
- Übergabe von UI-Spezifikationen an die Entwicklung und Integration in bestehende Workflows
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Design (Gestaltung von Oberflächen, Komponenten und States für Web- und App-Projekte).
Typische Tätigkeitsfelder umfassen Interaction Design (Konzeption von Navigationsmustern, Feedback-Mechanismen und Zuständen).
Der Kurs adressiert Inhalte für Tätigkeiten wie UX-Assistenz oder Produktdesign-Assistenz (Erstellung von Wireframes, Prototypen und Styleguides in Zusammenarbeit mit Entwicklungsteams).
Zusammenfassung
Der Kurs Grundlagen UI-Gestaltung behandelt Prinzipien, Prozesse und Werkzeuge zur Gestaltung digitaler Benutzeroberflächen. Im Rahmen dieser Weiterbildung werden zentrale Schritte von Wireframe bis Prototyp sowie grundlegende Testmethoden und die Übergabe an die Entwicklung thematisiert. Die Inhalte stehen in Bezug zu Tätigkeiten im UI- und Interaction-Design sowie in unterstützenden Rollen im Produktdesign.