Giornata mondiale della usabilità Milano, 14 novembre 2006 Web prototyping: una road-map per la realizzazione di siti web di qualità Roberto Polillo Università di Milano Bicocca

Il tema dellintervento Il processo di progettazione e sviluppo di siti web per prototipi successivi… … sintesi del mio recente libro Plasmare il web – una road map per siti di qualità

Progettazione e sviluppo per prototipi successivi Approccio largamente condiviso, da tempo Ma non basta condividere la filosofia: bisogna specificare …quali prototipi, quando e perché – caso per caso… …per evitare che il progetto sfugga di mano Occorre partire da un modello del processo di progettazione e sviluppo, specifico

Nel caso dei siti web… Culture di progettazione differenti linguaggi, metodologie, processi, filosofie molto differenti Non esiste ancora una disciplina condivisa di web engineering Ma si può definire una road-map per la progettazione/sviluppo, facilmente mappabile su ogni contesto… …sulla quale collocare i diversi prototipi

34567 Web design Visual design Sviluppo Redazione dei contenuti Pubblicazione 1 Definizione dei requisiti 2 Avviamento del progetto Gestione del sito La road-map per i siti web: 7 fasi di lavoro Le fasi di lavoro sono iterative… … e, di solito, parzialmente sovrapposte nel tempo…

7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto La road-map per i siti web: 7 fasi di lavoro Ogni fase produce un output ben definito…

7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto La road-map per i siti web: 7 fasi di lavoro

7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto La road-map per i siti web: output Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale

7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto La road-map per i siti web: i prototipi Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale Tutti navigabili sottoposti ad attività di verifica e validazione specifiche Consolidamento progressivo

7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto La road-map per i siti web: i prototipi Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale Wireframe B/N HTML Usa e getta Navigazione, IA, gabbia logica

7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto La road-map per i siti web: i prototipi Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale Grafica finale No contenuti Comunicazione, (accessibilità, usabilità della navigazione)

7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto La road-map per i siti web: i prototipi Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale Funzioni interattive No contenuti Funzionalità (adeguatezza e usabilità)

7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto La road-map per i siti web: i prototipi Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale Contenuti Qualità contenuti e usabilità complessiva

7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto La road-map per i siti web: i prototipi Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale Collaudo finale sul sistema di produzione

Conclusioni Road-map per un processo di sviluppo di siti web di piccole-medie dimensioni basato su: - sviluppo per prototipi successivi - un modello di qualità per i siti web Ogni prototipo ha specifici obiettivi ed è sottoposto a specifiche attività di verifica e convalida, anche con gli stakeholder Consolidamento progressivo, forte riduzione dei rischi di ricicli Molto utile anche nella didattica

Per ulteriori dettagli R.Polillo, Plasmare il web, ed.Apogeo, 2006