UI/UX-Design und UI-Design Advanced mit Design Thinking

Der Kurs bietet mit Design Thinking einen innovativen Ansatz zur Problemlösung. Du vertiefst dein Wissen in Figma, Adobe XD und Axure RP, lernst Prototyping-Techniken sowie interaktive Benutzeroberflächen. Zudem erfährst du, wie Künstliche Intelligenz im Beruf gezielt eingesetzt werden kann.
  • Abschlussart: Zertifikat „Design Thinking“
    Zertifikat „UI/UX-Design“
    Zertifikat „UI-Design Advanced“
  • Abschlussprüfung: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Unterrichtszeiten: Vollzeit
    Montag bis Freitag von 8:30 bis 15:35 Uhr (in Wochen mit Feiertagen von 8:30 bis 17:10 Uhr)
  • Dauer: 7 Wochen

Design Thinking

Einführung in Design Thinking (ca. 1 Tag)

Design Thinking Prozess im Überblick

Die wichtigsten Regeln und Phasen des Design Thinking

Praxisorientierte Ansätze und Anwendungen


5 Phasen im realen Projekt (ca. 3 Tage)


Research Phase

Methodischer Input zu qualitativem Research

Umsetzung durch praktische Übungen am realen Projekt


Synthese Phase

Methodischer Input zu Analyse und Synthese

Umsetzung durch praktische Übung am realen Projekt


Ideation Phase

Methodischer Input zu Kreativtechniken und Ideenentwicklung

Umsetzung durch praktische Übung am realen Projekt


Prototyping Phase

Methodischer Input zu Visualisierung und Protoyping (u. a. Mockups, Click Dummys, 3D-Printing und Rapid Prototyping)

Umsetzung durch praktische Übung am realen Projekt


Testing Phase

Methodischer Input zu Testmethoden und Iteration, agiles Vorgehen

Umsetzung durch praktische Übung am realen Projekt


Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI‐Technologien

sowie Anwendungsmöglichkeiten im beruflichen Umfeld


Projektarbeit (ca. 1 Tag)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

UI/UX-Design

Allgemeine Einführung in die Thematik (ca. 1 Tag)

UX, Usability, UI, Mental Model Guidline, Human factors Guideline Prinzipien der nutzerzentrierten Gestaltung

ISO 9241-210/HCD

Prozess zur Gestaltung gebrauchstauglicher interaktiver Systeme


HCD: Analyse – Verstehen und Festlegen des Nutzungskontextes (ca. 3 Tage)

Personae

Empathy Map

Customer Journey

Web Analytics

Fokusgruppen

Fragebogen


HCD: Spezifizieren der Nutzungsanforderung (ca. 1 Tag)

Szenariomodell

Aufgabenmodell

Kontextinterviews

Tagebuchstudien

Teilnehmende Beobachtung


HCD: Erzeugen von Gestaltungslösungen um Nutzungsanforderung zu erfüllen (ca. 1 Tag)

Richtlinien und Normen: 7 Dialogprinzipien der ISO 9241-110

10 Prinzipien des User Interface Designs nach Jakob Nielsen

Visuelle Wahrnehmung, Gesetzmäßigkeiten


HCD-Gestaltungslösungen: Taxonomie, Informationsarchitektur & Navigationskonzepte (ca. 3 Tage)

Flow Chart

User Flow

Informationsarchitektur

Micro Informationsarchitektur

Conversion-Strategie

Navigationskonzepte

Sitemap

Card Sorting: Planung, Vorbereitung, Durchführung und Auswertung


Überblick agiles Projektmanagement (ca. 1 Tag)

Wasserfall-Modell vs. Agile Methode

Einblick in agiles Management nach der Scrum-Methode

Epic, User Story und Task

Design Sprint Methode


HCD-Gestaltungslösungen: User Interface Design (ca. 1 Tag)

Styleguide, UI KITs, Pattern Library & Design System

UI Komponenten/Elemente & Formulare

Farben, Schrift und Typografie im UI, Icons

Atomic Design

Mobile first Design


HCD-Gestaltungslösungen: Entwurfstechniken mit Figma &  Adobe XD (ca. 2 Tage)

Figma vs. Adobe XD


Figma

Die Werkzeugpalette von Figma

Workflow

UI-Komponenten

Responsive Design

Scribbles, Wireframe

Interaktive Prototypen


Adobe XD

Die Werkzeugpalette von Adobe XD

Workflow

UI-Komponenten

Responsive Design

Scribbles, Wireframe

Interaktive Prototypen


HCD-Evaluierung des Designs gegen die Nutzungsanforderungen – Usability Testing (ca. 2 Tage)

Ein Überblick über Usability-Testmethoden Thinking Aloud: Planung, Vorbereitung, Durchführung und Auswertung

User Experience Questionnaire (UEQ)

AttrakDiff

VisAWI – Visual Aesthetics of Websites Inventory

A/B-Testing


Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI‐Technologien sowie Anwendungsmöglichkeiten im beruflichen Umfeld


