Ship bättre upplevelser med ett blixtsnabbt UX-arbetsflöde

Effektivitet är en nerdig fetisch av mig. Som användarupplevelse Designer på Envato Market, ska jag undersöka allt som ens antyder att påskynda processen att få feedback på en designidé. En kortare återkopplingscykel innebär att vi levererar högre kvalitetsfunktioner snabbare till förmån för vårt samhälle.

Schweiziska arméknivar är falska löften

Mitt första Eureka-ögonblick i strävan efter den heliga graden av design arbetsflöden upptäckte Axure (och därefter UXPin). Jag skulle tillbringa veckor i det att designa, sedan validera prototypen med användarprov och raffinering efter behov. Denna process är oändligt snabbare än det traditionella sättet att hålla en myriad av Photoshop-filer up-to-date, men det lämnar en nyckelfaktor: begränsningar som uppstår under utveckling.

Visst skulle jag dela prototypen med utvecklare för att få deras inmatning, men man kan bara förutsäga så många hinder på förhand, och inte alla var "utvecklingsproblem" i alla fall. Programmeringens logiska natur avslöjar konstruktionsfel som inte kan förutses när man tittar på en pappersskissa eller wireframe. Att veta detta tidigare skulle ha räddat mig från att iterera på en design som var avsedd att gå ner i fel riktning från början.

Precis som andra som strävar efter att komma ut ur leveransverksamheten behövde jag ett arbetsflöde som skulle uppmuntra mönster att vara ett engångs kommunikationsverktyg och inte en leveransbar.

Det effektivaste sättet att få snabb feedback

Följande verktyg är ingredienserna till det mest effektiva arbetsflödet jag hittat hittills.

Skiss för Wireframing

Ren, enkel och vektorbaserad, Sketch har cirka 95% av alla funktioner jag använde under designen i Axure och Photoshop. Det slår en balans mellan funktioner och enkelhet som gör det enkelt att kommunicera ditt meddelande utan att kunna satsa för långt.

InVision för Lowfi Prototyping och snabb återkoppling

Med InVision kan jag kommunicera med min idé och få feedback på ett snäpp från chefer, utvecklare och testanvändare. Det integrerar magnifikt i mitt arbetsflöde med två mördarefunktioner: Designfilsynkronisering eliminerar snart behovet av att exportera bilder från mitt Sketch-projekt, och Dropbox-integration innebär att det inte finns något behov av att manuellt ladda upp något. Gör nödvändiga ändringar, spara spara och låt kollegor veta att ändringar har gjorts. Alla InVision wireframes som de tittar på kommer automatiskt att uppdateras. De behöver inte ens träffa uppdateringen. Nu är det silkeslätt!

Trello att hålla sig på spår med framsteg

På Discovery-teamet på Envato Market använder vi ett Trello-styrelse som vårt sprintkort. Om du inte är bekant med Agile-terminologin, tänk på det som vårt projekthanteringsverktyg. Jag bifogar några mönster till korten på det här kortet för att kommunicera med utvecklare som behöver byggas. Tidigare att göra en ändring i designen skulle innebära att jag skulle behöva komma tillbaka till Trello, hitta det kort som det har fästs på, ta bort det gamla och ladda upp den nya designen. Sade jag att InVision hade två mördarfunktioner? Tja, gör det tre. Live inbädda tar hand om allt detta arbete. Allt jag behöver göra är att göra ändringen, slå spara och det kommer också att uppdatera trådramen i Trello. Henry Ford skulle gråta tårar av effektivitet!

Inte en ursäkt för att försvaga användare

För korthet har jag inte nämnt den tidigare forskningsfasen eller den efterföljande återkopplingen vi begär från riktiga användare, vilket ingår i vårt arbetsflöde. Tanken är att förkorta den tid det tar att skapa en fungerande prototyp, för att få feedback och börja iterera tidigare. Det är ingen ursäkt att sluta prata med riktiga användare, bara ett sätt att få det att ske snabbare.

Rekommenderad läsning:

  • Wireframes: Ett bra kommunikationsverktyg, ett dåligt designverktyg på medium
  • Varför vi hoppar över Photoshop på Signal v. Noise
  • Prototyper kan inte levereras de är ett kommunikationsverktyg av Ben Melbourne
  • Lean UX: Få ut av leveransverksamheten på Smashing Magazine