UX/UI & KI Design - Diplomlehrgang

In allen Einzelmodulen werden Best-Practice Beispiele, praktische Übungen, Tipps & Tricks aus der Praxis gezeigt. Unsere Vortragenden sind als Webentwickler und Designer tätig, haben mehrjährige Erfahrung im Unterrichten und werden Inhalte praxisnahe vermitteln. In unserem Unterrichtsformat erhalten Sie persönliche Unterstützung und sehr individuell angepasste Inhaltsvermittlung.

Sie erlernen nutzerzentrierte digitale Produkte konzeptionell und gestalterisch umzusetzen. Sie führen UX-Research selbstständig durch, leiten Nutzerbedürfnisse ab und entwickeln darauf aufbauend User Journeys, Interaktionskonzepte, UI-Designs und Prototypen. Zudem wenden sie Content Design, visuelle Gestaltung und Testmethoden zielgerichtet an, verstehen grundlegende Webtechnologien und können effektiv mit Entwickler:innen zusammenarbeiten.
Darüber hinaus setzen die Teilnehmenden KI verantwortungsvoll im Research-, Ideations- und Designprozess ein. Sie nutzen generative KI zur Erstellung von Personas, User Flows, Layouts und Textvarianten sowie zur Konzeption KI-basierter Services und Chatbots.
Dieses Wissen wenden sie in einem praxisnahen Projekt an, in dem sie eine reale Problemstellung ganzheitlich bearbeiten, einen funktionsfähigen Prototyp entwickeln und ihre Ergebnisse nachvollziehbar präsentieren.

Dieser Lehrgang besteht aus folgenden Einzelkursen und Modulen:

Grundlagen Webentwicklung, Internettechnik

• Grundprinzipien des Internets (Client–Server-Modell, HTTP/HTTPS)
• Aufbau und Funktionsweise von Websites und Webanwendungen
• HTML: semantische Strukturierung von Inhalten
• CSS: Layout-Modelle
• Grundlagen responsiver Gestaltung
• Einführung in JavaScript und DOM-Verständnis
• Webstandards und Best Practices
• Barrierefreiheit im Web (Grundlagen, WCAG-Überblick)
• Schnittstellen zwischen Design und Entwicklung

Grundlagen UX, Research & Design Thinking

• UX-Prozess, Double Diamond & Human-Centered Design
• Nutzerforschung: Interviews, Beobachtung, Kontextanalyse
• Desk Research & Wettbewerbsanalyse
• Personas, Proto-Personas & Hypothesenbildung
• Customer Needs, Problem Statements & Jobs-to-be-Done
• User Journeys & Szenarienentwicklung
• KI-gestützte Research-Synthese (Clustern, Interviewauswertung)
• Design Thinking-Methoden: Ideation, Reframing, Co-Creation

UI Design, Visuelles Design & Prototyping

• Visuelle Gestaltung: Layout-Grundlagen, Farben, Komposition
• Wireframes (Low/Mid-Fidelity) in Figma
• UI-Patterns & Komponentenbibliotheken
• Designsysteme: Aufbau & Anwendung
• Interaktive Prototypen mit Figma
• Accessibility im UI-Desig
• KI-Unterstützung: Layout-Vorschläge, Komponentenerstellung, Farbvarianten
• Usability-orientierte Gestaltungsprinzipien (Nielsen, Norman)

Typografie, Grafikdesign mit Affinity

• Grundlagen der Typografie (Lesbarkeit, Hierarchie, Schriftartenwahl)
• Gestaltung von UI-kompatiblen Typografie-Systemen
• Einführung in Affinity Designer & Affinity Photo
• Erstellung von Icons, Illustrationen & UI-Grafiken
• Bildbearbeitung & Asset-Optimierung fürWeb & App
• Export-Workflows für UI/UX-Projekte
• Farbmanagement & Konsistenz in Grafiken
• KI-Unterstützung: Bild-Generierung, Vektoroptimierung, Stilvarianten

UX Writing, Content Design, Usability Testing

• Grundlagen UX Writing & Microcopy
• Tone & Voice: Markenstimme für digitale Produkte
• Barrierefreie & inklusive Sprache
• Content-Strategie für Interfaces
• KI-gestützte Textvariation, Qualitätschecks & Konsistenz
• Planen & Durchführen von Usability-Tests
• Erstellung von Testskripts & Szenarien
• Auswertung & Priorisierung von Erkenntnissen
• Iterative Verbesserungen basierend auf Insights

KI im UX-Design & KI-basiertes Service Design

• Grundlagen generativer KI (Text, Bild, Interaktion)
• Prompting-Methoden für UX-Aufgaben
• KI-gestützte Ideenentwicklung (User Flows, UI-Varianten, Personas)
• KI in Research & Synthesis (automatisches Clustern, Pattern Detection)
• Chatbots & Conversational Interfaces
• Prinzipien der Mensch-KI-Interaktion
• KI-basierte Servicekonzepte & Automatisierungsmöglichkeiten
• Service Blueprints & End-to-End Journeys
• Verantwortungsvoller KI-Einsatz (Bias, Transparenz, Datenschutz)

Programmierpraxis

• Entwicklung eines eigenen UX/KI-Projekts (App, Website oder Service)
• Umsetzung eines interaktiven Prototyps
• Dokumentation: Research, Konzepte, UI, Inhalte, KI-Einsatz

Ziele

Nach Abschluss des Lehrgangs sind Sie in der Lage UX/UI-Methoden kompetent anzuwenden, KI effektiv im Kreativ-, Research- und Designprozess einzusetzen, technische Grundlagen zu verstehen und im Designkontext zu nutzen, professionelle visuelle Gestaltung anzuwenden und können UX/KI-Projekt umzusetzen. Die Nutzung von Tools wie Figma und Affinity Designer zur Erstellung von Userinterfaces ist kein Problem.

Ideal für

• UX/UI-Einsteiger:innen und Fortgeschrittene
• Projektmanager:innen, Marketing-& Produktmanager:innen, Berater:innen
• IT-affine Personen und Quereinsteiger:innen
• Personen, die KI als Unterstützung im UX/UI-Prozess nutzen wollen
• Menschen ohne Programmierkenntnisse, die praxisnah gestalten und testen möchten

• Sicherer Umgang mit Computer und Betriebssystem (Dateien/Ordner, Programme installieren) und grundlegende Kenntnisse der Internettechnik
• Eigener PC bzw. Notebook (ein zweiter Bildschirm wird empfohlen) und Adminrechte
• Internetanschluss, Mikrofon & Webcam

Am Ende des Lehrgangs erhalten Sie bei mindestens 75% Anwesenheit eine Teilnahmebestätigung . Diese Ausbildung wird mit einer Projektpräsentation sowie einer Theorie-Prüfung abgeschlossen. Bei erfolgreichem Abschluss erhalten Sie ein Diplom. Die praktische Prüfung findet ca. 2 Wochen nach Kursende statt. Den genauen Termin bzw. die Möglichkeit zur Anmeldung haben Sie im laufenden Kurs. Die Theorieprüfung kann in unserem IT-Testcenter mittels computergestützter Prüfung absolviert werden.