Wirify bietet Drahtgittern mit einem Mausklick

Während Plagiate für Autoren schlecht sind, sind sie für Webentwickler durchaus akzeptabel, und manche nennen es sogar Schmeichelei. Ich sage nicht, eine Site Stück für Stück zu kopieren, aber das Nachahmen eines Site-Designs oder -Layouts ist eine akzeptierte Praxis.

Wirify bietet einen Ausgangspunkt für den Prozess, indem Sie auf einfache Weise ein Drahtmodell aus einer vorhandenen Site erstellen können. Diese Woche schauen wir uns Wirify genauer an und wie es Webdesignern und / oder Entwicklern bei ihrem nächsten Projekt helfen kann.

Das Drahtmodell

Ein Drahtmodell definiert den Grundrahmen oder die Struktur einer Webanwendung. Sie beginnen mit einer Sitemap, die Sie als Blaupause verwenden können. Der Framing-Teil ist die Übersetzung des Entwurfs in tatsächliche Seiten innerhalb einer Site. Jede Seite ist ein Teil des Drahtgitters, in dem Sie den Zweck der Seite angeben, und der Fluss der Site wird im gesamten Drahtgitter demonstriert. Grundsätzlich geben Sie dem Kunden eine Vorstellung davon, was gebaut wird (er kann später seine Meinung ändern), da nichts eine Geschichte wie ein Bild erzählt. Ein Drahtmodell trennt die grafischen Elemente von ihren funktionalen Gegenstücken. Es ist eine wichtige Stütze bei der Demonstration der Benutzererfahrung.

Das zum Erstellen eines Drahtgitters verwendete Tool kann so einfach wie Ihr bevorzugter Texteditor oder so ausgefallen und kostspielig wie Photoshop sein. Wirify stellt Ihrem Editor den Conduit von einem vorhandenen Site-Design zur Verfügung.

Generieren Sie ein Drahtmodell

Wirify ist ein Lesezeichen, mit dem Sie jede Webseite mit einem Mausklick in ein Drahtmodell verwandeln können. Es ist ein browserbasiertes Tool, das in den meisten gängigen Browsern funktioniert. Die Einrichtung hängt von Ihrem Browser ab, aber die Wirify-Site enthält einfach zu verstehende Anweisungen. Grundsätzlich fügen Sie die URL des Wirify-Tools (JavaScript) als Lesezeichen in Ihren Browser ein. Dort wählen Sie das Lesezeichen aus, um ein Drahtmodell für die aktuelle Seite zu generieren, die in Ihrem Browser geöffnet ist. Abbildung A zeigt einen Teil eines Drahtgitters, das für die TechRepublic-Homepage generiert wurde. Abbildung A.

Drahtmodell für TechRepublic.com generiert. (Klicken Sie auf das Bild, um es zu vergrößern.)
An diesem Punkt denken Sie vielleicht, dass Wirify einige coole Dinge mit JavaScript macht, aber wie kann es in Ihrer täglichen Arbeit nützlich sein, wenn Sie tatsächlich Wireframes erstellen? Hier kommen die Funktionen von Wirify Pro ins Spiel. Mit Wirify Pro kann das Drahtmodell in einem Format gespeichert werden, das in anderen Programmen verwendet werden kann, und Sie können das Design in die folgenden Formate exportieren: OmniGraffe, Balsamiq, Visio und SVG. Abbildung B zeigt diese Funktion, wie sie in der Standardversion angezeigt (ausgegraut) ist. Abbildung B.

In Wirify Pro verfügbare Optionen. (Klicken Sie auf das Bild, um es zu vergrößern.)

In der Pro-Version verlassen Sie die freie Welt und müssen etwas Geld ausgeben. Sie nennen sie Wirify-Guthaben (fünf Guthaben sind 30, 00 USD), während der Export eines Drahtgitters als ein Guthaben zählt. Zusätzliche Funktionen der Pro-Version (wie das Bearbeiten eines vorhandenen Drahtgitters) sind verfügbar.

Warum sollten Sie Wirifiy verwenden?

Sie können hinsichtlich der Nützlichkeit eines solchen Produkts skeptisch sein. Der normale Prozess zum Erstellen von Drahtgittern besteht darin, das Design zu erstellen und dann mit dem Markup (HTML) fortzufahren. Wirify bietet einen neuen Ansatz, bei dem Sie direkt in das Design eintauchen und sich mehr auf die Designelemente konzentrieren als auf das Wesentliche der Codierung. Dies bedeutet, dass Sie sich nicht in den Details verfangen, da Sie sich mit Wirify auf das Gesamtdesign konzentrieren können.

Eine weitere nützliche Funktion von Wirify ist das Lernen. Das heißt, wenn Sie das Drahtmodell (und das Markup) für ein Design generieren, können Sie sehen, wie Websites gestaltet sind (sowohl gute als auch schlechte), und von der Arbeit anderer lernen. Gibt es einen besseren Weg zu lernen als die von Wirify erzeugte visuelle Darstellung?

Reduzieren Sie die Zeit für Drahtgitter

Wirify eignet sich hervorragend für die Verwendung vorhandener Websites als Grundlage für die Erstellung neuer Anwendungen, bietet jedoch auch die Möglichkeit, eigene Designs zu speichern und wiederzuverwenden. Sie können ein aktuelles Design laden, optimieren und ein neues Drahtmodell erstellen, um Zeit zu sparen. Dies erfordert die Verwendung der Pro-Version, aber die Kosten sind im Vergleich zur Zeitersparnis minimal.

Es gibt viele andere Möglichkeiten, Drahtmodelle zu erstellen (ein Tool, das mir immer gefallen hat, ist PowerMockup), sowie andere Optionen wie Rapid Prototyping, die viele Entwickler bevorzugen. Wirify kann jedoch ein großer Vorteil sein, wenn Ihr Ansatz Drahtmodelle umfasst.

Halten Sie Ihre technischen Fähigkeiten auf dem neuesten Stand, indem Sie sich für den kostenlosen Software Engineer-Newsletter von TechRepublic anmelden, der jeden Dienstag zugestellt wird.

© Copyright 2020 | mobilegn.com