En wireframe er skelettet af et design. Bokse til billeder. Linjer til tekst. Etiketter til knapper. Ingen farver. Ingen skrifttyper. Ingen poleret grafik. Bare strukturen, strippet ned til benet.

Wireframes kommer tidligt i designprocessen, efter skitser, men før high-fidelity mockups. Deres opgave er at besvare layoutspørgsmål: hvor skal navigationen gå hen, hvor mange kolonner, hvad er hierarkiet. Det er bevidst at holde dem grimme. Hvis en wireframe ser for færdig ud, begynder interessenterne at diskutere den blå nuance i stedet for om layoutet fungerer.

Hvad en wireframe viser

• Placering af hovedelementer: header, navigation, indhold, footer
• Relativ størrelse og prioritet af komponenter
• Flyt mellem skærme eller sider
• Interaktive elementer som knapper og formularer

Værktøjer som Balsamiq og Figma har gjort wireframing hurtigere. Nogle designere bruger stadig papir og tuscher. Mediet betyder mindre end tankegangen. En wireframe er en samtalestarter. Den siger: her er strukturen, hvad synes du? Ændringer er billige på dette stadie. Når det visuelle design er færdigt, betyder det at flytte en sidebjælke at lave alt om nedstrøms. Flyt den i wireframen i stedet.