Qual è la differenza tra wireframe e mockup?

Wireframe e mockup sono diverse fasi della progettazione visiva dell'interfaccia:

• Wireframe è una rappresentazione schematica e semplificata della struttura di una pagina o schermo. Mostra la disposizione degli elementi principali, le loro relazioni e i blocchi funzionali senza dettagli di design. Il wireframe aiuta a concordare rapidamente la logica e la struttura.

• Mockup è un'immagine più dettagliata e visivamente vicina al design finale. Nel mockup vengono già considerati colori, font, icone e altri elementi di stile. È un passaggio intermedio tra wireframe e prototipo.

Esempio: si crea prima un wireframe per determinare dove saranno il menu, i pulsanti e il contenuto, e poi si realizza un mockup per mostrare come sarà dal punto di vista del design.