Carta, penna e calamaioI bozzetti in aiuto alla comunicazione di progetto
@AntonioVolponproduct manager
“On software projects, the designand 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                Partecipa       VinceIncontra                          la            ...
L’agenzia digitale e la progettazioneRaccoglie                Fa qualche    i                  ricercarequisiti           ...
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 ...
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/
http://www.flickr.com/photos/clintjcl/2708939244/Dopo un po’, non li vorrete più cambiare
Gli utenti del servizio nonutilizzeranno i wireframe
Getting the design right          vs.Getting the right design           Bill Buxton, Sketching User Experiences (2007)
Getting the design right                        wireframe 1.5        wireframe 1.1     wireframe 1.0
Getting the design right              oops!
La brillante progettazione   di un’idea mediocre
Getting the right design                                                             5.3                                  ...
Dont build theminimum viable product,        build theminimum 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 progettazioneBozzetto          Wireframe       PrototipoIDEA            RIFINITURA       DETTAG...
Fail sooner to succeed faster
I want youhttp://www.flickr.com/photos/fortum-sverige/5542358126/sizes/o/
Il ciclo di vita dei bozzetti                                Rosenfeld Media
5    min.creazione di un bozzetto
Design funnell e bozzettiIdee                Tempo
Software           http://www.balsamiq.com
Lavagnahttp://www.flickr.com/photos/bk/1380573553/sizes/o/in/photostream/
Sui muri           ideapaint.com
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
Un metodo di raccolta  http://www.flickr.com/photos/antoniodemanuele/7493244202/sizes/o/
3 2  min.presentazione                     min.                critica
The End
Carta, penna e calamaio
Carta, penna e calamaio
Carta, penna e calamaio
Carta, penna e calamaio
Carta, penna e calamaio
Carta, penna e calamaio
Carta, penna e calamaio
Carta, penna e calamaio
Carta, penna e calamaio
Carta, penna e calamaio
Carta, penna e calamaio
Carta, penna e calamaio
Upcoming SlideShare
Loading in...5
×

Carta, penna e calamaio

2,307

Published on

Published in: Design
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,307
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
18
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Carta, penna e calamaio

  1. 1. Carta, penna e calamaioI bozzetti in aiuto alla comunicazione di progetto
  2. 2. @AntonioVolponproduct manager
  3. 3. “On software projects, the designand build phase are synonymous” The definitive guide to project management, 2003
  4. 4. Ratataplan (1979) - Di Maurizio Nichetti
  5. 5. Il test dell’albero Wikipedia
  6. 6. L’agenzia digitale e la progettazione Partecipa VinceIncontra la a una il cliente gara gara
  7. 7. L’agenzia digitale e la progettazioneRaccoglie Fa qualche i ricercarequisiti Inizia con i wireframe
  8. 8. http://www.flickr.com/photos/wheatfields/405729362/sizes/o/in/photostream/
  9. 9. 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
  10. 10. Un processo lento...http://www.flickr.com/photos/exper/3116342820/
  11. 11. ...che lascia vuoti nella spiegazione http://www.flickr.com/photos/lucacandini/81098604/
  12. 12. e contiene funzionalità non necessarie http://www.flickr.com/photos/ojimbo/5755042801/
  13. 13. o errori di progettazione http://www.flickr.com/photos/sonson/2872265012/
  14. 14. http://www.flickr.com/photos/clintjcl/2708939244/Dopo un po’, non li vorrete più cambiare
  15. 15. Gli utenti del servizio nonutilizzeranno i wireframe
  16. 16. Getting the design right vs.Getting the right design Bill Buxton, Sketching User Experiences (2007)
  17. 17. Getting the design right wireframe 1.5 wireframe 1.1 wireframe 1.0
  18. 18. Getting the design right oops!
  19. 19. La brillante progettazione di un’idea mediocre
  20. 20. Getting the right design 5.3 5.2 5.4 5.0 5.5 4.5 4.8 2.0 2.2 2.6 3.0 4.2 1.5 3.1 1.21.0
  21. 21. Dont build theminimum viable product, build theminimum viable prototype @MeasuringU
  22. 22. http://www.flickr.com/photos/west-park/4318850016/sizes/l/
  23. 23. “Stiamo solo chiedendo di modificare una pagina il giorno del lancio”
  24. 24. Dalle idee al dettaglio di progettazioneBozzetto Wireframe PrototipoIDEA RIFINITURA DETTAGLIO
  25. 25. Fail sooner to succeed faster
  26. 26. I want youhttp://www.flickr.com/photos/fortum-sverige/5542358126/sizes/o/
  27. 27. Il ciclo di vita dei bozzetti Rosenfeld Media
  28. 28. 5 min.creazione di un bozzetto
  29. 29. Design funnell e bozzettiIdee Tempo
  30. 30. Software http://www.balsamiq.com
  31. 31. Lavagnahttp://www.flickr.com/photos/bk/1380573553/sizes/o/in/photostream/
  32. 32. Sui muri ideapaint.com
  33. 33. http://www.flickr.com/photos/38485387@N02/3556349360/sizes/z/in/photostream/
  34. 34. Adaptive Path
  35. 35. Adaptive Path
  36. 36. UX Booth
  37. 37. Smashing Magazine
  38. 38. Condivisione• Scanner• Dropbox• join.me• Teamviewer
  39. 39. IPEVO Ziggi USB Camera
  40. 40. Altri strumenti
  41. 41. chrisneale on Vimeo
  42. 42. Annotazioni
  43. 43. Un metodo di raccolta http://www.flickr.com/photos/antoniodemanuele/7493244202/sizes/o/
  44. 44. 3 2 min.presentazione min. critica
  45. 45. The End
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×