UI/UX-Design

Target Groups:

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

Professional Requirements:

keine Angaben

Technical Requirements:

Die Teilnahme am Unterricht erfolgt über Internet per Videotechnik. Voraussetzung für die Nutzung deiner eigenen Hardware ist die Installation der Applikation alfaview®: https://cloud.alfanetz.de/test Falls du keinen geeigneten Computer hast, erhältst du von uns das technische Equipment, um von zuhause aus am Kurs teilnehmen zu können. Sollten die räumlichen und technischen Voraussetzungen dir eine Teilnahme von zuhause aus nicht ermöglichen, kannst du deinen Kurs auch in einem unserer Bildungszentren absolvieren.

Classification of the Federal Employment Agency:

• C 1435-10-60 Webentwicklung

Contents

Der Kurs führt in die Umsetzung von User Interfaces ein. Die User Experience spielt bei der Entwicklung von Webseiten oder Apps eine wesentliche Rolle für den Erfolg. Mit Figma und Adobe XD werden Prototyping-Beispiele umgesetzt. Zudem erfährst du, wie Künstliche Intelligenz im Beruf eingesetzt wird.

UI/UX-Design

Allgemeine Einführung in die Thematik (ca. 1 Tag)
UX, Usability, UI, Mental model, Human factors
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
Fragebogens

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
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 & Formular
Farben, Schrift und Typografie im UI, Icons
Atomic Design
Mobile first Design

HCD-Gestaltungslösungen: Entwurfstechniken mit Figma & XD Adobe (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 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
(UEQ) User Experience QuestionnaireAttrakDiff
VisAWI – Visual Aesthetics of Websites Inventory
A/B-Testing

Künstliche Intelligenz (KI) im Arbeitsprozess
Vorstellung von konkreten KI-Technologien im beruflichen Umfeld
Anwendungsmöglichkeiten und Praxis-Übungen

Projektarbeit (ca. 5 Tage)
Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse

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

Educational Goal

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.