UI & UX für Entwickler:innen: Grundlagen und KI-natives Design-to-Code
Webinar - GFU Cyrus AG
Nach dem Seminar können Sie UI- und UX-Entscheidungen fundierter treffen und nachvollziehbar begründen. Sie kennen wichtige psychologische Grundlagen, Gestalt- und UX-Gesetze sowie zentrale Prinzipien für Typografie, Spacing, Farbe und Dialoggestaltung. Sie können Benutzeroberflächen anhand geeigneter Prüfmethoden bewerten und unter anderem Kontrast und Barrierefreiheit berücksichtigen. Darüber hinaus verfügen Sie über praktische Erfahrung mit einem KI-nativen Design-to-Code-Prozess und können generierte Ergebnisse gezielt auswählen, beurteilen und weiterentwickeln.
Usability und User Experience verstehen und unterscheiden
Warum Interfaces funktionieren oder scheitern
Design-Entscheidungen nachvollziehbar begründen
Psychologische Grundlagen der Interface-Gestaltung
Wahrnehmung und Nutzung von Benutzeroberflächen
Gestaltgesetze
UX-Gesetze, unter anderem Fitts„ Gesetz, Hicks Gesetz und Jakob„s Law, und ihre Bedeutung für die Gestaltung
Visuelle Gestaltung von Benutzeroberflächen
Typografie
Spacing und Abstände
Farben und Kontraste
Zusammenspiel visueller Gestaltungselemente
Dialoggestaltung
Die sieben Grundsätze der Dialoggestaltung nach EN ISO 9241-110
Do„s and Don„ts an Praxisbeispielen
UI und UX systematisch überprüfen
Heuristische Checks
Kontrastprüfung
Grundlagen der Barrierefreiheit
Prüfung anhand von WCAG-Kriterien
KI-natives Design-to-Code
KI-Werkzeuge wie Lovable im Design-to-Code-Prozess
Vom Prompt zum generierten Interface
Prompt -> Generieren -> Kuratieren -> Validieren
KI-Ergebnisse kuratieren und bewerten
Generierte Entwürfe fachlich beurteilen
Geeignete Varianten auswählen und weiterentwickeln
Eigene fachliche Verantwortung beim Einsatz generativer KI
Praxisprojekt
Arbeit an einer eigenen Idee
Einzel- und Teamübungen
Anwendung der UI/UX-Grundlagen im KI-gestützten Workflow
Entwicklung eines eigenen Beispielprojekts
Dauer/zeitlicher Ablauf:
2 Tage
Zielgruppe:
Das Seminar richtet sich an Entwickler:innen, die selbst Entscheidungen über Benutzeroberflächen treffen. Dazu gehören insbesondere Frontend- und Fullstack-Entwickler:innen sowie Entwickler:innen, die eigene Projekte umsetzen und ihre Kenntnisse in UI und UX systematisch erweitern möchten. Das Seminar kombiniert einen kompakten Einstieg in die Grundlagen mit einem intensiven Praxistag zum KI-gestützten Design-to-Code.
Teilnahmevoraussetzungen
Sie benötigen keine Vorkenntnisse in UI- oder UX-Design.
Ein Design-Hintergrund ist nicht erforderlich.
Am zweiten Seminartag arbeiten Sie mit einem KI-Werkzeug, zum Beispiel Lovable. Der Zugang wird gestellt; ein eigener Account ist nicht nötig.
Bitte bringen Sie einen Laptop mit aktuellem Browser mit.
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.
