Wireframes bilden den ersten Schritt vom Konzept zur konkreten Oberfläche und werden in Figma effizient erstellt. Mit klaren Wireframes lassen sich Anforderungen, Inhalte und Interaktionen früh diskutieren.

!Kursinhalt

!1. Wireframes im Produktprozess
*Wireframes als Brücke zwischen Research und Prototyp einordnen
*Anforderungen aus PRDs in Wireframe-Inhalte übersetzen
*Iterationen mit User Feedback einplanen

!2. Figma als Werkzeug für Wireframes
*Frames, Grids und Layout-Strukturen nutzen
*Komponentenbibliotheken für wiederkehrende Elemente einsetzen
*Stile und Bezeichnungen einheitlich pflegen

!3. Aufbau eines Wireframes
*Inhalte und Hierarchien priorisieren
*Aktionen und Statusanzeigen sichtbar machen
*Sonderfälle und Fehlerzustände andeuten

!4. Zusammenarbeit an Wireframes
*Kommentare und Reviews in Figma führen
*Verknüpfung mit User Flows und PRDs herstellen
*Übergaben an Design und Entwicklung vorbereiten

!5. Validierung und Übergabe
*Wireframes in Prototypen und MVPs überführen
*User Feedback strukturiert dokumentieren
*Erkenntnisse in Backlog-Items in Jira einsteuern

!Berufliche Relevanz

*Frühe Wireframes reduzieren teure Korrekturen in späteren Phasen
*Klare Inhaltsstrukturen erleichtern die Abstimmung mit Stakeholdern
*Strukturierte Iterationen erhöhen die Qualität der finalen Lösung