Nach dem Workshop können Sie grundlegende UX- und UI-Designprinzipien in Ihre Entwicklungsarbeit einbeziehen. Sie übersetzen Nutzerbedürfnisse in Anforderungen, strukturieren Inhalte und gestalten Oberflächen anhand visueller Regeln. Sie können Design Systems und Design Tokens als gemeinsame Grundlage für die Umsetzung nutzen und Designrichtlinien als Kontext für KI-Coding-Assistenten formulieren. KI-generierte Oberflächen prüfen und verfeinern Sie hinsichtlich Usability, Konsistenz und Barrierefreiheit.
Den Unterschied zwischen UX- und UI-Design verstehen
Die Bedeutung von gutem Design in der Softwareentwicklung
Wie KI die Art verändert, wie Entwickler Oberflächen gestalten und umsetzen
User Research und Nutzerbedürfnisse
Schlanke Research-Methoden für Entwicklungsteams
User Personas und User Stories erstellen
Nutzerbedürfnisse in Anforderungen übersetzen
Informationsarchitektur
Sitemaps und User Flows erstellen
Inhalte benutzerfreundlich strukturieren
Prinzipien des Navigationsdesigns
Grundlagen des visuellen Designs
Gestaltgesetze und visuelle Hierarchie
Typografie und Schriftskalen
Farbsysteme, Kontrast und Barrierefreiheit
Abstände, Layout und Raster
Responsive Design und Mobile-First-Ansatz
Design Systems und Design Tokens
Ein Design System als Single Source of Truth aufbauen
Global, Alias und Component Tokens
Wiederverwendbare Komponenten und gängige UI-Patterns
Tokens im Code umsetzen
Design Systems für KI-gestützte Entwicklung
Warum KI-Tools ein Design System brauchen, um konsistente Ergebnisse zu liefern
Designregeln und Richtlinien als Kontext für KI-Coding-Assistenten formulieren
UI-Komponenten und Screens mit KI auf Basis des Design Systems generieren
KI-generierte Oberflächen auf Usability, Konsistenz und Barrierefreiheit prüfen und verfeinern
Prototyping und Validierung
Schnelles Prototyping direkt im Code mit KI-Unterstützung
Designs mit Nutzern testen und validieren
Iteration auf Basis von Nutzerfeedback
Design- und KI-Tools
Überblick über aktuelle Design- und Prototyping-Tools, beispielsweise Figma
Überblick über KI-gestützte Entwicklungstools und ihre Einbindung in den Workflow
Zusammenarbeit und Umsetzung
Zusammenarbeit mit Designern, Entwicklern und Stakeholdern auf Basis eines gemeinsamen Design Systems
Designentscheidungen und Regeln dokumentieren
Designprobleme in der Entwicklung lösen
Praxisprojekt
Ein Dashboard von Grund auf gestalten und umsetzen
Abschluss und nächste Schritte
Zusammenfassung der wichtigsten Konzepte und Fähigkeiten
Ressourcen zum Weiterlernen und Üben
Dauer/zeitlicher Ablauf:
2 Tage
Zielgruppe:
Der Workshop richtet sich an Entwicklerinnen und Entwickler, die die Nutzererfahrung und das visuelle Design ihrer Software verbessern möchten. Er eignet sich außerdem für Designerinnen und Designer, die enger mit Entwicklungsteams zusammenarbeiten und die Umsetzung mit Design Systems und KI-Unterstützung kennenlernen möchten.
Teilnahmevoraussetzungen
Sie benötigen grundlegende Programmierkenntnisse und Erfahrung mit der Entwicklung von Benutzeroberflächen. Vorkenntnisse in UX- oder UI-Design werden nicht vorausgesetzt.
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern.
Diese Cookies werden nicht automatisiert gesetzt.
Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren.
Weitere Informationen finden Sie hier.
