carta, penna e calamaio
DESCRIPTION
TRANSCRIPT
Carta, penna e calamaioI bozzetti in aiuto alla comunicazione di progetto
“On software projects, the design and build phase are synonymous”
The definitive guide to project management, 2003
Ratataplan (1979) - Di Maurizio Nichetti
Il test dell’albero
Wikipedia
L’agenzia digitale e la progettazione
Incontrail cliente
Partecipaa unagara
Vince la
gara
L’agenzia digitale e la progettazione
Raccogliei
requisitiFa qualchericerca
Inizia con iwireframe
http://www.flickr.com/photos/wheatfields/405729362/sizes/o/in/photostream/
I wireframe (da soli) non funzionano• Non sono un documento di raccolta requisiti
• Non sono un documento di analisi degli utenti
• Non sono un documento di interaction design
• Non sono un documento di testing
• Non sono un documento che aiuta per il visual design
• Non sono il primo, né l’ultimo documento di progettazione da realizzare
Un processo lento...
http://www.flickr.com/photos/exper/3116342820/
...che lascia vuoti nella spiegazione
http://www.flickr.com/photos/lucacandini/81098604/
e contiene funzionalità non necessarie
http://www.flickr.com/photos/ojimbo/5755042801/
o errori di progettazione
http://www.flickr.com/photos/sonson/2872265012/
Dopo un po’, non li vorrete più cambiare
http://www.flickr.com/photos/clintjcl/2708939244/
Gli utenti del servizio non utilizzeranno i wireframe
Getting the design rightvs.
Getting the right design
Bill Buxton, Sketching User Experiences (2007)
Getting the design right
wireframe 1.0wireframe 1.1
wireframe 1.5
Getting the design right
oops!
La brillante progettazionedi un’idea mediocre
Getting the right design
1.0 1.2 1.5 2.02.2 2.6 3.0 3.14.24.5 4.85.0
5.2 5.35.4
5.5
Don't build the minimum viable product,
build the minimum viable prototype
@MeasuringU
http://www.flickr.com/photos/west-park/4318850016/sizes/l/
“Stiamo solo chiedendo di modificare una pagina il giorno del lancio”
Dalle idee al dettaglio di progettazione
Bozzetto Wireframe Prototipo
IDEA RIFINITURA DETTAGLIO
Fail sooner to succeed faster
I want you
http://www.flickr.com/photos/fortum-sverige/5542358126/sizes/o/
Il ciclo di vita dei bozzetti
Rosenfeld Media
5creazione di un bozzetto
min.
Design funnell e bozzetti
Tempo
Idee
Software
http://www.balsamiq.com
Lavagna
http://www.flickr.com/photos/bk/1380573553/sizes/o/in/photostream/
http://www.flickr.com/photos/38485387@N02/3556349360/sizes/z/in/photostream/
Adaptive Path
Adaptive Path
UX Booth
Smashing Magazine
Condivisione
• Scanner
• Dropbox
• join.me
• Teamviewer
IPEVO Ziggi USB Camera
Altri strumenti
chrisneale on Vimeo
Annotazioni
http://www.flickr.com/photos/antoniodemanuele/7493244202/sizes/o/
Un metodo di raccolta
3 2presentazione critica
min. min.
The End