En wireframe är en avskalad layoutskiss som visar struktur utan visuell design. Inga färger, inga fotografier, ingen polerad text. Bara rutor, linjer och platshållartext. Poängen är att lista ut var saker ska vara innan man bestämmer hur de ska se ut. Wireframes svarar på frågor om hierarki, navigering och innehållsflöde. De är billiga att tillverka och enkla att ändra.

Designers ritar wireframes för hand, i verktyg som Figma eller Sketch, eller med dedikerade appar. Low-fidelity wireframes använder grova rutor och klottrade etiketter. High-fidelity wireframes lägger till verkligt innehåll och mer exakt avstånd, men undviker fortfarande färg och bilder. Team använder wireframes för att sammanställa intressenter tidigt. En klient som tvekar att flytta en knapp i en wireframe sparar alla besväret med att bygga om en färdig skärm senare.

Vad wireframes visar

• Placering av större sidavsnitt.
• Navigeringsstruktur och menyalternativ.
• Innehållshierarki och gruppering.
• Interaktiva element som knappar och formulär.

Trådramar är inte ritningar. De är samtalsverktyg. Målet är att komma överens om strukturen innan någon lägger tid på ytan.