# Wireframe

En wireframe er en enkel skisse av en nettside i grått og svart, som viser hva som skal stå hvor før noen tenker på farger og bilder.

Source: https://ibenta.no/ordliste/wireframe
Publisher: Ibenta (https://ibenta.no)
Updated: 2026-09-27

---

En wireframe ser ut som en tegning på baksiden av en konvolutt, bare litt ryddigere. Bokser for bilder, streker for tekst og en boks der det står «knapp». Poenget er å bli enige om innhold og rekkefølge før noen bruker tid på design. Det er mye billigere å flytte en boks på en skisse enn å bygge om en ferdig side.

## Dette skal du se etter

Når noen viser deg en wireframe, skal du ikke vurdere hvor pen den er. Den er stygg med vilje. Se etter om det viktigste står øverst, om telefonnummeret og prisene er lette å finne, og om hver side har én tydelig [CTA](/ordliste/cta). Det er her mye av [UX-en](/ordliste/ux) blir bestemt, lenge før fargene er valgt.

Si fra nå hvis noe mangler eller står i feil rekkefølge. Senere i prosjektet koster samme endring mer.

## Tegn din egen på fem minutter

Ta et A4-ark og tegn forsiden du ønsker deg, som bokser ovenfra og ned. Skriv i hver boks hva den skal inneholde, og hva du vil at kunden skal gjøre etterpå. Du trenger ingen tegneferdigheter. Arket er et godt utgangspunkt for en samtale med den som skal lage siden. Vil du ha mer struktur, kan du bruke vår gratis [mal for anbudsgrunnlag](/verktoy/anbudsgrunnlag).