Il tool definitivo
dello UX designer
di Alberto Mucignat
UX Camp Firenze
17 Ottobre 2009

http://www.flickr.com/photos/mikeoliveri/1322688055/
L’utente.

Cosa fa l’UX Designer
Logo
Link 1 Link 2 Link 3
Video title Searcg
Video
img
img
img
Button 1 Button 2 Button 3 More videos
img
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Suspendisse ut purus. Suspendisse tristique. Cras et sem at
odio porttitor mattis. Donec dignissim ornare tortor. Donec lectus
turpis, tempor id, cursus vitae, eleifend in, risus. Aenean turpis.
Mauris ultricies quam malesuada ligula. img
Comments
img
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Suspendisse ut purus. Suspendisse tristique. Cras
et sem at odio porttitor mattis. Donec dignissim ornare
tortor.

Cosa fa l’UX Designer
Logo
Link 1 Link 2 Link 3
Marketing Dirigenti
Video title Searcg
Video
img
UX Team img Stakeholders
img
Button 1 Button 2 Button 3 More videos
Brand
Sviluppatori
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
img
Manager
Suspendisse ut purus. Suspendisse tristique. Cras et sem at
odio porttitor mattis. Donec dignissim ornare tortor. Donec lectus
turpis, tempor id, cursus vitae, eleifend in, risus. Aenean turpis.
Mauris ultricies quam malesuada ligula. img
Comments
img Product
Fornitori Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Suspendisse ut purus. Suspendisse tristique. Cras
Manager
et sem at odio porttitor mattis. Donec dignissim ornare
tortor.

Logo
Link 1 Link 2 Link 3
Video title Searcg
Video
img
img
img
Button 1 Button 2 Button 3 More videos
img
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Suspendisse ut purus. Suspendisse tristique. Cras et sem at
odio porttitor mattis. Donec dignissim ornare tortor. Donec lectus
turpis, tempor id, cursus vitae, eleifend in, risus. Aenean turpis.
Maria
Mauris ultricies quam malesuada ligula. img
Comments
22 anni, Roma Lorem ipsum dolor sit amet, consectetuer adipiscing
img
elit. Suspendisse ut purus. Suspendisse tristique. Cras
------------- ----- --- ---- -- ----- --- -- et sem at odio porttitor mattis. Donec dignissim ornare
tortor.
---- -- ----- --- - -- ---- ------ ----- ---
---- ----- --- ---- -- ---- ---- ----- ---
Obiettivi
• ------------- ----- --- ---- -- -----
• ---- -- ----- --- - -- ---- ------
• ---- ----- --- ---- -- ---- ---- -----
• ---- -- ----- --- - -- ---- ------
Task
• ------------- ----- --- ---- -- -----
• ---- -- ----- --- - -- ---- ------
• ---- ----- --- ---- -- ---- ---- -----
• ---- -- ----- --- - -- ---- ------

http://www.flickr.com/photos/loft42/224677076/
Carta e Penna

Costo
------------------------------
Tempo

“Using wireframes earlier in the design process
focuses time and attention
on all the wrong details and activities.”
http://www.adaptivepath.com/ideas/essays/archives/000863.php

“Above the bar is what the user sees. Below the bar is
what they do. An arrow connects the user’s action to a
new screen with yet another action.”
http://37signals.com/svn/posts/1926-a-shorthand-for-designing-ui-flows

Testata
Area utente
Contenuto principale
Altri
contenuti
Azioni secondarie
Footer
Wireframe a blocchi

http://www.flickr.com/photos/pasotraspaso/2561252664/
La bassa fedeltà comunica meglio.
http://www.mucignat.com/blog/archives/654-bassa-fedelta.html

http://www.flickr.com/photos/manueb/3275645812/
Scarabocchiare è
un modo di comunicare

Web Design 2.0

http://www.flickr.com/photos/dnorman/3492238090/
“...throwing ideas on a whiteboard
to help flesh out the concepts a bit more.”
-D’Arcy Norman

3 idee finali
#1 Comunicare le idee attraverso il disegno
#2 Disegnare è un processo di comunicazione
#3 Disegnare assieme agli altri

Le città del futuro

Risorse utili
Communicating Back of the napkin
Design Dan Roam
Dan Brown
Sketching User Rapid Viz
Experience Kurt Hank
Bill Buxton

Grazie!
Alberto Mucignat
User Experience Designer
alberto.mucignat@gmail.com
http://www.mucignat.com
Web che funziona.