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 dell’intervento
• 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
La road-map per i siti web:
7 fasi di lavoro
1
2
3
4
Definizione
dei requisiti
Avviamento
del progetto
Web
design
Visual
design
5
Sviluppo
6
Redazione
dei contenuti
7
Pubblicazione
Gestione
del sito
Le fasi di lavoro sono iterative…
… e, di solito, parzialmente sovrapposte nel tempo…
La road-map per i siti web:
7 fasi di lavoro
1
Definizione
dei requisiti
2
Avviamento
del progetto
3
Web design
4
Visual design
Ogni fase produce
un output ben
definito…
5
Sviluppo
del sito
6
Redazione
dei contenuti
7
Pubblicazione
La road-map per i siti web:
7 fasi di lavoro
1
Definizione
dei requisiti
2
Avviamento
del progetto
3
Web design
4
Visual design
5
Sviluppo
del sito
6
Redazione
dei contenuti
7
Pubblicazione
La road-map per i siti web:
output
1
Definizione
dei requisiti
2
Prototipo di navigazione
Avviamento
del progetto
3
Prototipo di comunicazione
Web design
4
Prototipo funzionale
Visual design
5
Sviluppo
del sito
Prototipo editoriale
6
Sito finale
Redazione
dei contenuti
7
Pubblicazione
La road-map per i siti web:
i prototipi
1
Definizione
dei requisiti
2
Prototipo di navigazione
Avviamento
del progetto
3
Prototipo di comunicazione
Web design
• Tutti navigabili
4
Prototipo funzionale
Visual design
• sottoposti ad attività di
verifica e validazione
specifiche
• Consolidamento progressivo
5
Sviluppo
del sito
Prototipo editoriale
6
Sito finale
Redazione
dei contenuti
7
Pubblicazione
La road-map per i siti web:
i prototipi
1
Definizione
dei requisiti
2
Prototipo di navigazione
Avviamento
del progetto
3
Prototipo di comunicazione
Web design
• Wireframe B/N
4
Prototipo funzionale
Visual design
• HTML
• Usa e getta
• Navigazione, IA,
“gabbia logica”
5
Sviluppo
del sito
Prototipo editoriale
6
Sito finale
Redazione
dei contenuti
7
Pubblicazione
La road-map per i siti web:
i prototipi
1
Definizione
dei requisiti
2
Prototipo di navigazione
Avviamento
del progetto
3
Prototipo di comunicazione
Web design
• Grafica finale
4
Prototipo funzionale
Visual design
• No contenuti
• Comunicazione,
(accessibilità,
usabilità della
navigazione)
5
Sviluppo
del sito
Prototipo editoriale
6
Sito finale
Redazione
dei contenuti
7
Pubblicazione
La road-map per i siti web:
i prototipi
1
Definizione
dei requisiti
2
Prototipo di navigazione
Avviamento
del progetto
3
Prototipo di comunicazione
Web design
• Funzioni
interattive
• No contenuti
• Funzionalità
(adeguatezza e
usabilità)
4
Prototipo funzionale
Visual design
5
Sviluppo
del sito
Prototipo editoriale
6
Sito finale
Redazione
dei contenuti
7
Pubblicazione
La road-map per i siti web:
i prototipi
1
Definizione
dei requisiti
2
Prototipo di navigazione
Avviamento
del progetto
3
Prototipo di comunicazione
Web design
• Contenuti
4
Prototipo funzionale
Visual design
• Qualità contenuti
e usabilità
complessiva
5
Sviluppo
del sito
Prototipo editoriale
6
Sito finale
Redazione
dei contenuti
7
Pubblicazione
La road-map per i siti web:
i prototipi
1
Definizione
dei requisiti
2
Prototipo di navigazione
Avviamento
del progetto
3
Prototipo di comunicazione
Web design
• Collaudo finale
sul sistema di
produzione
4
Prototipo funzionale
Visual design
5
Sviluppo
del sito
Prototipo editoriale
6
Sito finale
Redazione
dei contenuti
7
Pubblicazione
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