UI/UX Design mit Figma & Usability Testing – Weiterbildung

Dieser Kurs führt in die praktische Arbeit von UI/UX-Designer:innen ein und verbindet dabei zwei Bereiche, die im Berufsalltag untrennbar zusammengehören: das Gestalten digitaler Oberflächen mit Figma und das Überprüfen dieser Gestaltung durch Usability Testing. Teilnehmende lernen, wie aus einer ersten Idee ein durchdachtes, nutzerfreundliches Interface wird – von der Skizze über das Wireframe bis zum interaktiven Prototyp – und wie man mit gezielten Tests herausfindet, ob eine Oberfläche tatsächlich funktioniert oder nur gut aussieht.

Der Kurs ist in vier inhaltliche Blöcke gegliedert, die aufeinander aufbauen und am Ende in einem zusammenhängenden Projekt münden. Im ersten Block geht es um die Grundlagen des UI/UX-Designs. Bevor ein einziger Klick in Figma erfolgt, klären die Teilnehmenden, was gutes Design überhaupt ausmacht und warum Gestaltung nie Selbstzweck ist, sondern immer im Dienst der Nutzer:innen steht.

• Unterschied und Zusammenspiel von User Interface und User Experience
• Der UX-Designprozess: von der Recherche über Konzeption und Gestaltung bis zur Validierung
• Nutzerzentriertes Design und die Bedeutung von Personas und Nutzungsszenarien
• Informationsarchitektur: Inhalte und Funktionen sinnvoll strukturieren
• Grundlagen der visuellen Gestaltung: Layout, Raster, Weißraum, Hierarchie
• Erste Übungen zur Analyse bestehender Apps und Websites aus Nutzersicht

Im zweiten Block steht Figma als zentrales Arbeitswerkzeug im Mittelpunkt. Figma hat sich in den letzten Jahren als Standardwerkzeug für UI/UX-Design etabliert, weil es browserbasiert arbeitet und Teams das gemeinsame Gestalten in Echtzeit ermöglicht.

• Aufbau und Navigation der Figma-Oberfläche: Frames, Ebenen, Werkzeugleiste
• Arbeiten mit Auto-Layout für responsive, flexible Komponenten
• Farbstile, Textstile und wiederverwendbare Komponenten anlegen
• Aufbau eines eigenen kleinen Design Systems mit Buttons, Icons und Formularelementen
• Prototyping-Modus: Verlinkungen zwischen Screens, Übergänge und einfache Animationen
• Kommentar- und Freigabefunktionen für die Zusammenarbeit im Team nutzen

Der dritte Block widmet sich der Gestaltung konkreter Screens für typische digitale Produkte. Hier wird das theoretische Wissen aus den ersten beiden Blöcken in praktische Gestaltungsarbeit überführt.

• Wireframes für Landingpages, Formulare und App-Screens entwerfen
• Von der Low-Fidelity-Skizze zum High-Fidelity-Screen
• Navigationsmuster für Web und Mobile: Menüs, Tabs, Onboarding-Flows
• Gestaltung von Zuständen: leere Listen, Fehlermeldungen, Ladezustände
• Responsive Denken: gleiche Inhalte für unterschiedliche Bildschirmgrößen anpassen
• Grundlagen der Barrierefreiheit: Kontraste, Schriftgrößen, klare Beschriftungen

Der vierte Block dreht sich vollständig um Usability Testing – also die Frage, ob das Gestaltete in der Praxis auch funktioniert. Dieser Praxisblock verbindet Methodik und konkrete Durchführung eng miteinander.

• Ziele und Grenzen von Usability Tests im Vergleich zu anderen UX-Methoden
• Auswahl und Rekrutierung geeigneter Testpersonen für ein Projekt
• Formulierung realistischer Testaufgaben ohne Vorwegnahme der Lösung
• Durchführung moderierter Tests: Gesprächsführung, Beobachtung, Notizen
• Nutzung des Prototyps aus Figma direkt als Testgrundlage
• Umgang mit Think-Aloud-Protokollen während der Testdurchführung
• Systematische Auswertung von Testergebnissen nach Häufigkeit und Schweregrad
• Priorisierung gefundener Usability-Probleme nach Aufwand und Wirkung
• Iterative Überarbeitung des Prototyps auf Basis der Testerkenntnisse
• Kurze, verständliche Testberichte für Auftraggeber:innen oder Teams verfassen
• Remote-Testing-Ansätze als Ergänzung zu Präsenztests
• Abschließende Präsentation des überarbeiteten Prototyps im Plenum

