En wireframe är skelettet i en design. Rutor för bilder. Rader för text. Etiketter för knappar. Inga färger. Inga teckensnitt. Ingen polerad grafik. Bara strukturen, renodlad.

Trådramar kommer tidigt i designprocessen, efter skisser men före högkvalitativa mockups. Deras uppgift är att besvara layoutfrågor: vart ska navigeringen vara, hur många kolumner, vad är hierarkin. Att hålla dem fula är avsiktligt. Om en trådram ser för färdig ut börjar intressenterna diskutera nyansen av blått istället för om layouten fungerar.

Vad en wireframe visar

• Placering av viktiga element: sidhuvud, navigering, innehåll, sidfot
• Relativ storlek och prioritet för komponenter
• Flöde mellan skärmar eller sidor
• Interaktiva element som knappar och formulär

Verktyg som Balsamiq och Figma har gjort wireframing snabbt. Vissa designers använder fortfarande papper och markörer. Mediet spelar mindre roll än tänkandet. En wireframe är en konversationsstartare. Den säger: här är strukturen, vad tycker du? Ändringar är billiga i det här skedet. När den visuella designen är klar innebär att flytta en sidofält att göra om allt nedströms. Flytta den i wireframen istället.