Keynote als kollaboratives Wireframing-Tool
Manche Leute sammeln Briefmarken, andere sehen Züge; Ich bin besessen von der Wireframing-Software.
Ich habe unzählige Anwendungen ausprobiert und mich in sie verliebt Balsamiq zu Spottdrossel zu FlairBuilder . Obwohl sich jeder wie echte Liebe gefühlt hat, ist mein Blick mit der Zeit gewandert, und ich flirte mit einem anderen Werkzeug.
Sie sehen alle so verlockend aus, aber mit der Zeit sehe ich ihre Mängel. Vielleicht bin ich einfach zu pingelig. Vielleicht sind meine Bedürfnisse zu ungewöhnlich. Was ich wirklich will, ist ein Werkzeug, das zu der Art und Weise passt, wie ich Dinge mache, anstatt dass ich das Werkzeug anpassen muss.
Haben Sie ein eigenes Lieblings-Drahtbildwerkzeug? Siehst du überhaupt einen Bedarf? Wenn ja, gehen Sie für alle Schnickschnack oder nur eine schnelle und schmutzige Lösung?
Warum beim Draht-Framing mit Kunden zusammenarbeiten?
Drahtbild ist für mich eine kollaborative Erfahrung. Es ist nichts, was ich allein in einem abgedunkelten Raum mache. Vielmehr teile ich den Prozess mit meinen Kunden.
Ich glaube daran, mit dem Kunden an einem Tisch zu sitzen und Schlüsselseiten im Wireframe-Format auszuprobieren. Dies hat vier Vorteile:
- Engagiert den Kunden
Durch das Drahtframing mit dem Kunden fühlen sie sich als Teil des Prozesses, und dies hilft, eine solide Arbeitsbeziehung aufzubauen. - Stellt Dynamik sicher
Durch das Drahtbild vermeiden Sie endlose Revisionen. Die Festlegung einer festen Richtung für Schlüsselseiten erfolgt in wenigen Stunden. - Übernimmt den Client
Wenn der Kunde an der Erstellung der Wireframes beteiligt ist, fühlt er sich in seinem Besitz und auf der Website sehr wohl. Die Lösung wird so ihre Idee wie Ihre. Folglich werden sie das Design später weniger ablehnen. - Dient als gemeinsame Referenz
Die gemeinsame Erstellung von Wireframes stellt sicher, dass jeder sie versteht. Die Wireframes dienen als gemeinsamer Bezugspunkt für alle während des gesamten Projekts.
Wireframing mit dem Kunden hat zahlreiche Vorteile.
Der Prozess ist jedoch nicht ohne Herausforderungen.
Auf der Suche nach einer schnellen und schmutzigen Lösung
In vielerlei Hinsicht ist Drahtabrasieren von selbst viel einfacher. Sie haben Zeit zu denken, zu optimieren und zu verfeinern. Dies ist mit einem Kunden im Raum schwer zu tun. Beim kollaborativen Wireframing geht es darum, Ideen schnell zu verspotten und zu diskutieren. Also, Sie brauchen ein Werkzeug, das dieses Ziel erleichtert.
Ihr Drahtbildwerkzeug muss sein:
- Schnell zu benutzen
Nichts ist schlimmer als ein Kunde, der herumsitzt, während du verzweifelt mit einem Drahtbildwerkzeug kämpfst, um eine Idee zu demonstrieren. - Einfach zu überarbeiten
In einem kollaborativen Prozess wird die Diskussion dazu führen, dass Sie viele subtile Ansätze ausprobieren. Sie müssen in der Lage sein, den Drahtgitterrahmen schnell zu ändern. - Einfach zu verstehen
Wireframes müssen klar und beschreibend sein. Die Kunden haben nicht die Erfahrung, die wir mit Wireframes haben, und können daher leicht verwechselt werden. - Professionell
Eine Idee kann durch die Präsentation verbilligt werden. Es hilft, wenn das Werkzeug ein Drahtmodell erzeugen kann, das wie eine durchdachte, qualitativ hochwertige Lösung aussieht.
Das Wireframing-Tool sollte professionell aussehen und dennoch flexibel genug sein, um eine schnelle Iteration zu ermöglichen.
Traditionell wurden Drahtabrastsitzungen mit Stift und Papier durchgeführt, aber dies ist nicht immer die beste Lösung.
Warum nicht Stift und Papier?
Versteh mich nicht falsch. Stift und Papier bieten eine Reihe von Vorteilen für das kollaborative Wireframing, und es wird immer einen Platz haben. In der Tat würde ich so weit gehen, zu sagen, dass die meisten kollaborativen Wireframing-Sitzungen mit Stift und Papier beginnen sollten.
Das Tolle an Stift und Papier ist, dass es umfassend und schnell ist. Jeder kann einen Stift nehmen und anfangen zu kritzeln; es erfordert keine besonderen Fähigkeiten. Und der ganze Raum kann gleichzeitig skizzieren; Es gibt keine einzelne Person mit ihrer Hand auf der Maus.
Stift und Papier fühlen sich auch wegwerfbar an. Ein Stück Papier aufzuschrauben und es in den Mülleimer zu werfen fühlt sich leicht an und hat kein großes Gefühl des Verlustes. Dies ist in den frühen Phasen des Drahtbildprozesses von entscheidender Bedeutung.
Das Drahtbild auf Stift und Papier hat jedoch einige Nachteile:
- Nicht leicht zu revidieren
Wenn Ideen herumfliegen und Sie ein Element nach dem anderen kritzeln, können Stift- und Papierdrahtgitter schnell unordentlich werden. Sie sind oft gezwungen, eine Seite von Grund auf neu zu zeichnen, was den Prozess verlangsamt. - Nicht immer klar
Bei vielen Revisionen und Scribbles werden Drahtmodelle oft verwirrend. Sie neigen auch dazu, die Details von Software-generierten Wireframes zu vermissen, so dass viele Fragen unbeantwortet bleiben. - Sieht nicht professionell aus
Wenn du kein großartiger Künstler bist, werden die meisten deiner Drahtgitter wie die Wahnvorstellungen eines geistesgestörten Psychopathen aussehen (oder bin ich es nur?). Dies kann den Wert der zugrundeliegenden Ideen verbilligen.
Stift- und Papierdrahtgitter können für den ungebildeten Kunden chaotisch und verwirrend aussehen.
Meiner Erfahrung nach enthält eine gute kollaborative Wireframing-Session eine Mischung aus Papier- und softwarebasierten Wireframes.
Wenn also viele Softwarelösungen zu langsam sind und Papier in anderer Hinsicht versagt, was ist die Lösung?
Keynote zur Rettung
Nach vielen Experimenten habe ich mich für Keynote als mein bevorzugtes Werkzeug entschieden. Ich vermute, dass PowerPoint genauso gut ist, aber als Mac-Benutzer ist meine Wahl Keynote.
Keynote ist einfach zu bedienen und viele Leute kennen es bereits. Das Beste von allem ist, dass die überwiegende Mehrheit von uns es bereits besitzt, was bares Geld spart.
Ich liebe es, weil es es einfach macht, Wireframes zusammen zu werfen und sie dann schnell zu ändern, wenn sich die Richtung des Denkens ändert.
Und das Beste daran: Keynote Wireframes sehen sehr professionell aus und bieten eine enorme Übersichtlichkeit.
Um dies zu erreichen, benötigen Sie eine große Vorlagenvorlage, die alle Elemente enthält, die normalerweise auf einer Website angezeigt werden (Text, Bilder, Suchfeld usw.). Es geht dann einfach darum, diese auf Ihre Seiten zu kopieren und einzufügen.
Etwas tolle Videos da draußen zeigen Sie, wie Sie Ihre eigenen benutzerdefinierten Elemente erstellen. Wenn du wie ich faul bist, haben eine Menge Leute die harte Arbeit für dich getan. Gegen eine geringe Gebühr können Sie Keynote- und PowerPoint-Vorlagen kaufen, die alle Webelemente enthalten, die Sie wahrscheinlich in einem Drahtmodell enthalten.
Aber die Vorteile hören hier nicht auf.
Ein Bonus
Die Art, wie Sie Drahtmodelle darstellen, ist entscheidend. Selbst wenn Sie gemeinsam arbeiten, besteht die Möglichkeit, dass nicht alle Beteiligten im Raum sind.
Bei vielen Drahtbildanwendungen müssen Benutzer ein Programm herunterladen oder ein Plug-in installieren, bevor sie die Datei anzeigen können. Nicht so bei Keynote.
Keynote ist bereits eine gängige Anwendung, bietet aber auch einige großartige Exportoptionen. Sie können Drahtgitter sowohl in HTML als auch in PDF speichern. Beide Optionen behalten die Links zwischen den Seiten bei, sodass der Benutzer auf die "Website" klicken kann.
Noch besser: Mit Keynote können Sie ein Voiceover aufnehmen und das Drahtgitter als QuickTime-Video speichern. Auf diese Weise können Sie Stakeholder über das Drahtgitter sprechen und Ihren Ansatz erläutern, um sicherzustellen, dass sie das Denken verstehen, das in den endgültigen Drahtmodell eingeflossen ist.
Mit Keynote können Sie das Drahtgitter in PDF und HTML exportieren und sogar als Film mit gesprochener Erzählung.
Natürlich ist keine Lösung perfekt. Keynote ist nicht die Silberkugel des Wireframing.
Einschränkungen
Nach meiner Erfahrung leidet Keynote unter zwei Problemen als Drahtbildwerkzeug.
Die erste ist die Seitengröße. Während andere Drahtschnittwerkzeuge es erlauben, die Seitengröße im laufenden Betrieb zu ändern, tut Keynote dies nicht (zumindest nicht ohne die Elemente zu verzerren). Außerdem müssen die Abmessungen auf allen Seiten gleich sein. Dies kann frustrierend sein, wenn Sie nicht vorausplanen. Ich komme um dieses Problem herum, indem ich alle Seiten groß mache; aber diese Problemumgehung ist bei weitem nicht perfekt und verursacht Probleme beim Exportieren.
Das zweite Problem ist, dass Keynote trotz der Verknüpfung zwischen Seiten keine komplexe Interaktion zulässt. Es kann keine JavaScript-gesteuerte Funktionalität anzeigen, wie sie heute auf Websites üblich ist. Natürlich auch weder Stift noch Papier. Und in einer kollaborativen Wireframing-Sitzung müssen Sie dieses Niveau an interaktiven Details normalerweise nicht demonstrieren. Wenn Sie das tun, wären Sie wahrscheinlich mit einem komplexeren Prototyping-Tool besser dran.