Wie man Wireframes auf Ihrem Tablet gestaltet
Es besteht kein Zweifel, dass mobile Geräte "das (aktuelle) große Ding" sind. Genau hier haben uns Jahrzehnte der Computertechnologie geführt. Diese kleinen Tablets und Telefone (und jetzt Uhren) ... das sind die Bildschirme, von denen die meisten von uns Informationen konsumieren.
Diese Information könnte aus einhundertvierzig Charakter-Tweets bestehen, unsere Lieblingsshows auf Netflix ( hust Knights of Sidonia Husten ) oder einfach nur gute Musik. Wir lesen E-Mails, chatten und spielen Spiele.
Langsam beginnen wir auch, Inhalte auf diesen Geräten zu erstellen. Tabletten können ziemlich gut zum Schreiben sein, und die Kameras auf unseren Handys werden jedes Jahr besser. Wir nehmen Podcasts auf iPhones auf, und es gibt sogar ein paar Apps zum Bearbeiten von Audio / Video.
Der Desktop-Computer wird anscheinend auf ressourcenintensive Aufgaben reduziert. Es wird das Reich der Bastler, Tüftler und High-End-Spieler sein. Oh, und Webdesigner.
Wir haben vielleicht nie pixelgenaue Grafikbearbeitung auf einem Tablet. Das ist gut. Es gibt jedoch Teile des Designprozesses, die auf den Touchscreen übertragen werden können.
Was brauche ich in einer Drahtgitter-App?
Hier ist, was ich in einer Draht-Rahmen-App brauche:
- ein paar grundlegende Formen zum Arbeiten;
- in der Lage zu sein, diese Objekte leicht zu platzieren, anzuordnen und neu zu sortieren;
- Funktionen für Zusammenarbeit, Freigabe und Export.
Die Apps
Meine Lieblings-App für die Drahtgestaltung aller Zeiten ist Googles Drawing-Anwendung. Es tut alles, was ich brauche und hat außerdem großartige Funktionen zum Teilen und Zusammenarbeiten.
Während Google Android-Anwendungen für seine Textdokumente und Tabellen erstellt hat, gibt es eine Möglichkeit, Google Draw unter Android zu nutzen. Es funktioniert auch nicht in den Browsern.
Es gibt ein paar Apps speziell für Android, die funktionieren. Diese werde ich eingehend prüfen, da ich sie testen konnte. Ich werde auch ein paar Apps für iOS auflisten.
Native Android-Apps
Mocking Pal (kostenlos)
Für seinen Preis, Verspottender Kumpel macht einen fantastischen Job. Die Palette der verfügbaren Elemente ist einfach, aber für die meisten Web-Wire-Frame-Projekte ausreichend. Die Leistung ist in Ordnung, und die App bietet einige intelligente Optionen.
Das wirklich coole Ding, denke ich, ist Live Share. Grundsätzlich können Sie einen Link zu Ihrem Projekt freigeben, und jeder, der zu diesem Link gelangt, kann den Wire-Frame in Echtzeit anzeigen.
Mockups für Android (ca. 5 $)
Mockups für Android kostet etwa 5 USD, aber es enthält eine Menge Funktionen. Es hat nicht eine Tonne von UI-Elementen, aber es läuft schnell und macht seine Arbeit gut. Wenn Sie fertig sind, können Sie Ihre Projekte in verschiedene Bitmap-Formate und SVG exportieren.
Der Hauptnachteil ist, dass es anfangs nicht besonders benutzerfreundlich ist. Sie müssen sich irgendwie an den Arbeitsablauf gewöhnen. Trotzdem ist es nicht schlecht.
Mockups.me Wireframes ($ 20)
Mit einem stolzen Preis von 20 USD diese App gibt dir das Gefühl, dass es besser sein sollte! Und es ist ziemlich toll. Wo die anderen für Android verfügbaren Drahtgitter-Apps begrenzte Bibliotheken von UI-Elementen haben, hat dieses eine Menge.
Es muss, weil es kompatibel ist mit Balsamiq Dateien, so können Sie Sachen in Balsamiq erstellen und überall hin mitnehmen.
Das Mörder-Feature, denke ich, ist die Umsetzung von Gesten. Sie können Elemente schnell zu Ihrer Leinwand hinzufügen, indem Sie einfach darauf zeichnen.
Last but not least gibt es Web- und Desktop-Versionen der App, was bedeutet, dass Sie online zusammenarbeiten und überall auf Ihre Arbeit zugreifen können.
FlexiSkizze
Eine kostenlose App mit großer Leistung, FlexiSkizze ist per se keine App für die Drahtgestaltung, aber sie kann schnell zu einer werden. Es ist eine Vektorgrafik-App, aber hier ist der Dreh: Jedes Objekt, das du zeichnest, kann schnell als eigener "Objekttyp" gespeichert werden.
Sie können nach Belieben mehr von jedem Objekttyp auf die Leinwand ziehen und ablegen, was im Wesentlichen Ihre eigene Bibliothek von Elementen erzeugt. Wenn Sie viele benutzerdefinierte Elemente benötigen, ist dies die App für Sie.
Native iOS-Apps
Mockups.me Wireframes ($ 20)
Stimmt! Es gibt eine iOS-Version von diese App auch. Es hat genau die gleiche Funktionalität wie sein Android-Pendant, also muss es ziemlich gut sein.
Der Preis ist der gleiche. Wenn Sie das Geld haben, sage ich: "Habe es!"
iMockups ($ 7)
Dies ist ein weiterer mit Unterstützung für Balsamiq, aber es kostet nur 7 USD. Mit den begeisterten Kritiken vieler Leute konzentriert sich iMockups auf die Verwendung der Multitouch-Unterstützung und anderer Funktionen, die von iPads bereitgestellt werden, um den Drahteinrahmungsprozess zu beschleunigen.
Keynote (10 $)
Nein, eigentlich mache ich keine Witze. Dies 10-Dollar-App für die Erstellung von Präsentationen hat eigentlich eine ziemlich große Draht-Fan-Basis.
Und warum nicht? Es ist alles Vektorgrafiken. Sein Format ist im Apple-Vers Standard. Sie können Bildschirme miteinander verbinden, um einen interaktiven Prototyp zu erstellen, der funktioniert! Es gibt sogar eine Werkzeugkasten oder zwei da draußen, um die Drahtgestaltung in der App zu erleichtern.
Adobe Ideen (kostenlos)
Zu guter Letzt! Eine kostenlose Option! Merken Sie sich, Dies ist technisch nicht eine Draht-Framing-App. Es ist eher eine Vektorgrafik-App. In gewisser Hinsicht ist dies weniger nützlich und in anderen Fällen leistungsfähiger.
Allgemeine Probleme
Wire-framing auf einem Tablet kann schwierig sein. Einige der Apps, denen ich begegnet bin, sind Ressourcenfresser. Darüber hinaus ist es schwierig, Elemente gleichmäßig zu platzieren. In den meisten dieser Apps gibt es "Snap-to-Guide" -Funktionen, die jedoch nur begrenzt hilfreich sind. Ich wünschte, der "Snapping" -Effekt wäre ein bisschen stärker.
Mocking Pal behebt dieses Problem, indem es einige Richtungspfeile bereitstellt, die das ausgewählte Element um jeweils ein Pixel verschieben. Dies ist jedoch eine langsame Lösung und daher nicht vollkommen ideal. Außerdem ist es die einzige App, die ich ausprobiert habe, die das Problem anspricht.
Letztendlich hängt die von Ihnen gewählte Lösung von Ihrer Präferenz ab. Aber es gibt definitiv einige starke Möglichkeiten, die es Ihnen ermöglichen, auf Ihrem Weg zur Arbeit, in der Badewanne oder in Ihrem örtlichen Café stecken zu bleiben.