Le tre parole descrivono diversi livelli di dettaglio e diverse domande. Un wireframe chiede "cosa va dove?" Un modello chiede "che aspetto ha?" Un prototipo chiede "funziona per le persone?"
I wireframe utilizzano forme semplici e testo segnaposto per mostrare layout, gerarchia e contenuto. Sono veloci da realizzare e veloci da buttare via, ed è proprio per questo che sono utili: puoi esplorare molte strutture prima di impegnarti in una.
I mockup aggiungono il vero design visivo: colore, tipografia, immagini e componenti. Sono utili per concordare l'aspetto con le parti interessate e per il passaggio di consegne, ma non possono mostrare come si comporta qualcosa.
I prototipi aggiungono interazione. Un prototipo a bassa fedeltà potrebbe collegare insieme i wireframe per testare un flusso. Un prototipo ad alta fedeltà ha un aspetto e un comportamento simili al prodotto finale, con stati, transizioni e talvolta dati reali, in modo da poter eseguire test di usabilità che rivelano problemi reali.
Il divario dopo il prototipo è il passaggio di consegne: gli sviluppatori di solito ricostruiscono ciò che mostra il prototipo. Per i componenti interattivi, ExodeUI, da noi realizzato, colma questa lacuna rendendo il file interattivo stesso l'elemento fornito nell'app.