Wireframe

Ein Wireframe ist eine vereinfachte Skizze einer Webseite. Kein echtes Design, keine Farben, keine Schriften. Nur die grobe Struktur: Wo ist die Navigation? Wo steht die Headline? Wo kommt der Button hin?

Wireframes sind das erste Werkzeug im Designprozess, bevor irgendjemand über Farben oder Schriften nachdenkt. Sie helfen dabei, die Frage zu beantworten, die wichtiger ist als jede ästhetische Entscheidung: Macht die Seite strukturell Sinn?

Es gibt unterschiedliche Auflösungsstufen. Ein Lo-Fi-Wireframe ist eine Handskizze auf Papier, die in fünf Minuten entsteht. Ein Hi-Fi-Wireframe ist ein detaillierter digitaler Entwurf, der schon fast wie ein fertiges Design aussieht, aber bewusst ohne visuelle Gestaltung auskommt.

Wofür Wireframes konkret genutzt werden

• Abstimmung mit Kunden, bevor Zeit in Design investiert wird
• Strukturentscheidungen früh treffen und dokumentieren
• Inhaltsmengen einschätzen, also wie viel Text, wie viele Bilder, wie viele Sektionen
• Informationsarchitektur auf mehreren Seiten durchdenken

Wer Wireframes überspringt und direkt ins Design einsteigt, merkt oft erst spät, dass die Struktur nicht funktioniert. Dann kostet jede Änderung deutlich mehr Zeit als am Anfang.