Prototyping & Wireframing: Vom Entwurf zum Bildschirm

Was Sie lernen werden

Wireframes schnell auf Papier und mit digitalen Tools skizzieren

Benutzerflussdiagramme erstellen

Lo-Fi- und Hi-Fi-Prototypen in Figma bauen

Bildschirme mit Interaktionen und Übergängen verknüpfen

Guerilla-Usability-Tests an Prototypen durchführen

Designs basierend auf Feedback iterieren

Kursübersicht

Wireframing und Prototyping sind die Brücke zwischen Ideen und echten Produkten. In diesem Kurs lernen Sie, wie Sie schnell Konzepte skizzieren, Benutzerflüsse strukturieren und interaktive Prototypen erstellen, die sich wie das fertige Produkt anfühlen — ganz ohne Code zu schreiben.

Sie lernen sowohl Lo-Fi- als auch Hi-Fi-Prototyping-Techniken mit Figma und branchenüblichen Methoden, die in Produktunternehmen weltweit eingesetzt werden.

Kursplan

28 Lektionen • 3–5 weeks

Modul 1: Ideenfindung

Lektion 1
Skizziertechniken
Lektion 2
Benutzerflüsse
Lektion 3
Informationsarchitektur
Lektion 4
Lo-Fi-Wireframing

Modul 2: Figma Prototyping

Lektion 1
Frames und Verbindungen
Lektion 2
Übergänge und Animationen
Lektion 3
Overlays und Modals
Lektion 4
Mobile Prototypen

Modul 3: Prototypen testen

Lektion 1
Testpersonen rekrutieren
Lektion 2
Den Test durchführen
Lektion 3
Beobachtungen festhalten
Lektion 4
Feedback zusammenfassen

Modul 4: Iteration

Lektion 1
Wireframes nach Feedback aktualisieren
Lektion 2
Hi-Fi-Feinschliff
Lektion 3
Übergabe an die Entwicklung
Lektion 4
Entscheidungen dokumentieren

Julia Zimmermann

UI-Designerin & Figma-Expertin

28 Lektionen
124 Teilnehmer
6+ Years Erf.

Sarah ist Produktdesignerin und hat Interfaces für Apps mit Millionen von Nutzern entwickelt. Sie ist überzeugt, dass großartiges Design mit großartigen Werkzeugen beginnt — und Figma ist das beste davon.