Webdesign + User Testing + UI Frameworks + Programmierung

Diese Weiterbildung vermittelt Kenntnisse im Bereich Webdesign, Testverfahren und Programmierung. Die Teilnehmenden lernen, digitale Interfaces zu gestalten, zu testen und strukturell zu entwickeln. Es wird besonderer Wert auf Barrierefreiheit und Standards gelegt.

Modul 1: Webdesign: Grundlagen, Tools und Standards
Modul 2: A/B-Testing & User Testing im digitalen Interface-Design
Modul 3: UI Frameworks & visuelle Strukturmodelle im UX Design
Modul 4: Grundlagen der objektorientierten Programmierung

Webdesign: Grundlagen, Tools und Standards
  • Grundlagen im Webdesign: Einführung in UI/UX Design, Responsive Webdesign, Strukturierung und Gestaltung funktionaler Webseiten.
  • Visuelle Gestaltung & Tools: Arbeiten mit Figma, Adobe XD und Sketch zur Erstellung von Wireframes, Prototypen und Interface-Layouts.
  • Frontend & Struktur: Umsetzung von Designs mit HTML, CSS, Flexbox und Grid Design für funktionale und zugängliche Benutzeroberflächen.
  • Barrierefreiheit & Standards: Anwendung von WCAG, Style Guides und Usability-Prinzipien für inklusive, nutzerfreundliche Webangebote.

A/B-Testing & User Testing im digitalen Interface-Design
  • Testverfahren im Einsatz: Planung und Vergleich nutzerzentrierter UI-Varianten mit A/B-Testing und wireframe app.
  • Testszenarien vorbereiten: Erstellung interaktiver Testmodelle in figma ui, sketch und wireframe software für UI/UX-Evaluation.
  • Nutzungsdaten auswerten: Erhebung von Interaktionsdaten und Bewertung der Nutzerführung mit Fokus auf usability und ux research.
  • Barrierefreie Prüfung: Einbindung von ui testing, responsive design und wcag zur Validierung der Zugänglichkeit digitaler Produkte.

UI Frameworks & visuelle Strukturmodelle im UX Design
  • Strukturelle Grundlagen: Vermittlung von UI-Komponentenmodellen mit Fokus auf usability, grid design und ui framework.
  • Frameworkbasierte Gestaltung: Einsatz von compose android, android compose und swift ui zur Interface-Entwicklung.
  • Prototyping-Tools: Umsetzung von app wireframe, prototyping software und figma ui im gestalterischen Entwicklungsprozess.
  • Test & Umsetzung: Validierung durch ui test, Integration in frontend-Systeme und Versionsverwaltung mit git.

Grundlagen der objektorientierten Programmierung
  • OOP-Konzepte: Aufbau von Klassen, Nutzung von Objekten, Prinzipien der Kapselung und Zusammenspiel über Schnittstellen.
  • Programmieren im Team: Entwicklung objektorientierter Module mit GitHub, Clean Code und API-gestützter Anwendungsstruktur.
  • Codearchitektur mit OOP: Nutzung von Frameworks, Strukturierung mit Patterns und Trennung funktionaler Softwareeinheiten.
  • Schnittstellen und Datenzugriff: SQL Datenbank, API Schnittstellen und Datenhaltung im objektorientierten Softwaredesign.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, Webdesign und Interface-Tests mit verschiedenen Tools durchzuführen sowie objektorientierte Programmierung für die Entwicklung zugänglicher digitaler Lösungen anzuwenden.