En wireframe er skjelettet til et design. Bokser for bilder. Linjer for tekst. Etiketter for knapper. Ingen farger. Ingen fonter. Ingen polerte visuelle elementer. Bare strukturen, strippet ned til beinet.

Wireframes kommer tidlig i designprosessen, etter skisser, men før høykvalitetsmodeller. Deres jobb er å svare på layoutspørsmål: hvor går navigasjonen, hvor mange kolonner, hva er hierarkiet. Å holde dem stygge er bevisst. Hvis en wireframe ser for ferdig ut, begynner interessentene å diskutere blåfargen i stedet for om layouten fungerer.

Hva en wireframe viser

• Plassering av hovedelementer: topptekst, navigasjon, innhold, bunntekst
• Relativ størrelse og prioritet for komponenter
• Flyt mellom skjermer eller sider
• Interaktive elementer som knapper og skjemaer

Verktøy som Balsamiq og Figma har gjort wireframing raskt. Noen designere bruker fortsatt papir og tusjer. Mediet betyr mindre enn tankegangen. En wireframe er en samtalestarter. Den sier: her er strukturen, hva synes du? Endringer er billige på dette stadiet. Når den visuelle designen er ferdig, betyr det å flytte en sidefelt å gjøre alt på nytt nedstrøms. Flytt den i wireframen i stedet.