Hvad koster det at lave en prototype?

Af Weapp · Opdateret

En klikbar Figma-prototype koster normalt 53.000–160.000 DKK og viser oplevelse og flow uden en eneste linje kode. En kodet prototype koster 160.000–430.000 DKK og beviser desuden teknisk gennemførlighed. Valget afgøres af hvad der skal bevises og hvor meget af arbejdet der kan genbruges i næste fase.

En prototype er den billigste måde at gøre en idé konkret nok til at teste, men “prototype” betyder to forskellige ting med to forskellige prislapper. Den klikbare viser hvordan produktet føles, den kodede beviser at det kan bygges. Her er hvad de koster og hvordan du vælger niveau.

To niveauer, to prislapper

PrototypetypeTypisk prisTidsforbrug
Klikbar Figma-prototype53.000–160.000 DKK2–4 uger
Kodet prototype160.000–430.000 DKK4–8 uger

Inden for intervallerne er det omfanget der styrer: antallet af skærme og flows, hvor gennemarbejdet designet skal være og, for den kodede, hvor mange rigtige data og hvor meget integration der kræves for at testen giver mening.

Hvad den klikbare prototype beviser

En Figma-prototype er sammenkoblede skærmbilleder der ser ud og føles som et rigtigt produkt. Den svarer på spørgsmål om oplevelse og flow: Forstår brugerne hvad tjenesten gør? Finder de vej? Føles den værd at betale for? Den fungerer glimrende i brugerinterviews, salgsmøder og investorpræsentationer.

Styrken er iterationshastigheden: Et flow kan tegnes om mellem to interviews samme dag. Begrænsningen er lige så tydelig: Der er intet bag skærmene. Den kan ikke håndtere rigtige data, ikke teste ydeevne og ikke bevise at teknikken holder.

Hvad den kodede prototype beviser

En kodet prototype er rigtig software, afgrænset til det der skal bevises. Den svarer på spørgsmål om teknisk gennemførlighed: Kan dataene trækkes ud af kildesystemet? Klarer algoritmen en reel belastning? Virker integrationen som leverandøren lover? Den kan desuden lægges i hænderne på en lille gruppe rigtige brugere, hvilket giver adfærdsdata som den klikbare aldrig når frem til.

Bagsiden er selve prisen (to til tre gange den klikbare) og langsommere iteration. Derfor skal den kodede prototype bruges når usikkerheden faktisk er teknisk, ikke som en dyrere måde at teste design på.

Genbrugelighed: den faktor i regnestykket mange overser

Prototypens reelle omkostning er prisen minus værdien af det der bærer videre til næste fase. Her adskiller niveauerne sig:

  • Figma-prototypen genbruges næsten altid. Flows, skærme og komponenter bliver designgrundlag for MVP’en og kan forkorte dens designfase med uger. Kode er der ingen af, men det var heller aldrig løftet.
  • Den kodede prototype kan genbruges hvis den er bygget med rimelig omhu i den stack produktet skal leve i. Er den bygget som et hurtigt eksperiment, er den ofte billigere at skrive om end at rydde op i, og at tvinge sjusket prototypekode i produktion er en klassisk måde at købe sig teknisk gæld på fra dag ét.

Træf derfor beslutningen på forhånd: Er det her et engangseksperiment (byg så hurtigt som muligt, smid det ud bagefter) eller fundamentet for produktet (byg i den rigtige teknologi, acceptér en lidt højere pris)? Begge dele er rigtige i forskellige situationer. Det dyre er at lade være med at vælge.

Regneeksempel: prototypens nettoomkostning

En virksomhed laver en Figma-prototype for 96.000 DKK, gennemfører to interviewrunder og lander på et valideret flow. Når MVP’en derefter bygges, genbruges designet direkte, hvilket forkorter designarbejdet med anslået to uger, svarende til i størrelsesordenen 85.000–110.000 DKK. Nettoomkostningen for prototypen blev altså tæt på nul mens den fjernede risikoen for at bygge det forkerte flow for hundredtusindvis af DKK. Det er pointen i prototypens regnestykke: Prisen står på fakturaen, men værdien ligger i hvad den forhindrer og hvad den sender videre.

Sådan vælger du niveau

Ligger den største usikkerhed i oplevelsen eller forretningen, så start med Figma. Ligger den i teknikken, så kod den kritiske antagelse og intet mere. Er begge dele usikre: Figma først, derefter en smal teknisk prototype på det der stadig skurrer.

To kontrolspørgsmål hjælper på vej. Hvad er den dyreste fejl vi kan begå i næste fase, og tester prototypen netop det? Og hvem skal overbevises: brugere, investorer eller jeres eget tekniske team? Brugere og investorer reagerer på billeder, det tekniske team reagerer kun på kode. Vi hos Weapp laver begge niveauer som selvstændige opgaver eller som starten på et produktforløb. Kontakt os hvis du vil have et bud på en plan for din idé.

Ofte stillede spørgsmål

Hvad er forskellen på en prototype og en MVP?

Prototypen findes for at overbevise og lære: Den testes i interviews, demoer og investormøder, men idriftsættes aldrig. En MVP er et rigtigt produkt i drift med rigtige brugere, afgrænset til ét kerneflow. Prototypen kommer før MVP’en og koster en brøkdel.

Kan en Figma-prototype bruges til investormøder?

Ja, det er et af dens mest almindelige anvendelsesområder. En gennemarbejdet klikbar prototype gør idéen konkret og viser at teamet kan eksekvere, til en tiendedel af hvad det koster at bygge for alvor. Vær bare tydelig om hvad den er: Investorer der tror at produktet er bygget, bliver ikke glade under due diligence.

Bliver den kodede prototype altid smidt ud bagefter?

Nej, men planlæg som om den kan smides ud. Bygges den i en stack der kan bære videre og med rimelig omhu, kan dele genbruges i MVP’en. Bygges den så hurtigt som muligt for at teste en antagelse, er det ofte billigere at skrive den om end at rydde op i den, og det er helt i orden hvis beslutningen blev truffet bevidst fra starten.

Hvem laver prototypen: designer eller udvikler?

En klikbar Figma-prototype laves primært af en designer, ofte med støtte fra en strateg til flowene. En kodet prototype kræver udviklere, gerne med designeren stadig med i loopet. Det er en af grundene til prisforskellen: Den kodede variant involverer flere kompetencer i længere tid.

Hvor mange brugere bør teste prototypen?

Fem til otte personer pr. testrunde plejer at være nok til at mønstre træder frem. Hellere to eller tre små runder med omtegninger imellem end én stor. Prototypens styrke er netop at den kan ændres i løbet af timer mellem testene.