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
UX
User Experience. Hur det KÄNNS att använda en app. Bra UX = du tänker inte på det. Dålig UX = du vill kasta telefonen i väggen.
UI
User Interface. Hur det SER UT. Knappar, ikoner, layout. UX bestämmer var knappen ska vara — UI bestämmer att den ska vara sjukt snygg.
Responsiv
Att en sajt ser bra ut oavsett om du tittar på den från en jättesskärm eller en potatis-telefon. Det är standard 2026.
Dark Mode
Mörkt tema. Sparar batteri, sparar ögon, och får allt att se 47% coolare ut. Vi har det som standard.
Wireframe
En enkel skiss av en sida. Inga färger, inga bilder — bara struktur. Ritningen innan huset.
Mockup
Wireframe + visuell design = mockup. En statisk bild av hur det kommer se ut. Klickbart? Då är det en prototyp.