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.

1. Ho disegnato
un’esperienza!
Milan UX Book Club
https://www.pexels.com/photo/notebook-pencil-notes-sketch-8763/

2. Marco Buonvino
UX designer
@marcobuonvino

3. The Back of
the Napkin
Il coltellino svizzero del visual thinker
The back of the Napkin, Dan Roam

4. Il Visual Thinking e
i Comics
From: The Life and Times of $crooge McDuck, https://goo.gl/oEmjKz

5. I Comics sono
Arte Sequenziale
Understanding Comics,
Scott McCloud
http://www.proprofs.com/quiz-school/user_upload/ckeditor/definetease.jpeg

6. Spesso non sono
chiamati Comics
https://commons.wikimedia.org/wiki/File:Germania_Safety_card.jpg

7. Look, See,
Imagine, Show

8. Look vs See
I primi passi nel processo di Visual
Thinking
The back of the Napkin, Dan Roam

9. Il volto

10. https://upload.wikimedia.org/wikipedia/commons/7/79/
Tesla_circa_1890.jpeg

11. https://commons.wikimedia.org/wiki/
File:Two_young_people_demonstrating_a_lively_conversation.jpg

12. Esercizio!
Rappresentazione di un volto

13. Le espressioni del
volto
Viviamo un sacco di emozioni da
rappresentare

14. Esercizio!
Espressioni facciali

18. Emoji
Sono un ottimo esempio!

19. Gli stati d’animo
Emozioni nei manga
https://upload.wikimedia.org/wikipedia/commons/e/ec/Manga_emotions-EN.jpg

21. Balloon
Là dove volano le parole.
https://pixabay.com/static/uploads/photo/2012/04/14/16/02/speech-34416_960_720.png

23. Sinestesia
Ovvero, come ti visualizzo un odore,
un rumore o un sapore.

27. Workshop
Part 1

28. Abbiamo parlato
di Comics
https://www.flickr.com/photos/ncaranti/5191653155

29. Chi sarà il nostro
utente?
https://i.ytimg.com/vi/9XeUtK2CuN0/maxresdefault.jpg

30. i cattivi
http://pre13.deviantart.net/ee59/th/pre/f/2015/047/8/2/marvel_villains_by_patrickbrown-d8i8p2o.jpg

31. Protopersonas
10 minuti
Comportamento
Demografia Bisogni e Necessità

32. Abbiamo Chi/Cosa.
Ora pensiamo al resto.

33. Dove
Paesaggi e cambi di scena

34. Inquadrature
Vicino, medio o lontano?

35. Quando
Sequenze temporali e movimento

36. Durata della
scena

37. Questo è il Gutter

46. Experience map
Misto di Where e When, con un
pizzico di How much.

47. Tempo
Reazione

48. Tempo
Canali
ǧ
ƃ

49. Workshop
Part 2

50. Storyboard
20 minuti
(+ 10 minuti per un’experience map!)

51. Presentazione
5 minuti a gruppo

52. Key takeaways

53. 1.
La capacità di
osservare

54. 2.
Sketch per
comunicare

55. 3.
Il linguaggio dei
Comics
http://www.proprofs.com/quiz-school/user_upload/ckeditor/definetease.jpeg

56. E se i wireframe
fossero una
rappresentazione
del vero “volto” di
un sito?
Meditiamo!

57. Thanks!
@marcobuonvino
https://upload.wikimedia.org/wikipedia/commons/thumb/a/
ae/Mad_scientist.svg/1094px-Mad_scientist.svg.png