Projektarbeit (ca. 5 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

UI-Design Advanced

Vertiefung in Figma und Adobe XD (ca. 2,5 Tage)

Wiederholung: Grundlegende Prototyping-Funktionen

Fortgeschrittene Animationstechniken und Interaktionen

Komplexe Übergänge und Microinteractions

Prototypen für verschiedene Geräte erstellen (responsive Design)

User-Testing und Feedback-Schleifen integrieren


Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI‐Technologien

sowie Anwendungsmöglichkeiten im beruflichen Umfeld


Axure RP (ca. 3,5 Tage)

Grundfunktionen und fortgeschrittene Features von Axure

Erstellung dynamischer und interaktiver Prototypen

Einsatz von Variablen, bedingten Logiken und dynamischen Panels

Interaktion zwischen Benutzer:innen und Interface simulieren

Übergabe von High-Fidelity-Prototypen an Entwicklungsteams


Tool-übergreifende Workflows (ca. 2 Tage)

Figma, Adobe XD und Axure kombiniert nutzen

Design-Übergaben optimieren: Vom Low-Fidelity-Prototyp bis zur Entwicklung

Kollaboration und Versionierung in verschiedenen Tools


Projektarbeit (ca. 2 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse



Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.

Eine überzeugende Usability und gute User Experience sind die Basis für das Vertrauen der Kundschaft, mit dem Unternehmen in Interaktion zu treten. Dieser Lehrgang vermittelt wichtiges Grundlagenwissen zu den Themen User Experience und User Interface und du lernst entscheidende Richtlinien und Normen für grafische Benutzeroberflächen kennen. Mit den Prototyping Programmen Figma und XD von Adobe bist du in der Lage, interaktive Entwürfe zu erstellen, die mit verschiedenen Methoden getestet und weiterentwickelt werden.

Zusätzlich bist du in der Lage, fortgeschrittene Prototyping-Techniken in Figma und Adobe XD anzuwenden und dich sicher im Umgang mit Axure RP zu bewegen. Du kannst interaktive und dynamische Benutzeroberflächen mit dynamischen Panels, Variablen und konditionalen Logiken in Axure erstellen und zudem den gesamten Workflow – vom Konzept über Prototyping bis hin zur Übergabe an die Entwickler:innen – durchführen sowie Projekte durch die Integration der drei Tools effizient managen.

Zusätzlich vermittelt der Kurs den Ansatz des Design-Thinking, mit dem sich innovative Lösungen für komplexe Probleme erarbeiten lassen. Das Vorgehen bei Design-Thinking ist klar strukturiert, iterativ und lässt viel Raum für neue Sichtweisen. Der Lehrgang vermittelt Sinn, Ablauf und Grundsätze der Methode.

Webentwickler:innen, Webdesigner:innen, App-Entwickler:innen, Softwareentwickler:innen, User Interface Designer, Projektleiter:innen, Grafikdesigner:innen, Mediengestalter:innen

Im Ansatz war Design Thinking eine innovative Methode zur Produktentwicklung, der sich aber mittlerweile auf die gesamte Unternehmenskultur ausgeweitet hat und somit branchenübergreifend gefragt ist.

Zusätzlich eröffnest du dir durch fortgeschrittene Kenntnisse im UI-Design vielfältige Karrierechancen in Grafik-, Web- und Software-Agenturen. Das Verständnis für moderne Prototyping-Techniken ist in nahezu allen Branchen gefragt, wodurch du als UI-Designer:in oder Frontend-Entwickler:in sehr gute Perspektiven hast.

Dein aussagekräftiges Zertifikat gibt detaillierten Einblick in deine erworbenen Qualifikationen und verbessert deine beruflichen Chancen.

Didaktisches Konzept

Deine Dozierenden sind sowohl fachlich als auch didaktisch hoch qualifiziert und werden dich vom ersten bis zum letzten Tag unterrichten (kein Selbstlernsystem).

Du lernst in effektiven Kleingruppen. Die Kurse bestehen in der Regel aus 6 bis 25 Teilnehmenden. Der allgemeine Unterricht wird in allen Kursmodulen durch zahlreiche praxisbezogene Übungen ergänzt. Die Übungsphase ist ein wichtiger Bestandteil des Unterrichts, denn in dieser Zeit verarbeitest du das neu Erlernte und erlangst Sicherheit und Routine in der Anwendung. Im letzten Abschnitt des Lehrgangs findet eine Projektarbeit, eine Fallstudie oder eine Abschlussprüfung statt.

 

Virtueller Klassenraum alfaview®

Der Unterricht findet über die moderne Videotechnik alfaview® statt  - entweder bequem von zu Hause oder bei uns im Bildungszentrum. Über alfaview® kann sich der gesamte Kurs face-to-face sehen, in lippensynchroner Sprachqualität miteinander kommunizieren und an gemeinsamen Projekten arbeiten. Du kannst selbstverständlich auch deine zugeschalteten Trainer:innen jederzeit live sehen, mit diesen sprechen und du wirst während der gesamten Kursdauer von deinen Dozierenden in Echtzeit unterrichtet. Der Unterricht ist kein E-Learning, sondern echter Live-Präsenzunterricht über Videotechnik.

 

Die Lehrgänge bei alfatraining werden von der Agentur für Arbeit gefördert und sind nach der Zulassungsverordnung AZAV zertifiziert. Bei der Einreichung eines Bildungsgutscheines oder eines  Aktivierungs- und Vermittlungsgutscheines werden in der Regel die gesamten Lehrgangskosten von deiner Förderstelle übernommen.
Eine Förderung ist auch über den Europäischen Sozialfonds (ESF), die Deutsche Rentenversicherung (DRV) oder über regionale Förderprogramme möglich. Als Zeitsoldat:in besteht die Möglichkeit, Weiterbildungen über den Berufsförderungsdienst (BFD) zu besuchen. Auch Firmen können ihre Mitarbeiter:innen über eine Förderung der Agentur für Arbeit (Qualifizierungschancengesetz) qualifizieren lassen.

Gerne beraten wir dich kostenfrei. 0800 3456-500 Mo. - Fr. von 8 bis 17 Uhr
kostenfrei aus allen deutschen Netzen.
Kontakt
Gerne beraten wir dich kostenfrei. 0800 3456-500 Mo. - Fr. von 8 bis 17 Uhr kostenfrei aus allen deutschen Netzen.