Am Ende des Kurses steht ein eigenes Portfolio-Stück: ein durchdachtes, in Figma gestaltetes und mindestens einmal getestetes Interface-Konzept, das Teilnehmende für Bewerbungen oder den Einstieg in erste Projekte nutzen können. Durch den engen Wechsel von Theorie, Übung und echtem Nutzerfeedback entsteht ein realistisches Bild davon, wie UI/UX-Arbeit im Berufsalltag tatsächlich abläuft – inklusive der Erkenntnis, dass die erste Designidee selten die beste ist.

Der Kurs richtet sich an Berufstätige und Quereinsteiger:innen, die sich beruflich in Richtung UI/UX-Design orientieren möchten, ebenso wie an Personen, die in angrenzenden Bereichen arbeiten und Gestaltung sowie Usability besser verstehen wollen. Vorkenntnisse in Design oder Programmierung sind nicht erforderlich, ein grundlegendes Interesse an digitalen Produkten und deren Bedienbarkeit ist jedoch hilfreich.

• Quereinsteiger:innen, die einen praxisnahen Einstieg in UI/UX-Design suchen
• Marketing-, Produkt- oder Kundenservice-Mitarbeitende, die Nutzerperspektiven besser einordnen möchten
• Selbstständige und Gründer:innen, die eigene digitale Produkte gestalten und testen wollen
• Personen aus grafischen oder redaktionellen Berufen, die Richtung digitales Design erweitern möchten

Der Kurs kombiniert kurze theoretische Einheiten mit einem hohen Anteil an praktischer Arbeit direkt in Figma. Nach jeder inhaltlichen Einheit folgen unmittelbar Übungsaufgaben, die am eigenen Bildschirm umgesetzt werden, sodass Gelerntes sofort angewendet wird. Für den Usability-Testing-Teil arbeiten die Teilnehmenden in kleinen Gruppen zusammen, testen gegenseitig ihre Prototypen und geben sich strukturiertes Feedback. Ergänzend stehen Praxisbeispiele aus realen digitalen Produkten zur Diskussion, anhand derer Gestaltungsentscheidungen nachvollzogen werden.

Der zeitliche Umfang richtet sich nach dem gewählten Kursformat und wird individuell mit dem Anbieter abgestimmt; typischerweise umfasst ein Kurs dieser Art mehrere Wochen mit regelmäßigen Praxiseinheiten, in denen Wireframing, Prototyping und Usability Testing nacheinander vertieft werden. Der modulare Aufbau erlaubt es, je nach Vorwissen einzelne Abschnitte intensiver zu bearbeiten.

Der Kurs schließt mit einer qualifizierten Teilnahmebescheinigung des Bildungsanbieters ab, die die behandelten Themen und erworbenen Kompetenzen im Bereich UI/UX-Design, Figma und Usability Testing dokumentiert. Ein staatlich anerkannter Abschluss ist damit nicht verbunden; das fertige Portfolio-Projekt aus dem Kurs dient jedoch als praktischer Nachweis der erworbenen Fähigkeiten gegenüber potenziellen Arbeitgeber:innen oder Auftraggeber:innen.

UI/UX-Design gehört zu den Bereichen der digitalen Wirtschaft, in denen praktische Nachweisbarkeit besonders zählt: Wer ein durchdachtes, getestetes Prototyp-Projekt vorweisen kann, hat gegenüber rein theoretischem Wissen einen klaren Vorteil. Der Kurs setzt genau hier an, indem er nicht nur Werkzeugkenntnisse vermittelt, sondern den gesamten Weg von der ersten Idee bis zum durch echte Nutzer:innen geprüften Ergebnis abbildet. Besonders wertvoll ist die Verbindung von Gestaltung und Testing in einem einzigen Kurs. Viele Design-Kurse enden beim fertigen Mockup, ohne zu zeigen, ob dieses Mockup in der Praxis überhaupt funktioniert. Wer dagegen gelernt hat, eigene Designs durch strukturierte Usability-Tests zu überprüfen, entwickelt ein realistischeres Verständnis dafür, wie Nutzer:innen tatsächlich mit digitalen Produkten umgehen – und kann Designentscheidungen später fundierter begründen, sei es im Team, gegenüber Auftraggeber:innen oder in Bewerbungsgesprächen. Langfristig profitieren Teilnehmende von einer Denkweise, die weit über den Kurs hinausträgt: das ständige Wechselspiel aus Gestalten, Testen und Verbessern lässt sich auf nahezu jedes digitale Produkt übertragen, unabhängig davon, ob später mit Figma oder einem anderen Werkzeug gearbeitet wird. Diese methodische Grundlage macht den Kurs zu einem soliden Ausgangspunkt für den Einstieg in UI/UX-Design, Product Design oder verwandte Tätigkeitsfelder.