Hva er Mockup?
En mockup er en realistisk, visuell modell av et nettsted eller en enkeltside som viser nøyaktig hvordan det ferdige designet vil se ut. I motsetning til en enkel skisse inneholder mockupen ekte farger, bilder, typografi og innhold.
Mockupen kommer som regel etter at strukturen er bestemt i en wireframe, men før utvikleren begynner å bygge. Den er statisk, altså ikke klikkbar, og fokuserer utelukkende på det visuelle.
Hvorfor er Mockup viktig?
En mockup gir både byrå og kunde et felles bilde av sluttresultatet før det kostbare utviklingsarbeidet starter. Det er langt billigere å endre en farge eller flytte en CTA-knapp i en mockup enn i ferdig kode.
Mockupen reduserer misforståelser og gjør det enkelt å gi konkrete tilbakemeldinger. Den sikrer at brukergrensesnittet støtter en god brukeropplevelse, og at viktige elementer som hero-seksjonen fungerer visuelt.
Hvordan lage en god mockup?
Start med en godkjent wireframe, og bygg deretter på med farger, bilder og tekst. Bruk gjerne et designsystem for å holde knapper, skrifttyper og avstander konsistente på tvers av sidene.
Lag mockups for de viktigste skjermstørrelsene, og tenk mobile-first slik at mobilversjonen prioriteres. Når kunden har godkjent mockupen, kan den videreutvikles til en klikkbar prototype eller sendes direkte til utvikling. En tydelig mockup sparer tid, penger og frustrasjon senere i prosjektet.
