Send bedre erfaringer med en lynrask UX-arbeidsflyt

Effektivitet er en nerdig fetish av meg. Som User Experience Designer på Envato Market, ser jeg på noe som til og med hint på å øke prosessen med å få tilbakemelding på en designidee. En kortere tilbakemeldingssyklus betyr at du får høyere kvalitetsfunksjoner raskere til fordel for samfunnet vårt.

Swiss Army Knives er falske løfter

Mitt første Eureka-øyeblikk på jakten på den hellige grensen av design arbeidsflyter oppdaget Axure (og senere UXPin). Jeg ville tilbringe uker i det å designe, og deretter validere prototypen med brukertester og raffinering etter behov. Denne prosessen er uendelig mer fleksibel enn den tradisjonelle måten å holde et mylder av Photoshop-filer oppdatert, men det etterlater en nøkkelfaktor: begrensninger som oppstår under utviklingen.

Sikker på at jeg vil dele prototypen med utviklere for å få deres innspill, men man kan bare forutsi så mange forhindringer på forhånd, og ikke alle av dem var "utviklerproblemer" uansett. Den logiske karakteren av programmering avslører designfeil som ikke kan forventes når man ser på en papirskisse eller wireframe. Å vite dette tidligere ville ha frelst meg fra å lure på et design som var bestemt til å gå ned i feil retning fra begynnelsen.

Som andre som har til hensikt å komme seg ut av leveringsvirksomheten, trengte jeg en arbeidsflyt som ville oppfordre design til å være et engangs kommunikasjonsverktøy, og ikke en leverbar.

Den Über-effektive måten å få rask tilbakemelding

Følgende verktøy er ingrediensene til den mest effektive arbeidsflyten jeg har oppdaget til dags dato.

Skisse for Wireframing

Ren, enkel og vektorbasert, Sketch har omtrent 95% av alle funksjonene jeg brukte mens jeg utformet i Axure og Photoshop. Det oppnår en balanse mellom funksjoner og enkelhet som gjør det enkelt å kommunisere meldingen uten å kunne gå for langt.

InVision for Lowfi Prototyping og Quick Feedback

Med InVision kan jeg formidle ideen min og få tilbakemelding på et øyeblikk fra ledere, utviklere og test brukere. Det integrerer magnifikt i arbeidsflyten min med to killer-funksjoner: Design File Syncing eliminerer snart behovet for å eksportere bilder fra Sketch-prosjektet, og Dropbox-integrasjon betyr at det ikke er nødvendig å laste opp noe manuelt. Gjør eventuelle nødvendige endringer, trykk lagre, og la kolleger vite at endringer er gjort. Eventuelle InVision wireframes de ser på, oppdateres automatisk. De trenger ikke engang å oppdatere. Nå er det silkeaktig glatt!

Trello å holde på sporet med fremgang

På Discovery-teamet på Envato Market bruker vi et Trello bord som vår sprintbrett. Hvis du ikke er kjent med Agile-terminologien, tenk på det som vårt prosjektstyringsverktøy. Jeg legger til noen design på kortene på dette forumet for å kommunisere til utviklere hva som må bygges. Tidligere å gjøre en endring i designet ville bety at jeg måtte komme tilbake til Trello, finne kortet det er festet til, fjern det gamle og last opp det nye designet. Sa jeg at InVision hadde to morderfunksjoner? Nå gjør det tre. Live embed tar seg av alt dette arbeidet. Alt jeg trenger å gjøre er å gjøre endringen, slå lagre og det vil også oppdatere wireframe i Trello. Henry Ford ville gråte tårer av effektivitet!

Ikke en unnskyldning for Forsake-brukere

For korthet har jeg ikke nevnt den tidligere forskningsfasen eller den etterfølgende tilbakemeldingen vi søker fra ekte brukere, som er en del av vår arbeidsflyt. Tanken er å forkorte tiden det tar å skape en fungerende prototype, for å få tilbakemelding og begynne å iterere tidligere. Det er ingen unnskyldning å slutte å snakke med virkelige brukere, bare en måte å få det til å skje raskere.

Anbefalt lesing:

  • Wireframes: Et godt kommunikasjonsverktøy, et dårlig designverktøy på medium
  • Hvorfor hopper vi over Photoshop på Signal v. Noise
  • Prototyper er ikke leverbare De er et kommunikasjonsverktøy av Ben Melbourne
  • Lean UX: Komme ut av Leverandørvirksomheten på Smashing Magazine