Zielsetzung des Kurses
Der Kurs Prototypenbau mit Adobe XD fokussiert auf die Konzeption und Ausarbeitung interaktiver Benutzeroberflächen im Kontext UX/UI-Design. Behandelt wird der Einsatz von Adobe XD zur Erstellung klickbarer Prototypen, vom Wireframe bis zum High-Fidelity-Entwurf. Ziel ist die strukturierte Anwendung von Funktionen zur Gestaltung, Interaktion und Zusammenarbeit im Designprozess. Die Inhalte sind im Fachgebiet der digitalen Produktentwicklung und Human-Computer-Interaction verortet.
Inhalte
Einführung in Adobe XD mit Einrichtung der Arbeitsumgebung, Bedienlogik, Zeichenflächenverwaltung sowie Nutzung von Komponenten, Assets und Bibliotheken zur konsistenten Gestaltung.
Konzeption von Wireframes und Layouts einschließlich Raster, Typografie, Farbschemata und UI-Elementen sowie Erstellung von Designsystem-Bausteinen für wiederkehrende Muster.
Prototyping und Interaktionen mit Verknüpfungen, Übergängen, Animationen, Overlays und Zuständen; Definition von Nutzerflüssen und Navigation für klickbare Abläufe.
Kooperation und Feedback durch Freigabe von Prototyp-Links, Kommentarfunktionen, Versionsverwaltung und Übergabe an Entwicklungsteams mittels Design-Spezifikationen.
Nutzertests und Iteration mit Vorbereitung von Testfällen, Durchführung von Remote-Tests auf verschiedenen Endgeräten und Auswertung von Rückmeldungen zur Überarbeitung.
Export und Übergabe inklusive Asset-Export, Spezifikationsdokumentation, Plattformanpassungen (Web, iOS, Android) sowie Dateiorganisation für weitere Produktionsschritte.
Lernziele
- Identifikation von Anforderungen an Wireframes, UI-Elemente und Nutzerflüsse in Adobe XD
- Erstellung von klickbaren Prototypen mit Verknüpfungen, Zuständen, Overlays und Mikrointeraktionen
- Anwendung von Komponenten, Styles und Bibliotheken zur konsistenten Gestaltung
- Durchführung von Nutzertests mit definierten Testfällen, Dokumentation und Ableitung von Iterationen
- Übergabe an Entwicklungsteams durch Export von Assets und Bereitstellung technischer Spezifikationen
- Bewertung von Prototypvarianten hinsichtlich Nutzerführung, Lesbarkeit und Interaktionslogik
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX/UI-Design, in denen die Erstellung interaktiver Prototypen und Designsysteme mit Adobe XD zum Aufgabenbereich gehört. Typische Tätigkeitsfelder umfassen Product Design und Interaction Design mit Fokus auf Nutzerflüsse, Komponenten und Spezifikationen für digitale Produkte. Der Kurs adressiert Inhalte für Tätigkeiten wie Frontend-nahe Konzeption, bei denen Prototypen zur Abstimmung mit Entwicklung und Stakeholdern eingesetzt werden.
Zusammenfassung
Der Kurs Prototypenbau mit Adobe XD behandelt die Planung, Ausarbeitung und Übergabe interaktiver Prototypen im UX/UI-Kontext. Im Rahmen dieser Weiterbildung werden Funktionen für Gestaltung, Interaktion, Zusammenarbeit und Testverfahren eingesetzt. Die vermittelten Themen stehen im Bezug zu Tätigkeiten in UX/UI-Design, Product Design und Interaction Design.