Efficiëntie is een nerdy fetisj van mij. Als User Experience Designer op Envato Market zal ik alles onderzoeken dat zelfs maar hint om het proces van feedback op een ontwerpidee te versnellen. Een kortere feedbackcyclus betekent sneller verzenden van functies van hogere kwaliteit ten voordele van onze community.
Mijn eerste Eureka-moment op zoek naar de heilige graal van ontwerpworkflows was het ontdekken van Axure (en vervolgens UXPin). Ik zou er weken in willen doorbrengen met ontwerpen en vervolgens het prototype valideren met gebruikerstesten en waar nodig verfijnen. Dit proces is oneindig veel flexibeler dan de traditionele manier om een groot aantal Photoshop-bestanden up-to-date te houden, maar het laat een belangrijke factor achter: beperkingen die opduiken tijdens de ontwikkeling.
Natuurlijk zou ik het prototype met ontwikkelaars delen om hun input te krijgen, maar men kan van tevoren zoveel hindernissen voorspellen, en toch waren ze niet allemaal "ontwikkelaarsproblemen". De logische aard van het programmeren laat ontwerpfouten zien die niet te voorzien zijn wanneer we naar een papieren schets of draadframe kijken. Dit eerder weten zou me hebben behoed voor een ontwerp dat voorbestemd was om vanaf het begin de verkeerde kant op te gaan.
Net als andere die van plan waren om uit de deliverables-business te geraken, had ik een workflow nodig die ontwerpen aanmoedigt om een wegwerpcommunicatietool te zijn, en niet een deliverable.
De volgende hulpmiddelen zijn de ingrediënten voor de meest efficiënte workflow die ik tot nu toe heb ontdekt.
Clean, eenvoudig en vector-gebaseerd, Sketch heeft ongeveer 95% van alle functies die ik gebruikte tijdens het ontwerpen in Axure en Photoshop. Het biedt een evenwicht tussen functies en eenvoud, waardoor het gemakkelijk is om uw boodschap over te brengen zonder al te ver te gaan.
Met InVision kan ik mijn idee communiceren en krijg ik in een handomdraai feedback van managers, ontwikkelaars en testgebruikers. Het integreert uitstekend in mijn workflow met twee geweldige functies: Design File Syncing elimineert binnenkort de noodzaak om afbeeldingen uit mijn Sketch-project te exporteren, en de Dropbox-integratie betekent dat u niets handmatig hoeft te uploaden. Breng de nodige wijzigingen aan, druk op Opslaan en laat collega's weten dat er wijzigingen zijn doorgevoerd. Alle InVision-wireframes die ze bekijken, worden automatisch bijgewerkt. Ze hoeven niet eens op Vernieuw te klikken. Dat is nu zijdezacht!
In het Discovery-team op Envato Market gebruiken we een Trello-bord als ons sprintbord. Als u niet bekend bent met de Agile-terminologie, beschouw dit dan als onze tool voor projectbeheer. Ik voeg alle ontwerpen aan de kaarten op dit bord toe om aan ontwikkelaars te communiceren wat er moet worden gebouwd. Eerder een wijziging aanbrengen in het ontwerp zou betekenen dat ik terug zou moeten naar Trello, de kaart moet vinden waaraan het is bevestigd, de oude kaart moet verwijderen en het nieuwe ontwerp moet uploaden. Heb ik gezegd dat InVision twee geweldige functies had? Nou, maak er drie van. Live embed zorgt voor al dit werk. Ik hoef alleen maar de wijziging aan te brengen, op te slaan en het draadmodel in Trello ook te updaten. Henry Ford zou tranen van efficiëntie huilen!
Kortheidshalve heb ik niet gesproken over de eerdere onderzoeksfase of de daaropvolgende feedback die we vragen van echte gebruikers, wat deel uitmaakt van onze workflow. Het idee is om de tijd die nodig is om een functionerend prototype te maken te verkorten, om feedback te krijgen en eerder te beginnen met itereren. Het is geen excuus om te stoppen met praten met echte gebruikers, alleen een manier om dit sneller te laten gebeuren.