Zielsetzung des Kurses
Der Kurs UI/UX Design mit Adobe XD behandelt die Konzeption, Gestaltung und prototypische Umsetzung digitaler Benutzeroberflächen. Im Mittelpunkt stehen nutzerzentrierte Designprozesse, Informationsarchitektur sowie Interaktionsgestaltung im Kontext digitaler Produkte. Ziel ist die Vermittlung von Methoden zur Erstellung klickbarer Prototypen und zur Vorbereitung von Übergaben an Entwicklungsteams. Der Kurs ist im Fachgebiet digitales Produktdesign verortet und nutzt Adobe XD als Werkzeug für Wireframes, Layouts und Interaktionen.
Inhalte
Einführung in UI/UX: Rollen, Prozesse und Artefakte im Produktdesign, Grundlagen nutzerzentrierter Vorgehensweisen sowie Terminologie zu Informationsarchitektur, Navigationsmustern und Interaktionsmodellen
Gestaltungsgrundlagen für Interfaces: Typografie, Farben, Raster, Komponenten, Zustände und Barrierefreiheitsanforderungen unter Berücksichtigung gängiger Design-Guidelines und Plattformkonventionen
Adobe XD in der Anwendung: Erstellung von Wireframes und High-Fidelity-Layouts, Nutzung von Komponenten, Varianten und Bibliotheken, Arbeit mit Layout-Rastern sowie Import und Export gängiger Assets
Prototyping und Interaktion: Aufbau klickbarer Flows, Definition von Übergängen und Mikrointeraktionen, Umgang mit responsiven Größenanpassungen, Vorbereitung von Usability-Tests mit freigegebenen Prototypen
Dokumentation und Handover: Aufbereitung von Styleguides, Spezifikationen und Kommentaren, Nutzung von Freigabelinks, Übergabe an Entwicklung mit Messwerten und Exportformaten
Evaluation und Iteration: Grundzüge nutzerzentrierter Tests, Erfassung von Beobachtungen, Ableitung von Anpassungen und Versionierung von Entwürfen
Lernziele
- Analysieren von Nutzeranforderungen und Ableiten von Informationsarchitektur und Navigationsstrukturen
- Erstellen von Wireframes und High-Fidelity-UI-Layouts in Adobe XD unter Einsatz von Komponenten und Layout-Rastern
- Durchführen von Prototyping-Schritten mit Interaktionen, Zuständen und responsiven Anpassungen
- Konzipieren und Aufbereiten von Styleguides, Design-Tokens und Übergabedokumenten für Entwicklungsteams
- Bewerten von Interface-Entwürfen anhand definierter Usability-Kriterien und Testbeobachtungen
- Implementieren von Iterationsschleifen auf Basis von Feedback, Messwerten und Protokollen aus Tests
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer/in mit Fokus auf Interface-Gestaltung und Komponentenaufbau in Adobe XD. Typische Tätigkeitsfelder umfassen UX-Designer/in für Research, Informationsarchitektur, Prototyping und Usability-Tests. Der Kurs adressiert Inhalte für Tätigkeiten wie Product Designer/in im Bereich digitaler Produkte mit Verantwortung für End-to-End-Designprozesse und Handover. Weitere Einsatzmöglichkeiten liegen im Bereich Interaction Designer/in mit Schwerpunkt Mikrointeraktionen und Bedienabläufe.
Zusammenfassung
Der Kurs UI/UX Design mit Adobe XD behandelt Gestaltung, Prototyping und Dokumentation von Benutzeroberflächen auf Basis nutzerzentrierter Methoden. Im Rahmen dieser Weiterbildung werden Vorgehensweisen zur Erstellung klickbarer Prototypen, zur Ausarbeitung von Komponenten und zur Übergabe an Entwicklungsteams vermittelt. Die vermittelten Themen stehen in Bezug zu Tätigkeitsfeldern wie UI-/UX-Design, Product Design und Interaction Design.