Speech @IAB Forum 2012, stand Masoko Digital. I bozzetti in aiuto alla comunicazione di progetto, a cura di Antonio Volpon

1. Carta, penna e calamaio
I bozzetti in aiuto alla comunicazione di progetto

2. @AntonioVolpon
product manager

3. “On software projects, the design
and build phase are synonymous”
The definitive guide to project management, 2003

4. Ratataplan (1979) - Di Maurizio Nichetti

5. Il test dell’albero
Wikipedia

6. L’agenzia digitale e la progettazione
Partecipa Vince
Incontra la
a una
il cliente gara
gara

7. L’agenzia digitale e la progettazione
Raccoglie
Fa qualche
i
ricerca
requisiti
Inizia con i
wireframe

11. http://www.flickr.com/photos/wheatfields/405729362/sizes/o/in/photostream/

12. 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

13. Un processo lento...
http://www.flickr.com/photos/exper/3116342820/

14. ...che lascia vuoti nella spiegazione
http://www.flickr.com/photos/lucacandini/81098604/

15. e contiene funzionalità non necessarie
http://www.flickr.com/photos/ojimbo/5755042801/

16. o errori di progettazione
http://www.flickr.com/photos/sonson/2872265012/

17. http://www.flickr.com/photos/clintjcl/2708939244/
Dopo un po’, non li vorrete più cambiare

18. Gli utenti del servizio non
utilizzeranno i wireframe

19. Getting the design right
vs.
Getting the right design
Bill Buxton, Sketching User Experiences (2007)

20. Getting the design right
wireframe 1.5
wireframe 1.1
wireframe 1.0

21. Getting the design right
oops!

22. La brillante progettazione
di un’idea mediocre

23. 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.2
1.0

24. Don't build the
minimum viable product,
build the
minimum viable prototype
@MeasuringU

25. http://www.flickr.com/photos/west-park/4318850016/sizes/l/

26. “Stiamo solo chiedendo di modificare
una pagina il giorno del lancio”

27. Dalle idee al dettaglio di progettazione
Bozzetto Wireframe Prototipo
IDEA RIFINITURA DETTAGLIO

31. Fail sooner to succeed faster

32. I want you
http://www.flickr.com/photos/fortum-sverige/5542358126/sizes/o/

33. Il ciclo di vita dei bozzetti
Rosenfeld Media

34. 5 min.
creazione di un bozzetto

35. Design funnell e bozzetti
Idee
Tempo

36. Software
http://www.balsamiq.com

37. Lavagna
http://www.flickr.com/photos/bk/1380573553/sizes/o/in/photostream/

38. Sui muri
ideapaint.com

39. http://www.flickr.com/photos/38485387@N02/3556349360/sizes/z/in/photostream/

40. Adaptive Path

41. Adaptive Path

42. UX Booth

47. Smashing Magazine

48. Condivisione
• Scanner
• Dropbox
• join.me
• Teamviewer

49. IPEVO Ziggi USB Camera

50. Altri strumenti

51. chrisneale on Vimeo

52. Annotazioni

53. Un metodo di raccolta
http://www.flickr.com/photos/antoniodemanuele/7493244202/sizes/o/

54. 3 2 min.
presentazione
min.
critica

57. The End