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

Il volto

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.

WorkshopPart 1

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

$

%

&

WorkshopPart 2

Storyboard20 minuti (+ 10 minuti per un’experience map!)

Presentazione5 minuti a gruppo

Key takeaways

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