W · Glossario Muza

wìrefràme

Wireframe

loc. s. m. inv. [dall'ingl. wire «filo» + frame «struttura»; schematica in bianco e nero che rappresenta la struttura e il layout di una pagina web o app senza elementi visivi definitivi]

Definizioni

Lo scheletro della pagina prima che arrivi la grafica.

Rappresentazione schematica di una pagina web o schermata app che mostra la struttura, la disposizione dei contenuti e la gerarchia delle informazioni senza elementi visivi definitivi (colori, font, immagini). È il primo step del processo di UX design: si definisce dove va cosa prima di decidere come appare.

Esempi

«Abbiamo approvato il wireframe con il cliente prima di disegnare un solo pixel. La struttura era giusta: la homepage funzionava. La grafica è venuta dopo.»

Etimologia

Il wireframe nasce nel design industriale come bozzetto strutturale tridimensionale. In web design si afferma negli anni '90-'2000 come strumento standard di UX design: prima di disegnare la grafica si definisce la struttura. Strumenti come Figma, Balsamiq e Sketch lo hanno reso accessibile a qualsiasi team di design.

LE NOSTRE CERTIFICAZIONI

ISO 9001 — Gestione della Qualità

ISO IEC 27001 — Sicurezza delle Informazioni

ISO IEC 27017 — Sicurezza Cloud