Un wireframe è un disegno al tratto in bianco e nero utilizzato nella fase iniziale del web design per fornire alle parti interessate una rappresentazione visiva del layout di una pagina web e dell'architettura delle informazioni. I wireframe possono essere pensati come strumenti per la risoluzione dei problemi; aiutano i membri del team di progettazione a dare la priorità al posizionamento dei contenuti su una pagina e identificare l'esperienza utente (UX) nella fase iniziale. Il quadro, che è stato ispirato dall'uso di manichini in filo metallico nel mondo della moda, funge da scheletro per il design della pagina.
I wireframe utilizzano tipicamente scatole di varie dimensioni per rappresentare gli elementi della pagina web e di quanto segue gli elementi sono solitamente inclusi: intestazione e piè di pagina, campo di ricerca, traccia di breadcrumb, navigazione del sito, contenuto del corpo e pulsanti di condivisione. A differenza di un modello di pagina, che è un prototipo più dettagliato che in genere include loghi, colori, immagini, scelte di caratteri tipografici e copia, un wireframe L'approccio scheletrico incoraggia i membri del team di progettazione a sperimentare il posizionamento dei componenti della pagina e ad apportare rapidamente modifiche senza richiedere troppo tempo o impegno.