Seminare
Seminare
  • Seminare
  • Anbieter
  • 5 km
  • 10 km
  • 25 km
  • 50 km
  • 100 km
  • 150 km
  • 200 km
  • 300 km

UI & UX für Entwickler:innen: Grundlagen und KI-natives Design-to-Code

Seminar - 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.
Termin Ort Preis*
firmenintern auf Anfrage auf Anfrage
*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

Inhalte:
  • Grundlagen von Usability und User Experience
    • 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

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.
Seminarkennung:
S7370
Nach unten
Nach oben
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.
Akzeptieren Nicht akzeptieren









Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha



Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.







Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha