Un wireframe este scheletul unui design. Casete pentru imagini. Linii pentru text. Etichete pentru butoane. Fără culori. Fără fonturi. Fără elemente vizuale șlefuite. Doar structura, la minimum.

Wireframe-urile apar devreme în procesul de design, după schițe, dar înainte de machete de înaltă fidelitate. Sarcina lor este de a răspunde la întrebări despre aspect: unde merge navigarea, câte coloane, care este ierarhia. Menținerea lor inestetică este deliberată. Dacă un wireframe pare prea finisat, părțile interesate încep să dezbată nuanța de albastru în loc să dezbată dacă aspectul funcționează.

Ce arată un wireframe

• Plasarea elementelor principale: antet, navigare, conținut, subsol
• Dimensiunea relativă și prioritatea componentelor
• Flux între ecrane sau pagini
• Elemente interactive precum butoane și formulare

Instrumente precum Balsamiq și Figma au făcut ca wireframe-ul să fie rapid. Unii designeri încă folosesc hârtie și markere. Mediul contează mai puțin decât gândirea. Un wireframe este un punct de plecare pentru o conversație. Spune: iată structura, ce părere aveți? Schimbările sunt ieftine în această etapă. Odată ce designul vizual este finalizat, mutarea unei bare laterale înseamnă refăcerea a tot ce se întâmplă în aval. Mutați-o în wireframe, în schimb.