Hoppa till innehåll
Design

Vad är Prototyp?

En klickbar version av designen. Du kan testa flöden innan en enda rad kod är skriven. Sparar veckor av jobb.

En prototyp är en klickbar testversion av en design. Du kan trycka på knappar, öppna menyer och klicka dig igenom hela flödet — precis som i en riktig app eller sajt — trots att ingen egentlig kod ännu är skriven bakom kulisserna. Det ser och känns nästan färdigt, men allt är en smart hopkopplad låtsasversion.

En bra liknelse är en visningslägenhet innan huset är byggt. Du får gå runt, öppna dörrarna och känna på hur det är att röra sig i lokalen, fast väggarna egentligen bara är kulisser. På samma sätt låter en prototyp dig "vandra igenom" din framtida app och upptäcka om något känns krångligt — innan den byggs på riktigt.

Skillnaden mot en mockup är just att du kan klicka. En mockup är en stillbild; en prototyp reagerar när du trycker och tar dig vidare till nästa steg. Det gör den perfekt för att testa hur något faktiskt fungerar.

Varför är prototyper viktiga för ditt företag?

Med en prototyp kan du testa hela upplevelsen på riktiga användare innan en enda rad kod skrivs. Det betyder att du upptäcker krångliga flöden och missförstånd tidigt, när de kostar nästan ingenting att fixa — istället för efter att allt är byggt.

Det sparar ofta veckor av arbete. Att flytta ett steg i en prototyp tar minuter, medan samma ändring i en färdig, kodad produkt kan innebära dyr ombyggnad. Prototypen är helt enkelt ett billigt sätt att slippa dyra misstag.

Prototyp i praktiken

Tänk dig ett svenskt företag som vill bygga en app för tidrapportering. Innan vi kodar något gör vi en klickbar prototyp av hela flödet: logga in, välj projekt, starta timer, skicka rapport.

Vi låter några anställda testa prototypen. Det visar sig att många fastnar på att hitta "skicka"-knappen. Vi flyttar den, testar igen, och nu flyter allt. Först då börjar vi bygga den riktiga appen — med vetskapen att flödet redan är beprövat. Så bygger vi rätt sak från början.

Vanliga frågor om Prototyp

Vad betyder prototyp?

En prototyp är en klickbar testversion av en app eller sajt. Du kan trycka på knappar och gå igenom flöden som om det vore färdigt, trots att ingen riktig kod ännu är skriven.

Vad är skillnaden mellan prototyp och mockup?

En mockup är en stillbild du bara tittar på, medan en prototyp går att klicka i och testa. Prototypen visar hur något fungerar i praktiken, inte bara hur det ser ut.

Varför använder man prototyper?

För att testa hela upplevelsen på riktiga användare innan man bygger. Man upptäcker krångel tidigt när det är billigt att ändra, vilket ofta sparar veckor av jobb och dyra ombyggnader.

Relaterade termer

← Hela ordlistan