Bessere Erfahrungen mit einem blitzschnellen UX-Workflow

Effizienz ist ein nerdiger Fetisch von mir. Als User Experience Designer auf Envato Market werde ich alles untersuchen, was sogar den Hinweis auf eine Design-Idee beschleunigt. Ein kürzerer Feedback-Zyklus bedeutet, dass schnellere Qualitätsmerkmale zum Vorteil unserer Community versendet werden können.

Schweizer Taschenmesser sind falsche Versprechen

Mein erster Eureka-Moment auf der Suche nach dem heiligen Gral der Design-Workflows war die Entdeckung von Axure (und anschließend von UXPin). Ich würde Wochen damit verbringen, den Prototyp mit Anwendertests zu validieren und dann zu validieren, je nach Bedarf zu verfeinern. Dieser Prozess ist unendlich viel agiler als die herkömmliche Methode, eine Vielzahl von Photoshop-Dateien auf dem neuesten Stand zu halten, lässt jedoch einen wichtigen Faktor aus: Einschränkungen, die während der Entwicklung auftreten.

Sicher würde ich den Prototyp mit den Entwicklern teilen, um ihre Informationen zu erhalten, aber man kann nur so viele Hürden im Voraus vorhersagen, und nicht alle waren ohnehin "Entwicklerprobleme". Die logische Natur der Programmierung offenbart Konstruktionsfehler, die bei der Betrachtung einer Papierskizze oder eines Drahtgitters nicht vorhersehbar sind. Das früher zu wissen, hätte mich davor bewahrt, ein Design zu durchlaufen, das von Anfang an in die falsche Richtung geleitet werden sollte.

Wie andere, die aus dem Liefergeschäft aussteigen wollten, brauchte ich einen Workflow, der die Entwürfe dazu ermutigen sollte, ein wegwerfbares Kommunikationsmittel zu sein und nicht ein Liefergegenstand.

Der über-effiziente Weg zum schnellen Feedback

Die folgenden Tools sind die Zutaten für den effizientesten Workflow, den ich bisher entdeckt habe.

Skizze für Wireframing

Sketch ist sauber, einfach und vektorbasiert. Es enthält etwa 95% aller Funktionen, die ich beim Entwerfen in Axure und Photoshop verwendet habe. Es bietet ein ausgewogenes Verhältnis zwischen Funktionen und Einfachheit, sodass Sie Ihre Nachricht leicht kommunizieren können, ohne sich zu weit zu wagen.

InVision für Lowfi-Prototyping und schnelles Feedback

Mit InVision kann ich meine Idee kommunizieren und Feedback von Managern, Entwicklern und Testbenutzern erhalten. Es ist hervorragend in meinen Workflow integriert und verfügt über zwei Killer-Funktionen: Durch die Design-Dateisynchronisierung ist es bald nicht mehr erforderlich, Bilder aus meinem Sketch-Projekt zu exportieren, und dank der Dropbox-Integration müssen Sie nichts manuell hochladen. Nehmen Sie die erforderlichen Änderungen vor, klicken Sie auf "Speichern" und teilen Sie den Kollegen mit, dass Änderungen vorgenommen wurden. Alle InVision-Wireframes, die sie betrachten, werden automatisch aktualisiert. Sie müssen nicht einmal auf Aktualisieren klicken. Das ist jetzt seidig glatt!

Trello, um mit Fortschritt auf dem Laufenden zu bleiben

Im Discovery-Team von Envato Market verwenden wir ein Trello-Board als Sprint-Board. Wenn Sie mit der agilen Terminologie nicht vertraut sind, können Sie sie als unser Projektmanagement-Tool betrachten. Ich werde die Karten auf dieser Platine mit Designs versehen, um den Entwicklern mitzuteilen, was gebaut werden muss. Wenn Sie zuvor eine Änderung am Design vorgenommen haben, müsste ich nach Trello zurückkehren, die Karte finden, an der sie angebracht ist, die alte Karte entfernen und das neue Design hochladen. Habe ich gesagt, dass InVision zwei Killer-Funktionen hatte? Gut, mach drei. Live embed kümmert sich um all diese Arbeit. Alles, was ich tun muss, ist die Änderung vorzunehmen, auf Speichern zu klicken und das Drahtgitter in Trello zu aktualisieren. Henry Ford würde Tränen der Effizienz weinen!

Keine Entschuldigung, Benutzer zu verlassen

Der Kürze halber habe ich nicht die vorherige Forschungsphase oder das nachfolgende Feedback erwähnt, das wir von echten Benutzern einholen, was Teil unseres Workflows ist. Die Idee ist, die Zeit zu verkürzen, die zum Erstellen eines funktionsfähigen Prototyps benötigt wird, um Feedback zu erhalten und früher zu beginnen. Es ist keine Entschuldigung, nicht mehr mit echten Benutzern zu sprechen, sondern nur, um es schneller zu machen.

Literatur-Empfehlungen:

  • Wireframes: Ein gutes Kommunikationswerkzeug, ein schlechtes Designwerkzeug auf Medium
  • Warum wir Photoshop auf Signal v. Noise überspringen
  • Prototypen sind nicht lieferbar; Sie sind ein Kommunikationsmittel von Ben Melbourne
  • Lean UX: Raus aus dem Deliverables-Business des Smashing Magazine