Dies ist eine überraschend kontroverse Debatte, und eine wichtige, die bestimmt, wo das Entwicklungsbudget ausgegeben wird. Nehmen wir uns dennoch einen Moment Zeit, um sicherzustellen, dass wir alle auf derselben Seite sind, bevor wir uns mit dem "Fleisch" befassen.

Was ist Wireframing?

Ein Drahtmodell ist eine Skizze oder visuelle Darstellung dessen, wie eine Webseite oder mobile App aussehen wird. Sie werden manchmal auch als "Bildschirm-Blaupausen" oder "Seiten-Schaltpläne" bezeichnet. Sie werden verwendet, um die Kernelemente des visuellen Designs und der Funktionalität einer Webseite festzulegen – um festzulegen, wie sie aussehen und was sie tun wird. Es kann dann an die Designer, Entwickler, Texter, Kunden und alle anderen am Projekt Beteiligten weitergegeben werden.

Wireframing ist also der Prozess zum Erstellen Ihres Drahtmodells. Es bedeutet, die Kernfunktionen Ihrer Website, die Art und Weise, wie diese Funktionen angezeigt werden, und die Grundlagen für die Interaktion des Benutzers mit der Website im Allgemeinen festzulegen. Es ist (oder vielmehr kann es sein) der erste Schritt in praktisch allen Kernprozessen des Website–Designs - visuelles Design, UE, SEO und sogar die Organisation des eigentlichen Textes.

Was leistet Wireframing?

Im Kern geht es beim Wireframing darum, Zeit, Aufwand und Kosten zu sparen.

Wie sie sagen, sagt ein Bild mehr als 1000 Worte. Was Wireframes wirklich erreichen, ist, alle Ihre kreativen und geschäftlichen Stakeholder gleich zu Beginn eines Projekts auf den gleichen Stand zu bringen.

Unabhängig davon, ob dies erreicht wird, indem sie alle zusammenbringen, um das erste Drahtmodell zu erstellen (vorzuziehen) oder einfach ein Meeting abhalten, bei dem ihnen ein fertiges Drahtmodell präsentiert wird, bevor sie anfangen, über das Projekt im Detail nachzudenken (immer noch sehr nützlich). Der Prozess kann praktisch den verschwendeten Aufwand eliminieren, der entsteht, wenn Ihr UE-Typ anfängt, an etwas zu arbeiten, das von Natur aus nicht mit der Vorlage kompatibel ist, die Ihr Webdesigner erstellt, und keines ihrer Konzepte unterstützt den Text, den Ihr Marketingteam geschrieben hat.

Es ist immer eine kleine Investition an Zeit und Mühe wert, alle in einen Raum zu bringen und gemeinsam zu brainstormen, auch wenn Sie nur ein paar Stunden Zeit haben. Dann arbeiten sie alle tatsächlich an der gleich projekt, anstatt 4 verschiedene, inkompatible Visionen.

Wann ist der richtige Zeitpunkt für ein Wireframe?

Einfach gesagt, je früher desto besser. Jedes Projekt sollte mit einem niedrig aufgelösten Drahtrahmen beginnen, auch wenn er auf der sprichwörtlichen Rückseite einer Serviette gezeichnet ist. Sobald Sie die Idee für eine App, eine Webseite oder etwas anderes haben, das sowohl visuell als auch interaktiv ist, müssen Sie mit dem Wireframing beginnen. Es wird nicht nur helfen, Ihre Ideen in praktischer, visueller Hinsicht zu 'erden', es wird eine Kernidee etablieren, nach der alle anderen Arbeiten durchgeführt oder an die Notwendigkeit angepasst werden können, so dass alle anderen Stakeholder schnell darauf aufmerksam gemacht werden können.

Wann ist der richtige Zeitpunkt, um mit dem Wireframing aufzuhören?

Hier gibt es 2 Denkschulen. Einige Prozesse stoppen das Wireframing, sobald die Programmierer oder UE-Spezialisten mit der Herstellung von Prototypen und Modellen beginnen. Andere erstellen ständig aktualisierte Drahtmodelle, die sie an den Rest des Teams verteilen, bis die Website oder App codiert und ins Bett gebracht ist. Verwenden Sie in beiden Fällen weiterhin Drahtmodelle, bis die Probleme, die sie darstellen, entschieden und abgeschlossen sind.

