Zielsetzung des Kurses
Der Kurs Progressive Web App UX Basics adressiert Grundlagen der nutzerzentrierten Gestaltung für Progressive Web Apps im Bereich User Experience und Interface Design. Behandelt werden Interaktionsmuster, Navigationskonzepte und spezifische Anforderungen mobiler und hybrider Nutzungsszenarien. Ziel ist die Vermittlung von Verfahren zur Strukturierung von Oberflächen, zur Erhebung von Nutzungskontexten und zur Bewertung von Bedienbarkeit. Eingebettet ist der Kurs in das Fachgebiet Human-Computer-Interaction mit Fokus auf PWA-spezifische Eigenschaften wie Offline-Fähigkeit, Installierbarkeit und Performancewahrnehmung.
Inhalte
Einführung in Progressive Web Apps mit Schwerpunkt auf technischen Charakteristika und deren Auswirkungen auf die Nutzerführung, einschließlich Installierbarkeit, Offline-Nutzung, Caching-Verhalten und responsiver Darstellung
Informationsarchitektur und Navigationsmodelle für PWAs, inklusive Hierarchieaufbau, Menüstrukturen, Onboarding-Flows, Zustandsmanagement und Handlungsaufforderungen
Interaktionsdesign und Bedienkonzepte unter Berücksichtigung von Touch-Gesten, Mikrowechselwirkungen, Zustandsfeedback, Formularinteraktion und Fehlertoleranz
Visuelles Design und Lesbarkeit mit Fokus auf Layout-Raster, Typografie, Kontrast, Iconografie, Komponentenkonsistenz und Designsystem-Bausteine
Nutzungsanalyse und Usability-Evaluation mittels heuristischer Inspektion, Click-Tracking, Task-basiertem Testing, Metriken zur Wahrnehmung von Geschwindigkeit und Bewertung von Barrierefreiheitskriterien
Prototyping- und Übergabeprozesse mit Low- bis High-Fidelity-Prototypen, Spezifikation von Komponenten, Dokumentation von Interaktionszuständen sowie Zusammenarbeit mit Entwicklung
Lernziele
- Analysieren von PWA-spezifischen Eigenschaften und deren Einfluss auf Navigations- und Interaktionskonzepte
- Identifizieren von Nutzeranforderungen und Nutzungskontexten für die Konzeption zentraler User Flows
- Unterscheiden von Navigationsmustern und Informationsarchitekturen für mobile, Desktop- und Installationsszenarien
- Erstellen von Low-Fidelity-Wireframes und User Flows für Kernaufgaben in einer PWA
- Durchführen von heuristischen Evaluationen und Task-basierten Usability-Tests mit definierten Kriterien
- Implementieren von Designsystem-Richtlinien in klickbare Prototypen und Integrieren von Zustandsfeedback und Mikrowechselwirkungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX Designer mit Schwerpunkt auf mobilen Webanwendungen und PWAs, mit Tätigkeiten in Informationsarchitektur, Interaktionsgestaltung und Prototyping. Typische Tätigkeitsfelder umfassen UI Designer für komponentenbasierte Oberflächen, einschließlich Designsystem-Pflege und visuelle Konsistenz. Der Kurs adressiert Inhalte für Tätigkeiten wie Product Designer in funktionsübergreifenden Teams, die Nutzerflüsse definieren, Anforderungen priorisieren und Evaluationsmethoden anwenden.
Zusammenfassung
Der Kurs Progressive Web App UX Basics behandelt die Gestaltung von Nutzererlebnissen für PWAs mit Fokus auf Navigationsmodelle, Interaktionsdesign, visuelle Konsistenz und Evaluationsverfahren. Im Rahmen dieser Weiterbildung werden Methoden zur Strukturierung von Oberflächen, Prototyping und Nutzungsanalyse vermittelt. Die Inhalte knüpfen an Tätigkeiten in UX-, UI- und Product-Design-Umfeldern an.