Carta, penna e calamaio

3,209 views
3,186 views

Published on

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

No Downloads
Views
Total views
3,209
On SlideShare
0
From Embeds
0
Number of Embeds
1,458
Actions
Shares
0
Downloads
19
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

×