Zielsetzung des Kurses
Der Kurs Grundlagen Benutzeroberflächen-Design adressiert die Planung und Gestaltung grafischer Nutzeroberflächen in digitalen Anwendungen. Im Mittelpunkt stehen Prinzipien der Human-Computer-Interaction, visuelle Gestaltungsmittel und Interaktionsmuster. Ziel ist die Vermittlung einer methodischen Vorgehensweise von der Anforderungserhebung bis zum getesteten Interface-Prototyp. Der Kurs ordnet sich dem Feld UX/UI-Design zu und behandelt Schnittstellen zu Usability, Frontend-Handoff und Designsystemen.
Inhalte
Einführung in UX und UI mit Abgrenzung von Rollen, Prozessphasen und Deliverables, einschließlich Personas, Nutzungskontexte und Nutzeranforderungen; Ableitung von Informationsarchitektur, Navigationsstrukturen und User Flows
Gestaltungsgrundlagen mit Typografie, Farbe, Layout-Rastern, Ikonografie und Komponentenbildung; Einsatz von Designsystemen, Zustandsdefinitionen und Responsivität für unterschiedliche Viewports
Interaktionsdesign mit Bedienelementen, Musterbibliotheken und Zustandslogiken; Mikrointeraktionen, Feedback und Fehlermeldungen; Barrierefreiheitsanforderungen nach gängigen Richtlinien
Prototyping und Dokumentation mit Low- bis High-Fidelity-Prototypen, Click-Dummies und Spezifikationen; Vorbereitung des Handoffs an Entwicklung inklusive Styleguides und Assets
Usability-Überprüfung durch Aufgabenanalyse, Testplanung, Durchführung einfacher Nutzertests und Auswertung; Ableitung von Iterationen, Priorisierung von Anpassungen und Nachverfolgung in Tickets
Lernziele
- Identifikation von Nutzeranforderungen anhand von Nutzungskontexten, Personas und Aufgabenmodellen
- Erstellung von Informationsarchitektur, Navigationskonzepten und User Flows für definierte Szenarien
- Entwicklung von Wireframes und Prototypen in unterschiedlichen Fidelity-Stufen inklusive Zustandsdefinitionen
- Anwendung von Gestaltungsprinzipien auf Typografie, Farbwahl, Layout und Komponentenbildung für verschiedene Viewports
- Durchführung einfacher Usability-Tests mit Auswertung der Befunde und Ableitung konkreter Verbesserungsschritte
- Integration von Designartefakten in den Entwicklungsprozess durch Handoff, Styleguides und Asset-Bereitstellung
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Design, mit Fokus auf Komponenten, Zustände und visuelle Gestaltung digitaler Oberflächen. Typische Tätigkeitsfelder umfassen UX-Design, insbesondere Strukturierung von Nutzerflüssen, Informationsarchitektur und Nutzertests. Der Kurs adressiert Inhalte für Tätigkeiten wie Product Design, einschließlich Prototyping, Designsystem-Pflege und Übergabe an Entwicklung. Einsatzmöglichkeiten bestehen zudem im Bereich Frontend-nahe Konzeption, etwa Spezifikation von Interaktionen und Dokumentation für Implementierungen.
Zusammenfassung
Der Kurs Grundlagen Benutzeroberflächen-Design behandelt die Konzeption, Gestaltung und Überprüfung grafischer Nutzeroberflächen entlang des UX/UI-Prozesses. Im Rahmen dieser Weiterbildung werden Methoden von der Anforderungserhebung bis zum Prototyping und Handoff vermittelt. Die vermittelten Themen finden Anwendung in Tätigkeitsfeldern wie UI-Design, UX-Design und Product Design.