Tjenester
App prototype – test appidéen før dere bygger
Ledelsen vil se noe før de bevilger penger, en investor vil forstå produktet på fem minutter, eller dere er usikre på om brukerne skjønner flyten. Da er en app prototype ofte et bedre første steg enn å begynne å programmere. Vi tegner skjermene i Figma, kobler dem sammen slik at de kan trykkes gjennom på en telefon, og tester dem på fem personer fra målgruppen.
En klikkbar prototype og appdesign koster fra 20 000 kr eks. mva. og tar 2–4 uker. Dere får Figma-filen, testrapporten og et grunnlag utviklerne kan planlegge ut fra. Denne siden forklarer når en prototype er riktig, hva den ikke er, og hvordan ukene ser ut.
01
Når er en app prototype riktig første steg?
En prototype svarer på ett spørsmål: forstår folk appen, og klarer de oppgaven den skal løse? Den svarer ikke på om de vil bruke den hver uke eller betale for den. Det krever en ekte app i hendene på ekte brukere.
Prototype først passer når
- flere personer må bli enige om hva appen skal være før det brukes utviklingsbudsjett,
- dere skal presentere idéen for ledelse, styre eller investorer og trenger noe mer enn lysbilder,
- flyten er ny eller uvant for målgruppen, og dere vil se folk prøve den før den bygges.
En MVP passer bedre når dere allerede vet hva appen skal gjøre, og det dere mangler, er data om faktisk bruk. Et fullt designsystem, med farger, typografi, komponenter og tilstander for hele appen, hører hjemme når retningen er bestemt og appen skal bygges. Det er en del av appdesign og UX, og det gir mest mening etter at prototypen er testet.
02
Hva en klikkbar prototype er, og hva den ikke er
Den er en serie skjermer i Figma, koblet sammen med trykkbare områder. Åpner dere lenken på telefonen, ser det ut som en app: dere trykker på «Bestill», og neste skjerm kommer opp. Det visuelle, det mange kaller app prototype design, skal være ferdig nok til at testpersonene glemmer at det er en skisse.
Det er ikke kode. Ingen data lagres, ingen innlogging virker, og det som står på skjermen, er det vi har skrevet inn. Skriver en testperson noe i et søkefelt, skjer det ingenting. Det er poenget: vi tester forståelse og rekkefølge, ikke teknologi. Prototypen kan heller ikke publiseres i App Store eller Google Play, og den blir ikke til en app ved å bygge videre på den. Utviklerne bygger appen på nytt, med prototypen som tegning.
03
Slik lager vi en prototype av appen
- 01
1. Brukerflyt
- Hva vi gjør
- Vi kartlegger hvem som skal bruke appen og tegner veien gjennom hver hovedoppgave.
- Hva dere får
- Flytdiagram per oppgave
- 02
2. Wireframes
- Hva vi gjør
- Enkle skisser i gråtoner, så diskusjonen handler om innhold og rekkefølge, ikke farger.
- Hva dere får
- Skisser av alle skjermer i flyten
- 03
3. Klikkbar prototype
- Hva vi gjør
- Skjermene får visuell stil og kobles sammen i Figma, slik at de kan trykkes gjennom på mobil.
- Hva dere får
- Delingslenke som fungerer på telefon
- 04
4. Brukertest
- Hva vi gjør
- Fem personer fra målgruppen løser konkrete oppgaver mens vi observerer.
- Hva dere får
- Testrapport med funn og prioritering
- 05
5. Justering
- Hva vi gjør
- Vi retter det testen avdekket, og tester på nytt hvis endringene er store.
- Hva dere får
- Oppdatert prototype og endringslogg
Vi tester med fem personer fordi Nielsen Norman Group har vist at fem deltakere avdekker rundt 85 % av brukervennlighetsproblemene, og anbefaler flere små tester fremfor én stor. Testpersonene finner vi sammen med dere, gjerne blant egne kunder eller ansatte. Har dere allerede skrevet ned hva appen skal gjøre, for eksempel med malen for kravspesifikasjon, går de to første stegene raskere.
04
Hvem bruker en app prototype?
- 01Ledelse og styreEn prototype gjør en intern budsjettdiskusjon konkret. Alle ser det samme, og innvendinger kommer før koden, ikke etter.
- 02InvestorerEn prototype viser hvordan produktet er tenkt å fungere. Den viser ikke at noen bruker det, og det bør dere være ærlige om i presentasjonen.
- 03Anbud og innkjøpSkal appen kjøpes inn fra en leverandør, kan en testet prototype gjøre kravene tydeligere, og tilbudene lettere å sammenligne.
- 04Søknader til Innovasjon NorgeOppstartstilskudd fase 2 forutsetter blant annet at selskapet har utviklet en foreløpig løsning og testet den på mulige kunder. Om en klikkbar prototype er nok for deres søknad, er det Innovasjon Norge som vurderer. Mer om ordningene i guiden om støtte til apputvikling.
05
Dette får dere levert, og dette eier dere
- Brukerflyter og wireframes for flytene som er med
- Prototype i Figma med delingslenke for mobil
- Rapport fra brukertesten: funn, prioritering og hva som ble endret
- Figma-filen overleveres til deres egen konto
Filene er deres. Dere kan ta dem med til en intern utviklingsavdeling, en annen leverandør eller tilbake til oss. Går dere videre til utvikling, er prototypen et godt grunnlag for en appavklaring, der vi skriver kravspesifikasjon og gir en bindende pris.
06
Prototype av app: pris, tid og hva som styrer prisen
Alle priser eks. mva.
- 2–4 uker
Klikkbar prototype og appdesign
UX/UI i Figma, brukertest
fra 20 000 kr
- 2 dager + 1 uke til leveranse
Appavklaring
to dagers produktworkshop, kravspesifikasjon, skisser, teknisk arkitektur og bindende fastpristilbud
20 000 kr fast pris.
Beløpet trekkes fra prosjektprisen om dere går videre med oss.
- 2–12 uker
MVP-app
én kjerneflyt, iOS og Android fra én kodebase, backend, publisering
fra 20 000 kr
Nedre del av prototypespennet dekker én hovedflyt med få skjermer. Øvre del dekker flere flyter, flere brukerroller eller en ekstra testrunde. Hva hele appen vil koste å bygge, finner dere under apputvikling pris, og appkalkulatoren gir et raskt estimat.
07
Prototype, MVP eller ferdig app?
| Prototype | MVP-app | Ferdig bedriftsapp | |
|---|---|---|---|
| Hva er det? | Sammenkoblede skjermer i Figma | Fungerende app med én kjerneflyt | App med innlogging, backend, push, adminpanel og integrasjoner |
| Svarer på | Forstår folk appen? | Bruker folk appen? | Skal appen drives og videreutvikles? |
| Kode | Nei | Ja | Ja |
| I App Store og Google Play | Nei | Ja | Ja |
| Pris eks. mva. | fra 20 000 kr | fra 20 000 kr | fra 100 000 kr |
| Tid | 2–4 uker | 2–12 uker | 4–7 måneder |
08
Vanlige spørsmål om app prototype
Hva koster en app prototype?
Prototype og appdesign koster fra 20 000 kr eks. mva. hos oss, inkludert brukertest. Prisen avhenger av hvor mange flyter og skjermer som skal med, og om det trengs mer enn én testrunde. Løpende designarbeid etter leveransen faktureres med 600 kr/t for UX-design.
Kan vi lage prototype app selv?
Ja. Figma har prototyping på alle planer, og verktøy som Canva og Miro kan brukes til enkle skisser og flyter. For å avklare en idé internt er det ofte nok. Det dere betaler oss for, er struktur i flytene, en brukertest som gir brukbare funn, og en fil utviklere kan bygge fra. Vil dere prøve selv først, gir guiden lage app med KI eller uten koding en oversikt.
Hvor lang tid tar det å lage en prototype?
2–4 uker fra oppstart til testet prototype. De første skissene ser dere etter omtrent en uke. Hvor raskt dere svarer på skissene, og hvor lett det er å finne testpersoner, påvirker hvor i spennet dere lander.
Kan prototypen brukes som app?
Nei. Prototypen er tegninger koblet sammen, uten kode, data eller innlogging. Den kan ikke publiseres i butikkene. Neste steg er en MVP eller en full app, der prototypen brukes som grunnlag for utviklingen.
Må vi bruke dere til utviklingen etter prototypen?
Nei. Figma-filen og testrapporten er deres, og et hvilket som helst utviklingsteam kan bygge fra dem. Vil dere ha en fast pris på utviklingen fra oss, starter vi med en appavklaring.
09
Relaterte tjenester
- Appdesign og UXdesignsystem og UI for hele appen
- MVP-utviklingførste fungerende versjon på 2–12 uker
- Appavklaringkravspesifikasjon og bindende pris
- [Kravspesifikasjon for appmal](/guider/app-kravspesifikasjon-mal/) – skriv ned idéen før oppstart
Neste steg
Få en vurdering av prototypen dere trenger
Beskriv appidéen, hvem den er for, og hvem som skal se prototypen. Vi foreslår hvilke flyter som bør med, og gir dere et prisspenn. Vi holder til i Trondheim, og workshopen kan like gjerne holdes hos dere i Oslo som på video.
Send oss tre setninger om appen, så svarer vi med en vurdering og et prisspenn innen én virkedag: be om tilbud. Vil dere se hva hele appen kan koste, prøv appkalkulatoren.
Eller skriv til[email protected]
Kilder
- Nielsen Norman Group, «Why You Only Need to Test with 5 Users» – https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/
- Figma, Guide to prototyping in Figma (støttet på alle planer, visning på mobil) – https://help.figma.com/hc/en-us/articles/360040314193-Guide-to-prototyping-in-Figma
- Innovasjon Norge, Oppstartstilskudd 2 (foreløpig løsning, testet på mulige kunder) – https://www.innovasjonnorge.no/tjeneste/oppstartstilskudd-2