- {{j.pay}}
- {{f}}
Progressive Web App UI Design
Laut Katalog dauert der Kurs 6–12 Monate und kostet 5.000–10.000 €. Du lernst im Blended Learning. Anbieter ist formful education GmbH.
verdienen bisDie Mitte
MedianObere 25 %
verdienen ab
Achse beginnt bei {{s1.axis}}
01 · Der Kurs
Der Kurs hat 4 Termine
Auf einen Blick
- LERNUMFANG
- 6–12 Monate
- KATALOGPREIS
- 5.000–10.000 €
- LERNORT
- Leipzig
- NÄCHSTER START
- 05.10.2026
- LERNFORM
- Blended Learning
Passt der Kurs zu dir?
- 1Sicherer Umgang mit dem Computer und die Bereitschaft, ein Designwerkzeug wie Figma von Grund auf zu lernen; für Wireframes brauchst du kein Zeichentalent.
- 2Für viele Stellen ein Studium in Medien- oder Kommunikationsdesign oder Medieninformatik; den Einstieg öffnet auch eine Aus- oder Weiterbildung im Medien- oder Kommunikationsdesign.
- 3Für eine geförderte Teilnahme ein Bildungsgutschein der Agentur für Arbeit nach § 81 SGB III, den der Kursträger vor Beginn bei der Agentur vorlegt.
Das lernst du
- Zielsetzung des Kurses
- Der Kurs Progressive Web App UI Design adressiert die Gestaltung und Umsetzung von Benutzeroberflächen für Progressive Web Apps im Kontext von UX/UI-Design und Frontend-Entwicklung. Ziel ist die Vermittlung von Methoden zur strukturierten Konzeption, zum visuellen Design und zur Interaktionserarbeitung für PWA-spezifische Anforderungen. Behandelt werden Entwurfsprozesse unter Berücksichtigung von Responsivität, Offline-Fähigkeiten und Performance-Aspekten. Der Kurs ordnet sich in das Fachgebiet Human-Computer-Interaction und webbasierter Interface-Gestaltung ein.
- Grundlagen der PWA-Gestaltung mit Fokus auf Nutzungsszenarien, Informationsarchitektur, Navigationsmodellen und Musterkatalogen für mobile und Desktop-Ansichten, inklusive Besonderheiten wie Installierbarkeit und Nutzung im Homescreen.
- Visuelles UI-Design für PWAs mit Layout-Rastern, Typografie, Farb- und Icon-Systemen, Komponentenbibliotheken, Zustandsdarstellungen sowie Barrierefreiheitsanforderungen nach gängigen Richtlinien.
- Interaktionsdesign und Mikrosignale mit Zustandswechseln, Animationen, Gestensteuerung, Feedback-Mechanismen, Ladeindikatoren und Fehlermeldungen im Kontext intermittierender Verbindungen.
- Responsive und adaptive Gestaltung mit Breakpoints, fluiden Grids, Touch- und Mausinteraktion, Gerätekontexten, Orientation-Wechseln und Eingabemethoden, einschließlich Edge-Cases.
- Design-to-Development-Übergabe mit Pattern-Definition, Design-Tokens, Prototyping, Spezifikationen, Assets, sowie Zusammenarbeit mit Frontend-Implementierung unter Nutzung gängiger Tools.
- Qualitätssicherung durch Nutzertests, Heuristiken, Metriken zur UI-Performancewahrnehmung, Barrierefreiheitsprüfungen und iteratives Design-Refinement anhand von Feedback und Telemetrie.
- Lernziele
- Analysieren von Nutzungskontexten und Informationsarchitekturen für Progressive Web Apps
- Identifizieren und Unterscheiden PWA-spezifischer UI-Patterns einschließlich Installierbarkeit und Offline-Hinweisen
- Erstellen von responsiven Layouts, Komponenten und Zustandsdarstellungen für unterschiedliche Gerätegrößen
- Anwenden von Design-Tokens, Typografie- und Farbsystemen zur konsistenten UI-Gestaltung
- Entwickeln interaktiver Prototypen mit Mikrointeraktionen, Ladeanzeigen und Fehlermeldungen
- Implementieren der Design-to-Development-Übergabe durch Spezifikationen, Assets und Abnahmechecklisten
- Berufsperspektiven
- Die Kursinhalte finden Anwendung in Berufsfeldern wie UX/UI-Design mit Schwerpunkt webbasierte Interfaces und komponentenbasierte Gestaltung für PWAs. Typische Tätigkeitsfelder umfassen Frontend-Design und -Konzeption in interdisziplinären Produktteams mit Fokus auf responsive Oberflächen. Der Kurs adressiert Inhalte für Tätigkeiten wie Interaction Design und Prototyping für installierbare Webanwendungen. Ebenfalls abgedeckt sind Aufgaben im Bereich Qualitätssicherung von Benutzeroberflächen, inklusive Barrierefreiheitsprüfungen und Metrik-basierter Bewertung.
- Zusammenfassung
- Der Kurs Progressive Web App UI Design behandelt Konzeption, visuelles Design und Interaktionsgestaltung für installierbare, responsive Webanwendungen. Im Rahmen dieser Weiterbildung werden Methoden zur strukturierten Ausarbeitung von UI-Patterns, Prototypen und Übergaben an die Implementierung vermittelt. Die vermittelten Themen finden Anwendung in Tätigkeitsfeldern wie UX/UI-Design, Frontend-Konzeption, Interaction Design und UI-Qualitätssicherung.
Der Kurs
Ablauf, Termine und Lernort
- 1
Leipzig
05.10.2026 · Blended Learning · Teilzeit · 6–12 Monate · 5.000–10.000 €
- 2
Leipzig
05.10.2026 · Blended Learning · Vollzeit · 3–6 Monate · 5.000–10.000 €
- 3
Leipzig
02.11.2026 · Blended Learning · Teilzeit · 6–12 Monate · 5.000–10.000 €
- 4
Leipzig
02.11.2026 · Blended Learning · Vollzeit · 3–6 Monate · 5.000–10.000 €
02 · Kosten & Förderung
Kursgebühr 5.000–10.000 €, mit bewilligtem Bildungsgutschein 0 €
Dieser Kurs ist im Katalog als förderfähig gekennzeichnet.
03 · Gehalt
UX-Designer Gehalt: 4.149 € in der Mitte bundesweit
Die mittlere Hälfte verdient 3.319 € bis 5.344 € brutto im Monat in Vollzeit.
Brutto im Monat
Mitte und Viertel bundesweit
3 Schritte vom Kurs in den Beruf
- 1
Nutzerbedürfnisse belegen statt vermuten
Im UX Research übst du Interviews, Beobachtung und Umfragen und fasst die Ergebnisse in Personas und User Journeys zusammen. Damit begründest du Designentscheidungen gegenüber Produktmanagement und Entwicklung mit Befunden aus echten Gesprächen. Beispiel: Du befragst Bestandskunden eines Online-Shops und leitest aus ihren Antworten drei Personas ab.
- 2
Prototypen bauen und mit Nutzern testen
In Figma entwirfst du Screens, Komponenten und klickbare Prototypen, die du in moderierten Usability-Tests prüfst. Du lernst, Testaufgaben zu formulieren und beobachtete Bedienprobleme nach Schweregrad zu ordnen. Beispiel: Testpersonen klicken den Bestellvorgang einer App durch, und du notierst, an welchem Schritt sie abbrechen.
- 3
Barrierefreiheit im Entwurf berücksichtigen
Für Online-Shops und andere Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher schreibt das Barrierefreiheitsstärkungsgesetz eine barrierefreie Gestaltung vor; Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen. Achte darauf, ob der Kurs Kontraste, Tastaturbedienung und Alternativtexte schon in der Entwurfsphase behandelt. Beispiel: Du prüfst im Checkout-Entwurf, ob jede Schaltfläche ohne Maus erreichbar ist und sich deutlich vom Hintergrund abhebt.
04 · Anbieter
Formful education GmbH: 406 Kurse mit aktuellem Termin an 1 Ort
406 Kurse mit aktuellem Termin in unserem Vergleich. Lernformen: Blended Learning, Virtuelles Klassenzimmer.
Angebote an 1 Ort; in der Kurssuche wählst du den Lernort und Termin bei formful education GmbH.
05 · Jobs
UX-Designer Jobs bundesweit: 938 offene Stellen in 45 Tagen
Arbeitsmarkt
UX-Designer bundesweit in Zahlen
Nutze diese Orientierung für deinen Kursvergleich: Markiere in drei bis fünf Stellenanzeigen die wiederkehrenden Anforderungen.
- Ein Kurs mit Praxis, dem passenden Nachweis und einem realistischen Zugang zur Zielrolle ist aussagekräftiger als ein allgemeines Versprechen guter Jobchancen.
06 · Kurse
712 Kurse zum Vergleich
Für eine gute Wahl reichen zwei oder drei der 712 Kurse mit gleichem Ziel, die du Punkt für Punkt nebeneinanderlegst.
712 Kurse zum Vergleich.
- {{j.pay}}
- {{f}}
Auf dieser Seite passt nichts zu diesem Filter. Die nächste Seite oder die ganze Liste zeigt mehr.
Häufige Fragen
3 Fragen, kurz beantwortet
{{f.a}}
Mehr
16 weitere Seiten zum Thema UX/UI-Design
Kläre deinen persönlichen Kursstart (712 Kurse)
Preis, Dauer und nächster Start der 712 Kurse im direkten Vergleich.
Angebote dieses Anbieters