Technische Grundlagen UI/​UX

Passt der Kurs zu dir?

1. 1
   Sicherer Umgang mit dem Computer und die Bereitschaft, ein Designwerkzeug wie Figma von Grund auf zu lernen; für Wireframes brauchst du kein Zeichentalent.
2. 2
   Für viele Stellen ein Studium in Medien- oder Kommunikationsdesign oder Medieninformatik; den Einstieg öffnet auch eine Aus- oder Weiterbildung im Medien- oder Kommunikationsdesign.
3. 3
   Fü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

1. 1
   Digitale Benutzeroberflächen entstehen durch das Zusammenspiel von Design und technischer Umsetzung. Ein grundlegendes Verständnis der zugrunde liegenden Technologien erleichtert die Zusammenarbeit zwischen Design- und Entwicklungsteams und unterstützt die Entwicklung leistungsfähiger, barrierearmer und benutzerfreundlicher Anwendungen. In diesem Kurs lernst du die technischen Grundlagen moderner UI-/UX-Entwicklung kennen und verstehst, wie Designkonzepte in funktionierende digitale Oberflächen umgesetzt werden.
2. 2
   Grundlagen moderner Webtechnologien für UI- und UX-Anwendungen
3. 3
   Unterschiede zwischen Frontend, Backend sowie Web-, nativen und Hybrid-Anwendungen
4. 4
   Aufbau von Webanwendungen mit HTML, CSS und JavaScript
5. 5
   Grundlagen moderner Frontend-Frameworks und UI-Bibliotheken
6. 6
   technischer Aufbau von UI-Komponenten und Designsystemen
7. 7
   responsives Design, Zustände von UI-Komponenten und Barrierefreiheit
8. 8
   Auswirkungen technischer Entscheidungen auf Performance und User Experience
9. 9
   Analyse und Optimierung von Ladezeiten, Interaktionen und Web-Performance
10. 10
    Zusammenarbeit zwischen Design- und Entwicklungsteams im Design-Handoff
11. 11
    Dokumentationsstandards, Design Tokens und Spezifikationen für die Entwicklung
12. 12

    Perspektiven

    Die erworbenen Kenntnisse schaffen eine Grundlage für Tätigkeiten im UX- und UI-Design, Frontend-nahen Produktdesign, Webentwicklung, Digital Product Development, Product Management sowie in Agenturen, Softwareunternehmen und Organisationen, die digitale Anwendungen und Benutzeroberflächen entwickeln.
    Bei Fragen dazu sowie zu Kombinationsmöglichkeiten wende dich gerne an unsere Beratung.

1. 1

   Augsburg

   17.12.2026 · Blended Learning · Vollzeit · bis 1 Monat · 1.000–5.000 €

2. 2

   Aschaffenburg

   17.12.2026 · Blended Learning · Vollzeit · bis 1 Monat · 1.000–5.000 €

3. 3

   Berlin

   17.12.2026 · Blended Learning · Vollzeit · bis 1 Monat · 1.000–5.000 €

4. 4

   Aachen

   17.12.2026 · Blended Learning · Vollzeit · bis 1 Monat · 1.000–5.000 €

5. 5

   Ansbach

   17.12.2026 · Blended Learning · Vollzeit · bis 1 Monat · 1.000–5.000 €

Förderwege

Wer deinen Kurs zahlt

Brutto im Monat

Mitte und Viertel bundesweit

3 Schritte vom Kurs in den Beruf

1. 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. 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. 3

   Barrierefreiheit im Entwurf berücksichtigen

   Für Online-Shops und andere Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher schreibt das Barrierefreiheitsstärkungs­gesetz 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.

Themen

Arbeitsmarkt

UX-Designer bundesweit in Zahlen