Ho disegnato un’esperienza!Milan UX Book Club
https://www.pexels.com/photo/notebook-pencil-notes-sketch-8763/
Marco BuonvinoUX designer
@marcobuonvino
The Back of the NapkinIl coltellino svizzero del visual thinker
The back of the Napkin, Dan Roam
Il Visual Thinking e i Comics
From: The Life and Times of $crooge McDuck, https://goo.gl/oEmjKz
I Comics sono Arte SequenzialeUnderstanding Comics, Scott McCloud
http://www.proprofs.com/quiz-school/user_upload/ckeditor/definetease.jpeg
Spesso non sono chiamati Comics
https://commons.wikimedia.org/wiki/File:Germania_Safety_card.jpg
Look, See, Imagine, Show
Look vs SeeI primi passi nel processo di Visual Thinking
The back of the Napkin, Dan Roam
https://upload.wikimedia.org/wikipedia/commons/7/79/Tesla_circa_1890.jpeg
https://commons.wikimedia.org/wiki/File:Two_young_people_demonstrating_a_lively_conversation.jpg
Esercizio!Rappresentazione di un volto
Le espressioni del voltoViviamo un sacco di emozioni da rappresentare
Esercizio!Espressioni facciali
EmojiSono un ottimo esempio!
Gli stati d’animoEmozioni nei manga
https://upload.wikimedia.org/wikipedia/commons/e/ec/Manga_emotions-EN.jpg
BalloonLà dove volano le parole.
https://pixabay.com/static/uploads/photo/2012/04/14/16/02/speech-34416_960_720.png
SinestesiaOvvero, come ti visualizzo un odore, un rumore o un sapore.
Abbiamo parlato di Comics
https://www.flickr.com/photos/ncaranti/5191653155
Chi sarà il nostro utente?
https://i.ytimg.com/vi/9XeUtK2CuN0/maxresdefault.jpg
i cattivi
http://pre13.deviantart.net/ee59/th/pre/f/2015/047/8/2/marvel_villains_by_patrickbrown-d8i8p2o.jpg
Protopersonas10 minuti
Comportamento
Demografia Bisogni e Necessità
Abbiamo Chi/Cosa. Ora pensiamo al resto.
DovePaesaggi e cambi di scena
InquadratureVicino, medio o lontano?
QuandoSequenze temporali e movimento
Durata della scena
Questo è il Gutter
Experience mapMisto di Where e When, con un pizzico di How much.
Tempo
Reazione
!
" "
#
Tempo
"
#
!
"
Canali
$
%
&
Storyboard20 minuti (+ 10 minuti per un’experience map!)
Presentazione5 minuti a gruppo
1. La capacità di osservare
2. Sketch per comunicare
3. Il linguaggio dei Comics
http://www.proprofs.com/quiz-school/user_upload/ckeditor/definetease.jpeg
E se i wireframe fossero una rappresentazione del vero “volto” di un sito?Meditiamo!
Thanks!@marcobuonvino
https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Mad_scientist.svg/1094px-Mad_scientist.svg.png