So erstellen Sie bessere Drahtmodelle

Drahtgitter sind ein notwendiger Bestandteil des Webdesign-Prozesses. Sie wirken wie Blaupausen für Web- und App-Projekte und helfen Ihnen, frühzeitig zu erkennen, was funktioniert und was nicht, und ermöglichen es Ihnen, den Inhalt und den Fokus ohne Ablenkung durch ein auffälliges Design festzulegen.

Wenn es gut gemacht ist, können Drahtgitter Ihr Denken klarstellen. Sie können aber auch ein Projekt entgleisen, wenn es nicht korrekt ausgeführt wird. In diesem Sinne finden Sie im Folgenden 10 einfache Möglichkeiten, um Ihre Wireframing-Fähigkeiten zu verbessern und einige davon zu verwenden beste Drahtgitterwerkzeuge .

Wenn Sie diese Tipps befolgen, können Sie sich auf das konzentrieren, was wichtig ist: Sicherstellung der Funktionalität und Benutzerfreundlichkeit Ihres Produkts.



01. Beginnen Sie Ihr Wireframing mit einer Skizze

Während es eine gute Idee zu sein scheint, direkt in Ihr bevorzugtes Designwerkzeug zu springen, kann das Skizzieren Ihrer Drahtgitter - mit Bleistift und Papier - zu besseren Ergebnissen führen. Der Vorgang sollte nicht zu lange dauern und gibt Ihnen einen besseren Überblick über Ihren Gesamtplan.

02. Überspringe die Farbe

Der Zweck eines Drahtgitters besteht darin, Inhalte, Seiten- und Ansichtselemente anzuordnen und die Funktionalität der App zu beschreiben. Das Hinzufügen von Designelementen wie Farbe beeinträchtigt den Hauptzweck. Lassen Sie also die Farbe für das Modell und halten Sie es von den Drahtgittern fern.

03. Halten Sie Drahtgitter einfach

Überkomplizieren Sie Ihre Drahtgitter nicht. Wenn Sie es einfach halten, können Sie sich auf das Gesamtbild konzentrieren und Ablenkungen vermeiden. Wireframes sollten die Benutzerfreundlichkeit und Funktionalität Ihrer App klar beschreiben. Sie müssen sich nicht mit den Details oder dem endgültigen Aussehen des Designs befassen.

04. Verwenden Sie bessere Beispieldaten

Schlecht ausgewählte Beispieldaten können ein Drahtmodell zerstören. Während Sie nicht viel Zeit damit verbringen müssen, Ihre Drahtgitter mit Daten zu füllen, sollten Sie zumindest sicherstellen, dass die von Ihnen hinzugefügten Daten relevant sind.

05. Bei Bedarf kommentieren

Drahtgitter sind im Kern Blaupausen; Sie sind der Leitfaden für Designer und Entwickler zum Erstellen der App oder Website. Wenn Sie möchten, dass sie leichter zu lesen und zu verstehen sind, fügen Sie bei Bedarf und gegebenenfalls Anmerkungen hinzu.

06. Verwenden Sie ein Rastersystem und legen Sie die Kisten aus

Eine interessante Technik zum Erstellen von Drahtgittern ist die Verwendung eines Rastersystems und von Layoutboxen. Mit diesem Ansatz können Sie die verschiedenen Komponenten schnell und einfach und strukturiert gruppieren und anordnen.

07. Erstellen Sie wiederverwendbare Stile und Symbole

Die meisten für Wireframing verwendeten Programme können Stile und Symbole erstellen und wiederverwenden. Dies beschleunigt nicht nur den Prozess, sondern hält auch Ihre Drahtgitter konsistent.

08. Verwenden Sie das richtige Werkzeug für den Job

Apropos Software, es gibt viele Tools zum Erstellen von Drahtgittern. Einige von ihnen wurden speziell für Wireframing entwickelt, andere nicht. Hier sind einige Favoriten:

  • Skizzieren ist eines der besten Werkzeuge da draußen. In Verbindung mit anderen Lösungen wie InVision bietet Sketch Designern die erforderlichen Tools, die Sie für die Erledigung Ihrer Aufgaben benötigen
  • Affinity Designer ist ein leichtes Vektor-Design-Tool, das mit allem ausgestattet ist, was Sie zum Erstellen großartiger Drahtgitter benötigen
  • Bleistiftprojekt ist ein kostenloses Open-Source-Tool mit integrierten Formen und Schablonen für Android, iOS, Dojo und mehr. Sie können es auch zum Wireframe von Websites und Desktop-Apps verwenden

Für ein paar weitere Ideen werfen Sie einen Blick auf unsere Auswahl für Die 20 besten Drahtgitterwerkzeuge .

09. Kennen Sie Ihre Drahtgittertypen

Wenn Sie mit dem Begriff 'Treue' nicht vertraut sind, bedeutet dies den Detaillierungsgrad. In der Welt der Drahtgitter stehen Ihnen niedrige und hohe Wiedergabetreue zur Verfügung. Beides wird benötigt, aber jedes hat seine eigene Funktion und seinen eigenen Zweck.

In einem Drahtmodell mit niedriger Wiedergabetreue beginnt alles. Es ist das grundlegende, schnörkellose, schnell zu erstellende Drahtmodell. Der Hauptzweck ist es, Ihnen den Einstieg zu erleichtern. High-Fidelity-Drahtgitter bieten zwar viel mehr Details, sind jedoch keine farbigen Modelle. Oft handelt es sich dabei um Graustufen- oder einfarbige Drahtgitter, die eine genauere Darstellung des tatsächlichen Designs bieten.

10. Holen Sie sich früh und häufig Feedback

Einer der Vorteile der Verwendung von Drahtgittern besteht darin, dass die Erstellung nur sehr wenig Zeit in Anspruch nimmt. Daher können sie früher im Entwurfsprozess mit dem Team geteilt werden. Dies erleichtert es, Dinge frühzeitig zu erkennen und entsprechend anzusprechen. Erhalten Sie jedoch frühzeitig und häufig Feedback zu Ihren Kabeln.

Wireframes sollten Sie nicht verlangsamen. Sie sind nur ein Schritt in diesem Prozess, um bessere UX / UI-Designs für Ihre Benutzer zu erstellen.