Un wireframe este o schiță de machetă simplificată care prezintă o structură fără design vizual. Fără culori, fără fotografii, fără fonturi șlefuite. Doar casete, linii și text substituent. Ideea este de a stabili unde se îndreaptă lucrurile înainte de a decide cum arată. Wireframe-urile răspund la întrebări despre ierarhie, navigare și fluxul de conținut. Sunt ieftine de realizat și ușor de modificat.

Designerii desenează wireframe-uri manual, în instrumente precum Figma sau Sketch sau cu aplicații dedicate. Wireframe-urile de fidelitate redusă folosesc casete brute și etichete mâzgălite. Wireframe-urile de înaltă fidelitate adaugă conținut real și o spațiere mai precisă, dar evită în continuare culorile și imaginile. Echipele folosesc wireframe-uri pentru a alinia părțile interesate din timp. Un client care ezită să mute un buton într-un wireframe îi scutește pe toți de durerea de a reconstrui ulterior un ecran finalizat.

Ce arată wireframe-urile

• Plasarea secțiunilor principale ale paginii.
• Structura de navigare și elementele de meniu.
• Ierarhia și gruparea conținutului.
• Elemente interactive precum butoane și formulare.

Wireframe-urile nu sunt planuri. Sunt instrumente de conversație. Scopul este de a ajunge la un acord asupra structurii înainte ca cineva să petreacă timp la suprafață.