Hvordan teste brukeropplevelsen av en app før man har utviklet den teknisk?

Lag en mock-up i verktøy som Adobe XD. Dette skaper klikkbare bilder som simulerer appens funksjonalitet, noe som er effektivt for å teste brukeropplevelsen (UX) før koding starter. La oss utdype hvorfor dette er så lurt, og hvordan dere går frem.

En mock-up er en visuell skisse av appens skjermer – hvordan knapper, menyer og innhold ser ut – uten at noe faktisk kode ligger bak. Når dere kobler skjermene sammen slik at man kan trykke seg fra side til side, kalles det gjerne en interaktiv prototype. Brukeren får da en illusjon av en ekte app, men dere har spart ukevis (eller månedsvis) med utviklingstid. UX (User Experience / brukeropplevelse) handler om hvordan det føles å bruke produktet: er det intuitivt, finner folk frem, blir de frustrerte? Dette er billigst å fikse FØR utviklerne har skrevet kode, fordi endringer i en skisse tar minutter, mens endringer i ferdig kode tar timer og penger.

Adobe XD er ett verktøy for dette, men dere kan like gjerne bruke Figma (i dag det mest brukte, gratis for små team og samarbeidsvennlig i nettleser), Sketch eller endatil enkle papirskisser i tidligste fase. Poenget er det samme: lag klikkbare skjermer raskt.

Konkret fremgangsmåte: (1) skisser de 3–5 viktigste skjermene som dekker hovedoppgaven brukeren skal gjøre, (2) koble dem sammen til en klikkbar flyt, (3) sett deg ned med 5–7 reelle målbrukere og be dem løse en konkret oppgave mens de tenker høyt, (4) observer hvor de nøler eller trykker feil – det er gull. En vanlig fallgruve er å gjøre mock-uppen for 'pen' og detaljert; da blir testpersoner høflige og kommenterer farger i stedet for funksjon. Hold den enkel, test tidlig, og gjenta. Spark* har folk som kan hjelpe med både verktøy og testopplegg.