Web Design  »  Articoli  »  Web design 

Questa è la traduzione dell'articolo Sketching in Code: the Magic of Prototyping di David Verba pubblicato originariamente su A List Apart il 17 Giugno 2008. La traduzione viene qui presentata con il consenso dell'editore e dell'autore.

Nel corso dell'ultimo anno ho notato sempre più discussioni intorno alla creazione di prototipi come metodo di sviluppo di applicazioni web. Al di là delle conversazioni casuali, il lavoro con i prototipi è divenuto argomento di post su molti blog o nelle presentazioni in varie conferenze. Le ragioni di questa crescita di interesse includono innanzitutto i tanti benefici che i prototipi possono portare con sé nello sviluppo di buone applicazioni web. Dalle migliorate possibilità di collaborazione alla disponibilità di soluzioni efficaci a svariati problemi, questi benefici hanno reso lo sviluppo di prototipi un approccio da prendere in considerazione per i nostri progetti.

Wireframe

Uno degli sviluppi nel mondo delle applicazioni web che ha reso l'approccio basato su prototipi più attraente è stato l'avvento di Ajax e delle RIA (Rich Internet Applications). Prima dell'arrivo di questi approcci più interattivi, erano i wireframe ad avere un ruolo di preminenza. Potevano essere usati in diversi contesti, con alta o bassa qualità e fedeltà, per soddisfare finalità e obiettivi differenti. Potevamo usare wireframe leggeri per esplorare soluzioni alternative all'inizio di un progetto. Potevamo usare versioni più fedeli e rifinite come documentazione per gli sviluppatori e i designer che avrebbero lavorato all'applicazione. Potevamo usare i wireframe per spiegare ai clienti che aspetto avrebbero avuto le pagine. In molti casi erano una parte cruciale delle consegne associate ad un progetto. Insomma, i wireframe erano lo strumento da usare per la documentazione di un'applicazione web.

Con l'avvento di Ajax, però, i wireframe hanno iniziato ad essere un po' inadeguati. Quando lasciamo il mondo delle interazioni basate su pagina, come si documenta anche la più semplice delle interazioni? Grafici e diagrammi di flusso non funzionano. Anche con un solo elemento interattivo su una pagina dobbiamo spesso generare più di un wireframe o usare molte annotazioni per visualizzare i diversi e possibili stati dell'interazione. E ovviamente quando gli elementi interattivi sulla pagina sono molteplici e tra loro interconnessi il problema diviene ancor più complicato.

Queste limitazioni sono di per sé sufficientemente difficili da gestire, ma la situazione peggiora quando iniziamo a considerare non solo il design ma anche lo sviluppo. Lo sviluppo che coinvolge Ajax e RIA richiede una comunicazione più stretta tra sviluppatori e designer; e questa comunicazione deve spesso essere iterativa. Mettere un sacco di wireframe sul muro a disposizione dello sviluppatore non funziona. L'informazione critica richiesta per questo tipo di scambio spesso non può essere catturata in un wireframe. Insomma, i tentativi di usare i wireframe per gestire interazioni complesse sono davvero problematici.

La magia sta nei prototipi

I prototipi ci consentono di restare concentrati sui nostri obiettivi reali. Ho visto quantità infinite di ore spese nella creazione di migliaia di pagine di documentazione che non sono mai state usate. In sé non sarebbe un fatto grave se avessimo a disposizione infinite risorse in termini di sviluppatori. Purtroppo ciò raramente avviene e personalmente ho spesso visto dei tagli alle features di un'applicazione prima del lancio di un prodotto a favore della creazione di una migliore documentazione. Con i prototipi il focus è sempre sull'applicazione e sul modo per renderla migliore. Con i prototipi è molto più semplice rimanere concentrati sul valore da dare all'utente finale.

Altri articoli

Altre guide

Altre newsletter