Ein Wireframe ist ein einfacher, meist grauer Entwurf, der die Struktur und Anordnung einer Benutzeroberfläche zeigt, ohne fertiges Design. Er hilft, Aufbau und Inhalte früh zu klären.
Was ein Wireframe zeigt
- Grobe Anordnung von Elementen
- Struktur und Navigation
- Platzierung von Inhalten
- Noch kein finales Design
Warum Wireframes nützlich sind
Wireframes machen Struktur und Inhalte früh sichtbar, bevor Zeit in Design und Umsetzung fließt. So lassen sich Missverständnisse günstig und schnell ausräumen.
Beispiel aus der Praxis
Vor der Gestaltung einer neuen Seite wird ein Wireframe erstellt, um Aufbau und Inhalte mit den Beteiligten abzustimmen, bevor das eigentliche Design beginnt.
Typische Fehler
- Wireframes zu detailliert ausarbeiten
- Über Farben statt über Struktur diskutieren
- Wireframes ohne echte Inhalte gestalten
Abgrenzung: Wireframe und Prototyp
Ein Wireframe zeigt die Struktur statisch. Ein Prototyp ist interaktiv und lässt Abläufe erproben.
Weiterführende Begriffe
Sie planen ein komplexes IT-Projekt?
SABIC IT unterstützt Unternehmen und öffentliche Organisationen von der Projektinitialisierung bis zum Go-Live, strukturiert, transparent und mit klarem Fokus auf Ergebnisse.
Kostenloses Erstgespräch buchen