Medieninformatik + Usability + UI-Design + Prototyping

Diese Weiterbildung vermittelt Kenntnisse in der Verbindung von Informatik und Design, wobei der Fokus auf der Entwicklung benutzerfreundlicher Benutzeroberflächen und der Analyse von Nutzertests liegt. Themen wie Prototyping und UI/UX-Design werden umfassend behandelt.

Modul 1: Medieninformatik - Anwendungen zwischen Code und Design
Modul 2: UI/UX Design für digitale Anwendungen
Modul 3: UI & UX Analyse: Testing-Strategien und A/B-Verfahren
Modul 4: Barrierefreies UI UX Design: Anforderungen & Umsetzung

Medieninformatik - Anwendungen zwischen Code und Design
  • Inhalte der Medieninformatik: Informatikgrundlagen, UI Design, Datenstrukturen und Applikationen für Smartphone und Web.
  • Technologischer Einsatz: Android Studio, Xcode, HTML5, CSS3, Git und Programmiersprachen wie Kotlin, Java und Swift.
  • Mobile und Web-Projekte: Entwicklung von Applikationen mit Datenbankzugriff, JSON-Nutzung und API-Schnittstellen.
  • Methodik im Prozess: Agiles Arbeiten mit Prototyping, UX-Strategien und Anwendung medienbasierter Entwicklungsprozesse.

UI/UX Design für digitale Anwendungen
  • Grundlagen von UI/UX: Einführung in Usability, Interface-Gestaltung und Nutzerführung für Web, App und mobile Anwendungen.
  • Prototyping & Wireframes: Einsatz von Figma, Adobe XD und Rapid Prototyping zur Entwicklung von nutzerzentrierten UI-Konzepten.
  • UX Research & Testing: Durchführung von User Research, A/B-Tests und User Personas zur Optimierung der User Experience.
  • Designsysteme & Tools: Nutzung von UI Frameworks, Style Guides und WCAG-Richtlinien für barrierefreies und responsives Design.

UI & UX Analyse: Testing-Strategien und A/B-Verfahren
  • Testmethoden verstehen: Einführung in user testing, a/b testing und Evaluation von UI-Konzepten in mobilen und webbasierten Interfaces.
  • Personas & Journey Mapping: Aufbau von Tests mit user personas, customer journey mapping und wireframe website zur Analyse von UX.
  • Datengestützte Optimierung: Auswertung von Testergebnissen zur Anpassung von UI Design und Ableitung nutzerorientierter Verbesserungen.
  • Frameworks & Standards: Einsatz von ui framework, compose desktop und style guides zur Einhaltung barrierefreier Interface-Anforderungen.

Barrierefreies UI UX Design: Anforderungen & Umsetzung
  • Basis digitaler Inklusion: Analyse von barrierefreiheit, interface gestaltung und anwenderzentrierter Struktur nach WCAG.
  • Designlogik & Navigation: Gestaltung barrierefreier Interfaces mit Fokus auf Tastaturnavigation, Farbkontraste und usability.
  • Prototypentwicklung: Erstellung von Prototypen mit sketch, figma kurs und prototyping software unter WCAG-Vorgaben.
  • Testbasierte Optimierung: Einsatz von user personas, ux research und testing-Tools zur Bewertung barrierefreier UI-Konzepte.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, benutzerfreundliche und barrierefreie UI/UX-Konzepte zu entwickeln, verschiedene Prototyping-Methoden anzuwenden und UX-Strategien unter Berücksichtigung von Nutzerfeedback zu optimieren.