Wer muss Zugriff auf diese Wireframes haben (und diese eingeben)?

Fast jeder an Ihrem Projekt!

Der Zugriff auf das neueste Drahtmodell ist für alle, die an dem Projekt arbeiten, von entscheidender Bedeutung, damit sie keine Zeit mit Funktionen verschwenden, die nicht oder nicht so funktionieren, wie sie es sich vorgestellt haben.

In Bezug auf die Möglichkeit, Drahtmodelle zu ändern, sollten Sie bei sehr großen Teams besser nur bestimmten Teamleitern die Möglichkeit geben, Drahtmodelle zu ändern oder neue Versionen zu generieren. Erwägen Sie auch dann, alle Änderungen in einem Meeting mit allen verfügbaren Stakeholdern vorzunehmen, um nicht die Arbeit eines gesamten Teams zu ruinieren, indem Sie Änderungen vornehmen, die ihnen nicht bewusst waren.

Je mehr Einzelpersonen oder Teams, die an verschiedenen Aspekten Ihres Projekts beteiligt sind, aktiv zusammenarbeiten, desto effizienter wird Ihr Projekt. Je mehr Sie testen, Feedback überprüfen und Iterationen als Gruppe durchführen, desto besser ist das Endprodukt.

Wie wirken sich Wireframes auf Ihren Prozess aus?

Wireframes dienen dazu, alle Ihre Bemühungen auf dieselben Ergebnisse zu konzentrieren. Sie ermöglichen es Ihnen, verschiedene Ansätze schnell zu testen und nahezu sofortiges Feedback zu generieren. Am Ende wird sich die Zeit und der Aufwand, die Sie in das Wireframing investieren, insbesondere bei größeren oder komplexeren Projekten mehrfach amortisieren.

Was könnte Sie das Überspringen von Wireframes vollständig kosten?

Die kurze Antwort lautet wie immer: 'Das hängt davon ab, woran Sie arbeiten'. Realistisch gesehen sind wir jedoch lange genug im Geschäft, um Ihnen eine echte Antwort zu geben, basierend auf dem Durchschnitt der verschiedenen Projekte, an denen wir im Laufe der Jahre beteiligt waren.

Wireframing macht in der Regel 5-6% Ihres gesamten Entwicklungsbudgets aus. Es verbessert jedoch die Effektivität fast aller anderen Aspekte Ihrer Arbeit. Zum Beispiel: Im Durchschnitt sind die endgültigen Kosten für die Codierung bei Well-Wireframe-Projekten um 60% geringer. Die Kosten für RFC (Request For Change) sinken in der Regel um 80%.

Das bedeutet für Sie, dass Sie selbst dann Zeit und Geld sparen würden, wenn es das 3-4-fache dessen kosten würde, was es wirklich für Drahtmodelle bedeutet.

Das Beste aus einem begrenzten Wireframe-Budget machen

Es gibt ein paar Tipps und Tricks, die wir für gutes Wireframing präsentieren können, auch wenn die Bohnenzähler ihre wahre Bedeutung nicht erkennen:

• Wählen Sie ein Drahtmodell-Tool, das einfach zu bedienen ist oder das Sie bereits gut beherrschen. Dies spart Ihnen Zeit, sich auf den neuesten Stand zu bringen.
• Erstellen Sie mehrere Variationen, besonders früh. Auf diese Weise können Sie unbrauchbare Arrangements schnell beseitigen.
• Binden Sie wichtige Stakeholder frühzeitig ein und lassen Sie ihr Feedback in neue Versionen einfließen.
• Führen Sie Benutzertests durch, um festzustellen, ob Ihr Drahtmodell von Ihrer Zielgruppe oder Ihrem Markt verwendet werden kann.
• Generieren Sie neue Iterationen für das Drahtmodell, bis alle wichtigen Stakeholder zufrieden sind (oder sich mit Kompromissen abgefunden haben).
• Stellen Sie sicher, dass Sie nicht zum Zeichenbrett zurückkehren müssen, nachdem das Entwerfen oder Codieren begonnen hat.