Websites verständlich nutzbar machen / Begriff

Wire­frame

Was ist mit „Wireframe“ gemeint?

Ein Wireframe ist eine reduzierte Skizze der Informationsreihenfolge und Seitenbausteine, zunächst ohne ausgearbeitete Bild- und Markenwelt.

Ein klarer Weg durch diese Aufgabe

  1. Wireframe einordnen
  2. Grenzen und Verwechslungen prüfen
  3. Passende nächste Arbeit bestimmen

An einem Beispiel verstehen

Erst die Reihenfolge, dann die Ausgestaltung.

  1. 1 / Einstieg

    Leistung und Nutzen

    Was bietet diese Seite für wen?

  2. 2 / Erklärung

    Umfang und Beispiel

    Was ist enthalten, was nicht und woran erkenne ich es?

  3. 3 / Nächster Schritt

    Anliegen besprechen

    Welche Angaben genügen und was passiert danach?

Dieses Inhaltsgerüst zeigt die Informationsfolge. Farben, Bilder und fertige Gestaltung sind noch keine Voraussetzung für die Prüfung.

Relevanz

Warum ist das für Ihre Website wichtig?

Eine überprüfte Reihenfolge verhindert, dass wichtige Informationen erst hinter dekorativen Elementen gefunden werden.

Konkretes Beispiel

So zeigt sich der Begriff in der Praxis.

Eigenes fiktives Methodikbeispiel: Für eine fiktive Filialseite stehen Name, Adresse, Zeiten und Besuchsweg vor einem saisonalen Bild. Die Skizze prüft diese Reihenfolge, nicht die fertige Typografie.

Abgrenzung

Was damit nicht gemeint ist.

Ein Wireframe ist weder endgültiges Design noch ein funktionierender Prototyp.

Häufiges Missverständnis

Falsch wäre: Die Seitenskizze belege bereits die technische Bedienbarkeit.

Einordnung: Ein Wireframe ist weder endgültiges Design noch ein funktionierender Prototyp.

Handlung

Was Sie als Nächstes prüfen können.

Findet ein Testleser die Besuchsinformation, ohne dass Sie die Skizze erklären? Technische Bedienung, Kontrast und Inhaltsrechte müssen später gesondert geprüft werden.

Quellenstand

Primärquellen und Vertiefung.

Ein sinnvoller nächster Schritt

Was soll Ihre Website
besser leisten?

Eine kurze Beschreibung reicht, um Ausgangslage, Passung und einen sinnvollen Umfang zu besprechen.

Projekt besprechen 

Direkter Kontakt. Klarer Umfang. Nachvollziehbares Vorgehen.