Zielsetzung des Kurses
Der Kurs Basics Interface Design führt in zentrale Konzepte der Gestaltung digitaler Benutzeroberflächen ein und ordnet diese in das Fachgebiet Human-Computer-Interaction ein. Behandelt werden visuelle und interaktive Grundelemente, die Strukturierung von Oberflächen sowie Regeln der Informationsdarstellung. Ziel ist die Vermittlung eines methodischen Vorgehens zur Konzeption, Ausarbeitung und Dokumentation einfacher Interfaces. Zudem wird der Zusammenhang zwischen Nutzeranforderungen, Designentscheidungen und technischen Rahmenbedingungen hergestellt.
Inhalte
Einführung in Interface-Design-Grundlagen mit Terminologie, Gestaltungsprinzipien, Layout-Rastern, Typografie, Farbe, Iconografie und Komponentenbibliotheken; Einordnung in UX-Design, Usability und Interaktionsgestaltung.
Konzeption und Strukturierung von Oberflächen durch Anforderungsanalyse, Informationsarchitektur, User Flows, Wireframes und Navigationsmodelle; Dokumentation mittels Styleguides und Design-Tokens.
Interaktionsdesign und Zustände mit Patterns für Eingaben, Feedback, Fehlermeldungen, Mikrointeraktionen und Zustandslogiken; Bedienbarkeit und Barrierefreiheit nach gängigen Leitlinien.
Prototyping und Visualisierung mit Low- bis High-Fidelity-Prototypen, Klickdummies, Screen-Varianten und Übergabeformaten; Versionsverwaltung und Design-System-Bezüge.
Evaluation und Qualitätssicherung durch Heuristiken, einfache Usability-Checks, Leitfäden für Testaufgaben, Auswertung grundlegender Kennzahlen sowie Iteration von Entwürfen.
Zusammenarbeit und Übergabe an Entwicklung mit Spezifikationen, Komponentenbenennung, Assets, Responsivitätsregeln und Kommunikation zwischen Design und Umsetzung.
Lernziele
- Analysieren von Nutzeranforderungen und Ableiten einer einfachen Informationsarchitektur
- Erstellen von Wireframes und User Flows für definierte Nutzungsszenarien
- Anwenden von Layout-Rastern, Typografie- und Farbregeln auf Interface-Entwürfe
- Entwickeln von Low- und High-Fidelity-Prototypen inklusive Zustandsdefinitionen
- Bewerten von Oberflächen mittels Heuristiken und grundlegenden Usability-Checks
- Dokumentieren von Komponenten, Interaktionen und Übergabedaten für die Entwicklung
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie Interface-Design (Gestaltung von Benutzeroberflächen und Komponentenbibliotheken).
Typische Tätigkeitsfelder umfassen UX- und UI-Assistenzrollen mit Fokus auf Wireframing, Prototyping und visuelle Ausarbeitung.
Der Kurs adressiert Inhalte für Tätigkeiten wie Frontend-nahe Designübergabe, Stil- und Komponentenpflege sowie einfache Usability-Prüfungen.
Zusammenfassung
Der Kurs Basics Interface Design behandelt Grundlagen der Oberflächengestaltung, von Struktur und Interaktion bis zur Prototypenerstellung und Qualitätssicherung. Im Rahmen dieser Weiterbildung werden Inhalte vermittelt, die in Tätigkeitsfeldern wie Interface-Design, UX-/UI-Assistenz und frontendnaher Designübergabe Anwendung finden. Der berufliche Bezug ergibt sich durch die Ausrichtung auf konkrete Aufgaben entlang des Design- und Umsetzungsprozesses.