Wireframe

Ein Wireframe ist eine schematische Skizze oder Strukturzeichnung einer Benutzeroberfläche – oft der erste visuelle Entwurf einer Website, App oder Software. Wireframes zeigen Layout, Inhaltsbereiche, Navigation und grundlegende Funktionalität, jedoch ohne Design-Details wie Farben, Bilder oder Typografie.

Sie dienen als Planungs- und Kommunikationswerkzeug zwischen Designerinnen und Designern, Entwicklerinnen und Entwicklern, Kundinnen und Kunden und Projektbeteiligten. Wireframes helfen dabei, Inhalte sinnvoll anzuordnen und Usability-Fragen frühzeitig zu klären, bevor die Gestaltung beginnt.

Beispiel

Eine UX-Designerin erstellt für ein Online-Portal einen Wireframe der Startseite: Er zeigt, wo Logo, Menü, Suchfeld, Hauptinhalt und Footer platziert werden sollen. Statt Bildern verwendet sie Platzhalter („X“), statt realem Text „Lorem Ipsum“. Der Wireframe wird im Team besprochen und angepasst. Erst danach folgt das visuelle UI-Design.

Formen von Wireframes

  • Low-Fidelity-Wireframe 
    grob, skizzenhaft, oft auf Papier oder Whiteboard
     
  • Mid-Fidelity-Wireframe
    digital, mit klarer Struktur, aber ohne Farben
     
  • High-Fidelity-Wireframe
    näher am finalen Design, jedoch noch ohne Interaktion

Tools zur Erstellung

Figma, Adobe XD, Balsamiq, Sketch, Axure, Whimsical

Vorteile

  • Frühzeitige Abstimmung mit Kund:innen & Teams
  • Fokus auf Funktion & Struktur, ohne sich in Designfragen zu verlieren
  • Geringer Aufwand für Änderungen im Vergleich zu fertigen Layouts
  • Grundlage für Prototyping und Usability-Tests

Ein Wireframe ist der Bauplan für digitale Oberflächen. Er ist unverzichtbar für nutzerzentriertes Design.

Zurück
Flur im Denkströme-Büro mit breiter Treppe und Glaswand; zwei Personen gehen unscharf durch den Eingangsbereich.

Abonnieren Sie unseren Newsletter

Melden Sie sich jetzt an und bleiben Sie immer auf dem Laufenden über die spannenden Impulse und Einblicke, die Denkströme zu bieten hat!

Jetzt anmelden
Denkströme Kempten
Tilsiter Straße 16a
87439 Kempten
Telefon: +49 831 960729-0
Denkströme München
Hopfenstraße 8
80335 München
Denkströme Hamburg
Neuer Wall 10
20354 Hamburg

Wir verwenden Cookies, um Inhalte und Anzeigen zu personalisieren und die Zugriffe auf unsere Website zu analysieren. Die Informationen zu Ihrem Nutzerverhalten gehen an unsere Partner zum Zwecke der Nutzung für Werbung und Analysen weiter. Unsere Partner führen diese Informationen möglicherweise mit weiteren Daten zusammen, die sie unabhängig von unserer Website von Ihnen erhalten oder gesammelt haben. Um diese Cookies zu nutzen, benötigen wir Ihre Einwilligung welche Sie uns mit Klick auf „Alle Cookies akzeptieren“ erteilen. Sie können Ihre erteilte Einwilligung (Art. 6 Abs. 1 a) DSGVO) jederzeit für die Zukunft widerrufen. Diesen Widerruf können Sie über die „Cookie-Einstellungen“ hier im Tool ausführen.