Wireframe
Ein Wireframe ist ein grober Bauplan einer Seite: Wo steht welcher Inhalt, in welcher Reihenfolge, mit welcher Gewichtung. Bewusst ohne Farben, Bilder und Schriftauswahl, damit die Struktur allein beurteilt wird.
Warum ohne Gestaltung
Weil sonst über die Farbe diskutiert wird, während die Reihenfolge falsch ist. Ein Wireframe zwingt die Frage: Findet ein Besucher, was er sucht, und in welcher Reihenfolge bekommt er es?
Das ist der Punkt, an dem Änderungen am billigsten sind. Eine umgestellte Seitenstruktur im Bauplan kostet eine halbe Stunde; dieselbe Umstellung nach der Umsetzung kostet ein Vielfaches.
Warum absichtlich ohne Farbe gearbeitet wird
Weil Farbe und Bilder die Diskussion sofort auf Geschmack lenken. Ohne sie lässt sich über das reden, was in dieser Phase zählt: Was steht oben, was ist wichtiger als was, welche Wege gibt es. Diese Fragen sind später teuer zu ändern.
Der Nebeneffekt ist Tempo. Eine Struktur lässt sich in einer Stunde umbauen und in zehn Minuten verwerfen — bei einem fertigen Entwurf traut sich das niemand mehr, und dann bleibt eine falsche Struktur stehen.
Was mit echten Texten passiert
Die Struktur ändert sich. Platzhaltertext ist gleichmäßig und freundlich; echte Überschriften sind unterschiedlich lang, echte Produktnamen brechen um, echte Rechtstexte sind länger als jeder Entwurf vorsieht.
Deshalb gehört mindestens ein Entwurf mit echten Inhalten dazu, und zwar mit den ungünstigsten: der längste Produktname, die kürzeste Beschreibung, das Bild im falschen Format.
Was hineingehört
Echte Überschriften statt Blindtext. Sobald Platzhalter stehen, beurteilt niemand mehr, ob die Botschaft trägt — und genau darum geht es.
Und die Zielhandlung: Was soll auf dieser Seite passieren? Ein Bauplan ohne erkennbaren nächsten Schritt beschreibt eine Seite, die niemanden weiterbringt.
Häufige Fragen zu Wireframe
Was unterscheidet einen Wireframe von einem Mockup und einem Prototyp?
Woran erkennt man einen Wireframe, der zu viel festlegt?
Braucht jede Seite einer Website einen eigenen Wireframe?
Wie viele Eingabefelder sollte ein Formular im Wireframe vorsehen?
Begrenzt ein Wireframe die Navigation auf sieben Punkte?
Barrierefreie Website: wen die Pflicht trifft — und wen nicht
Das Barrierefreiheitsstärkungsgesetz gilt seit Juni 2025, und seither kursieren zwei falsche Behauptungen: Es gelte für alle Websites, oder es gelte für fast niemanden. Beides stimmt nicht. Wer wirklich betroffen ist, was gefordert wird und warum sich die Umsetzung auch ohne Pflicht rechnet.
Chatbot-Kennzeichnung nach Art. 50: Was technisch zu tun ist
Ab dem 2. August 2026 müssen Chatbots sich zu erkennen geben. Die Anforderung ist kürzer, als die Diskussion vermuten lässt — die Umsetzung hat allerdings ein paar Stellen, an denen es schiefgeht.
Passende Leistungen
UI/UX Design & Prototyping
Von der User-Journey bis zum klickbaren Prototyp: Interfaces, die Nutzer intuitiv verstehen und die Ihre Conversion-Ziele erreichen.
Mehr dazuWebdesign & Redesign
Individuelle Websites in Figma entworfen und mit Tailwind CSS sauber umgesetzt — responsiv, schnell und auf Ihre Marke zugeschnitten.
Mehr dazuConversion-Rate-Optimierung
Datenbasierte Optimierung für mehr Leads und Verkäufe: A/B-Testing, Heatmaps und Analyse der User-Journey.
Mehr dazu