Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ho disegnato un'esperienza

1,109 views

Published on

Un semplice workshop sullo sketch, condotto al Milan UX Book Club. Sketch, Visual Thinking e Comics. Ispirato da "The Back of the Napkin" di Dan Roam.

Published in: Design

Ho disegnato un'esperienza

  1. 1. Ho disegnato un’esperienza! Milan UX Book Club https://www.pexels.com/photo/notebook-pencil-notes-sketch-8763/
  2. 2. Marco Buonvino UX designer @marcobuonvino
  3. 3. The Back of the Napkin Il coltellino svizzero del visual thinker The back of the Napkin, Dan Roam
  4. 4. Il Visual Thinking e i Comics From: The Life and Times of $crooge McDuck, https://goo.gl/oEmjKz
  5. 5. I Comics sono Arte Sequenziale Understanding Comics, Scott McCloud http://www.proprofs.com/quiz-school/user_upload/ckeditor/definetease.jpeg
  6. 6. Spesso non sono chiamati Comics https://commons.wikimedia.org/wiki/File:Germania_Safety_card.jpg
  7. 7. Look, See, 
 Imagine, Show
  8. 8. Look vs See I primi passi nel processo di Visual Thinking The back of the Napkin, Dan Roam
  9. 9. Il volto
  10. 10. https://upload.wikimedia.org/wikipedia/commons/7/79/ Tesla_circa_1890.jpeg
  11. 11. https://commons.wikimedia.org/wiki/ File:Two_young_people_demonstrating_a_lively_conversation.jpg
  12. 12. Esercizio! Rappresentazione di un volto
  13. 13. Le espressioni del volto Viviamo un sacco di emozioni da rappresentare
  14. 14. Esercizio! Espressioni facciali
  15. 15. Emoji Sono un ottimo esempio!
  16. 16. Gli stati d’animo Emozioni nei manga https://upload.wikimedia.org/wikipedia/commons/e/ec/Manga_emotions-EN.jpg
  17. 17. Balloon Là dove volano le parole. https://pixabay.com/static/uploads/photo/2012/04/14/16/02/speech-34416_960_720.png
  18. 18. Sinestesia Ovvero, come ti visualizzo un odore, un rumore o un sapore.
  19. 19. Workshop Part 1
  20. 20. Abbiamo parlato di Comics https://www.flickr.com/photos/ncaranti/5191653155
  21. 21. Chi sarà il nostro utente? https://i.ytimg.com/vi/9XeUtK2CuN0/maxresdefault.jpg
  22. 22. i cattivi http://pre13.deviantart.net/ee59/th/pre/f/2015/047/8/2/marvel_villains_by_patrickbrown-d8i8p2o.jpg
  23. 23. Protopersonas 10 minuti Comportamento Demografia Bisogni e Necessità
  24. 24. Abbiamo Chi/Cosa. Ora pensiamo al resto.
  25. 25. Dove Paesaggi e cambi di scena
  26. 26. Inquadrature Vicino, medio o lontano?
  27. 27. Quando Sequenze temporali e movimento
  28. 28. Durata della scena
  29. 29. Questo è il Gutter
  30. 30. Experience map Misto di Where e When, con un pizzico di How much.
  31. 31. Tempo Reazione
  32. 32. Tempo Canali ǧ ƃ
  33. 33. Workshop Part 2
  34. 34. Storyboard 20 minuti (+ 10 minuti per un’experience map!)
  35. 35. Presentazione 5 minuti a gruppo
  36. 36. Key takeaways
  37. 37. 1. 
 La capacità di osservare
  38. 38. 2. 
 Sketch per comunicare
  39. 39. 3. 
 Il linguaggio dei Comics http://www.proprofs.com/quiz-school/user_upload/ckeditor/definetease.jpeg
  40. 40. E se i wireframe fossero una rappresentazione del vero “volto” di un sito? Meditiamo!
  41. 41. Thanks! @marcobuonvino https://upload.wikimedia.org/wikipedia/commons/thumb/a/ ae/Mad_scientist.svg/1094px-Mad_scientist.svg.png

×