Glossar

Wireframe als Entwurf des Seitenaufbaus

Ein Wireframe ist ein schematischer Entwurf einer Seite, der zeigt, welche Elemente wo stehen und in welcher Reihenfolge. Farben, Schriften und Bilder fehlen bewusst, damit die Diskussion beim Aufbau bleibt und nicht beim Aussehen.

Wozu die Zwischenstufe gut ist

Die Klärung des Seitenaufbaus gehört an den Anfang. Wenn dagegen ein fertig gestalteter Entwurf präsentiert wird, dreht sich das Gespräch unweigerlich um Farben und Bilder. Die Frage, ob die Reihenfolge der Inhalte stimmt und ob eine Information an der richtigen Stelle steht, geht dabei unter. Ein Wireframe erzwingt genau diese Diskussion, indem er alles Dekorative weglässt.

Der zweite Nutzen ist Geschwindigkeit. Eine Anordnung zu ändern dauert im Schema Minuten, im fertigen Entwurf Stunden und in der programmierten Fassung deutlich länger. Drei Runden auf dieser Ebene kosten weniger als eine Runde später.

Was darin steht

  • Welche Abschnitte es gibt und in welcher Reihenfolge
  • Wo Überschriften, Fließtext, Bilder und Schaltflächen sitzen
  • Welche Information zuerst gelesen werden soll
  • Wie die Anordnung auf dem Telefon aussieht, meist als eigene Fassung
  • Welche Angaben aus vorhandenen Inhalten kommen und welche noch fehlen

Ein Beispiel aus der Praxis

Bei einer Leistungsseite stand im ersten Entwurf die Firmengeschichte oben und der eigentliche Ablauf ganz unten. Im Schema fiel das sofort auf, weil niemand ernsthaft behaupten konnte, ein Interessent wolle zuerst das Gründungsjahr erfahren. Die Umstellung war eine Sache von zehn Minuten. Wäre der Fehler erst im fertigen Layout aufgefallen, hätte er einen halben Tag gekostet.

Wie genau ein Entwurf sein sollte

Grob genug, dass niemand über Details diskutiert, genau genug, dass die Struktur erkennbar ist. Platzhaltertext ist in Ordnung, solange die Textmenge realistisch ist. Ein Schema mit zwei Zeilen Blindtext, wo später acht Absätze stehen, führt in die Irre. Deshalb arbeiten wir lieber mit echten Überschriften und einer ehrlichen Einschätzung des Umfangs.

Wann man darauf verzichten kann

Bei sehr kleinen Projekten mit zwei oder drei Seiten ist der Aufwand oft größer als der Nutzen. Sobald eine Website mehrere Seitentypen hat oder mehrere Personen mitentscheiden, lohnt sich die Zwischenstufe fast immer, weil sie die Diskussionen an eine Stelle verlegt, an der Änderungen noch billig sind.

Häufige Fragen zu Wireframe

Bekomme ich als Kunde die Entwürfe zu sehen?

Ja, das ist der Sinn der Sache. Sie sehen die Struktur, bevor Zeit in Gestaltung fließt, und können früh eingreifen.

Passend dazu bei NETZTIME

Wie wir mit diesem Thema in Projekten umgehen, steht bei unser Webdesign aus Bonn.