UI/UX-Design

Der Kurs führt in die Konzeption und Umsetzung von User Interfaces ein und erläutert die Bedeutung der User Experience in der Entwicklung von erfolgreichen Webseiten oder Apps. Mit Figma werden Prototyping-Beispiele umgesetzt. Zudem erhältst du Kenntnisse in der Umsetzung der Barrierefreiheit und der Nutzung Künstlicher Intelligenz im Beruf.
  • Abschlussart: Zertifikat „UI/UX-Design“
  • Abschlussprüfung: Praxisbezogene Projektarbeit mit Abschlusspräsentation
  • Unterrichtszeiten: Vollzeit
    Montag bis Freitag von 8:30 bis 15:35 Uhr (in Wochen mit Feiertagen von 8:30 bis 17:10 Uhr)
  • Dauer: 4 Wochen

Allgemeine Einführung (ca. 1 Tag)

UX, Usability, UI, Mental Model Guidline, Human factors Guideline 

Prinzipien der nutzerzentrierten Gestaltung

ISO 9241-210/HCD

Barrierefreiheit (Accessibility): Grundbegriffe, rechtliche Vorgaben (BITV, EU-Richtlinien), Bedeutung für UX-Design

Prozess zur Gestaltung gebrauchstauglicher interaktiver Systeme

Arten von KI-Tools im UI-/UX-Kontext (Text, Bild, Analyse)


HCD: Analyse – Nutzungskontext (ca. 2 Tage)

Personae und Empathy Map

Customer Journey

Überblick zu Web Analytics/Fragebogen


HCD: Spezifizieren der Nutzungsanforderung (ca. 1 Tag)

Szenarien, User Stories

Aufgabenmodell, Task Flows

Kontextinterviews und Beobachtung

Tagebuchstudien


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 und Navigationskonzepte (ca. 3 Tage)

Flow Chart

User Flow

Informationsarchitektur

Micro Informationsarchitektur

Conversion-Strategie

Navigationskonzepte und Sitemap

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

Mobile Navigation Patterns (Bootom Navigation, Hamburger Menus, Tabs)


Überblick agiles Projektmanagement (ca. 1 Tag)

Wasserfall-Modell vs. agile Methoden

Einblick in agiles Management nach der Scrum-Methode

Epic, User Story und Task

Design Sprint Methode


HCD-Gestaltungslösungen: User Interface Design (ca. 2 Tage)

Styleguide, UI KITs, Pattern Library und Design System

UI Komponenten/Elemente und Formulare

Farben, Schrift und Typografie im UI, Icons

Barrierfreiheit: Farbkontraste und gut lesbare Schrift, Bedienelemente (Größe, Abstände, Fokus)

Automatisierte Prüfung von Kontrasten, Lesbarkeit und Alternativtexten

Kurzer Überblick über die semantische Struktur (HTML/ARIA)

Atomic Design

Mobile First Design


HCD-Gestaltungslösungen: Entwurfstechniken mit Figma (ca. 3 Tage)

Struktur und Grundlagen: Pages und Frames, Layout Grids, Constraints

Komponenten und Varianten (Buttons, Bibliotheken, Design-Systeme)

Responsives Design (Frames, Auto Layout)

Scribbles, Wireframes, Mockups

Prototyping: Interaktionenm, Transitions, Overlays, Prototyp-Sharing

Nutzung von KI-Funktionen in Figma und ergänzenden Tools zur schnellen Erstellung und Variation von Entwürfen


Usability Testing und Evaluation (ca. 2 Tage)

Überblick über Usability-Testmethoden

Thinking Aloud: Planung, Vorbereitung, Durchführung und Auswertung

Fragebögen  (UEQ, AttrakDiff, VisAWI)

A/B-Testing

Barrierefreiheit: Tests mit Tastatur und Screenreader

Einsatz von Hilfsmitteln und Tools


Projektarbeit (ca. 4 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. Nach diesem Lehrgang besitzt du umfassendes Grundlagenwissen zu den Themen User Experience, User Interface und beherrschst auf Basis des Human-Centred Design-Prozesses entscheidende Richtlinien und Normen für grafische Benutzeroberflächen. Mit dem Prototyping Programm Figma bist du in der Lage, interaktive Entwürfe zu erstellen, die mit verschiedenen Methoden getestet und weiterentwickelt werden. Ergänzend verfügst du über Wissen in agilen Arbeitsweisen, Usability-Tests und dem Einsatz von KI-Tools im UI-/UX-Prozess.

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

Mit Fachwissen im Bereich UI und UX verbesserst du deine Chancen als Entwickler:in in Grafik-, Werbe-, Web-, Multimedia- oder Fullservice-Agenturen, aber auch bei Software- und Datenbankanbietern. Kenntnisse im Bereich UI/UX werden in nahezu allen Branchen gefordert.

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.