SlideShare a Scribd company logo
1 of 91
Download to read offline
DUE O TRE COSE CHE HO IMPARATO
La figura dell’UX designer e architetto dell’informazione

alberta soranzo | @albertatrebla
Master in Architettura dell’Informazione | Università per Stranieri Perugia

source: picstopin.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
io = INTJ

Ciao!

Illustration: Dan Willis

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
CHI SIAMO

source: mamaslatinas.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
non lo dico solo io

When I think about what sort of person I
would most like to have on a retainer, I
think it would be a boss. A boss who could
tell me what to do, because that makes
everything easy when you’re working.
— A. Warhol

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
gente normale

andler

Chris Ch

ea
Andr

Klyn
s, Dan

ff Park
bbs, Je
on Ho

Lynn Boyde
n

Jas

ini
Resm

Eric Reis

s

@albertatrebla

la sottoscritta

Master in Architettura dell’Informazione | Università per Stranieri Perugia
ci vedono così

Maurice Sendak, Where the Wild Things Are

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
cosa vogliono le persone?

Richard	
  Saul	
  Wurman	
  —	
  The	
  Economist's	
  Ideas	
  Economy:	
  Informa;on	
  2012	
  
source The Economist via youtube.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
cosa vogliono le persone?

Richard	
  Saul	
  Wurman	
  —	
  The	
  Economist's	
  Ideas	
  Economy:	
  Informa;on	
  2012	
  
source The Economist via youtube.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
CORSA A OSTACOLI
source: angelairvin.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
gli ostacoli

Ignoranza
Aspettative
Resistenza

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
ostacolo: ignoranza

i-gno-ràn-za
s.f.
Mancato possesso di nozioni o
d'informazioni su una data materia o su
avvenimenti.

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
ostacolo: aspettative

a-spet-ta-tì-va
s.f.
speranza, previsione

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
ostacolo: resistenza

re-si-stèn-za  
s.f.
Rifiuto di accettare o ottemperare a
qualcosa; opposizione; atteggiamento di
non collaborazione.

source drlynnesherman.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
diagramma di Venn (ce ne vuole almeno uno)

PAURA

Ignoranza

Resistenza

Aspettative

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
diagramma di Venn (ce ne vuole almeno uno)

PAURA
Ignoranza

Resistenza

Aspettative

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
(nuova) scala di Armano: da WTF a OMG!

based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
marine? non funziona

source wikipedia.org

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
la lettera “E”

em-pa-tì-a  

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
la lettera “E”

em-pa-tì-a  
s.f.
Capacità di un individuo di comprendere
in modo immediato i pensieri e gli stati
d'animo di un'altra persona.

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
l’empatia è una strada a tre corsie
stakeholders

You are
HERE

colleghi

utenti
@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
l’empatia è una strada a tre corsie
stakeholders

You are
HERE

colleghi

utenti
@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
l’empatia è una strada a tre corsie
stakeholders

You are
HERE

colleghi

utenti
@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
compagni di viaggio

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
IL PIANO
source newlearningcentre.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
il piano (ce ne vuole uno)

Prepara
Visualizza
Comunica

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
prepara

• fai ricerca
• sii il tuo back-up (le prove!)
• offri alternative

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
il piano (ce ne vuole uno)

Prepara
Visualizza
Comunica

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
visualizza

• Sketches
• Whiteboards
• Diagrammi
• Stampate
• Qualsiasi cosa, in realtà.

source divergentmba.wordpress.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
visualizza

source divergentmba.wordpress.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
il piano (ce ne vuole uno)

Prepara
Visualizza
Comunica

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
ricordi visualizza?

• Sketches
• Whiteboards
• Diagrammi
• Stampate
realtà.
• Qualsiasi cosa, in realtà, che traduca ciò
che hai in mente in qualcosa che altri
possano comprendere.

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
ricordi visualizza?

• Sketches
• Whiteboards
• Diagrammi
• Stampate
realtà.
• Qualsiasi cosa, in realtà, che traduca ciò
che hai in mente in qualcosa che altri
possano comprendere.

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
comprensione collettiva

Favorire la comprensione collettiva
attraverso la creazione di un vocabolario
comune e insiemi di riferimenti condivisi.

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
(BONUS) CHI NON RISICA
source: annamanderson.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
da dove viene?
Esterno
O@eni	
  rispeBo

O@eni	
  opportunità

Dimostra	
  il	
  valore

source uxmag.com - Kim Bieler

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
da dove viene?
Esterno

Interno

O@eni	
  rispeBo

Crea	
  opportunità

O@eni	
  opportunità

Dimostra	
  il	
  valore

Dimostra	
  il	
  valore

O@eni	
  rispeBo

Maggiore	
  influenza,	
  
ulteriori	
  opportunità
source uxmag.com - Kim Bieler

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
datti una mossa

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
datti una mossa

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
FAI UN VIAGGIO
source: flyttobarcelona.org

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
NZ001 — LHR-LAX

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
NZ001 — LHR-LAX

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
NZ001 — LHR-LAX

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
NZ001 — LHR-LAX

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
NZ001 — LHR-LAX

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
NZ001 — LHR-LAX

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
NZ001 — LHR-LAX

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
NZ001 — LHR-LAX

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
(nuova) scala di Armano: da WTF a OMG!

based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
ANATOMIA DI UN PROCESSO
source: thebarracuda57.wordpress.com/

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
paura, vero?

source: blog.qburst.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
user centered design
COMPLETION
concrete

VISUAL DESIGN

The visual treatment of graphic elements,
the look and feel of the product

STRATEGY
CONCEPTION
abstract

information architecture, interaction
design, wireframe, progressive disclosure
personas, accessibility, feature set,
ethnographic research, differentiation,
purpose

Planning out the objectives and goals
of the project, specifying organisational
requirements

REQUIREMENTS

navigation, table of contents, indices,
visual hierarchy

Definition of scope, user needs, content
and information requirements, functional
specifications

STRUCTURE

Designing the presentation of information
to facilitate understanding
Structural design of the information space
to facilitate intuitive access to content

INFORMATION DESIGN

typography, colour palette, alignment,
texture, tactile quality of materials

project space, project schedule, selecting
methods and techniques, briefing

IS
YS
AL
AN
G
IN
N
AN
PL

LA
UN
CH

D
AN

METHODS AND TECHNIQUES

STICKY NOTES

USER REQUIREMENTS

PROJECT SPACE
A dedicated project area where research and visualisations can be
organised spatially on walls provides a creative work environment
where meetings can be held surrounded by stimuli. Constructing a
story about the project in the space providing roughs and unpolished
design invites others to comment and contribute.

GOOD PRACTICE GUIDELINES
It is important to consider good practice guidelines relevant to
the project in order to address broad user requirements and meet
accessibility standards. For example RNIB legibility guidelines, W3C
validation, ISO standards, British Standards or ergonomic principles.

AESTHETICS
Visual design impacts greatly on the usability of a product. Users
prefer a beautiful look & feel over an ugly or dull one. Aesthetic designs
are perceived as easier to use, whether they are or not. Good designers
find a perfect combination of accessibility and aesthetics.

@albertatrebla

ION
AT
NT

CO
ALUATION
EV
The user centred design process
is an iterative cycle where every
step is evaluated against the
initially identified requirements
of the users and iterated until
these requirements are met.
Evaluation methods include:
PERSONAS & SCENARIOS
ROLE PLAY
USER TESTING
ACCESSIBILITY TESTING
FOCUS GROUP
OBSERVATION

T
EP
NC

Comparing notes is a useful tool to aid decision making. Ideas are
written down on individual sticky notes, weighed against one another
and organised according to priority or other criteria (speed, cost,
quality, desirability etc). This technique can also be used with users
to get them to put their considerations in order of importance.

IMP
LE
M
E

METHODS AND TECHNIQUES

It is vital to use all available resources to gather information about
the users’ requirements. Successful projects use an average of
five different sources of information. These may be focus groups,
contextual or individual interviews, observation, surveys, etc.

PERSONAS AND SCENARIOS
A persona is an archetype comprised of habits and characteristics
of the target audience. Scenarios are little stories describing how
typical user tasks are carried out. They help to anticipate and identify
the decisions a user will have to make at each step in their experience
and through each environment or system state they will encounter.

PROGRESSIVE DISCLOSURE
Managing the information complexity or cognitive load by displaying
only relevant information at any given time prevents information
overload. For example through effective signposting of destinations
in a wayfinding system or using “read more” links on a website.

USABILITY TESTING

source: paznow.com

Evaluating a product by testing it with representative users helps
to identify usability problems by collecting quantitative data on
the users’ performance (e.g. error rate) and establishing their
satisfaction with the product.

Master in Architettura dell’Informazione | Università per Stranieri Perugia
UXPA

source: blog.qburst.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
il processo

Strategia → Ricerca → Analisi → Design
→ Produzione

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
ARTEFATTI (DELIVERABLES)
source: @tuna (Gary Barber)

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
semanticstudios
Scenarios

Stories
Personas

Content Inventories

Proverbs

Process Flows

System Maps

Concept Maps

Analytics

User Surveys

Wireframes

Prototypes

Storyboards
Concept Designs

Narrative Reports

Presentation

Design Patterns
@albertatrebla

Style Guides

source: semanticstudio.com
Specifications
Plans
Master in Architettura dell’Informazione | Università per Stranieri Perugia
artefatti

source: semanticstudio.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
artefatti - Jamie R. Levy

Siamo tutti in grado di disegnare un
quadrato e metterlo su una pagina.
— Jamie R. Levy, 2013

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
deliverables - Peter Morville

Chiaramente questi artefatti del processo
non sono tutta la storia. Bisogna anche
pensare alle relazioni tra obiettivi, metodi e
documenti.
— Peter Morville, 2009

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
scimmie ammaestrate

source: nerudaproject.wordpress.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
evoluzione del ruolo professionale

COME
source: geekybytes.org

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
“u” (tu)
source: c21nicholson.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
evoluzione del ruolo professionale

COME

COSA
(E	
  PERCHÉ)

source: geekybytes.org

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
deliverables - Peter Morville

Chiaramente questi artefatti del processo
non sono tutta la storia. Bisogna anche
pensare alle relazioni tra obiettivi, metodi e
documenti.
— Peter Morville, 2009

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
metodi e valori

“Per quanto riguarda i metodi, ce ne sono
milioni, ma i valori sono pochi. L'uomo che
comprende i valori può selezionare con
successo i suoi metodi. L'uomo che cerca
metodi, ignorando i valori, sicuramente
incontrerà difficoltà.”
— Ralph Waldo Emerson

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
dico io

Solo perchè lo fanno tutti, non vuol dire che
funzionerà anche per te.

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
il problema reale

Veneriamo il “fare” e la tecnologia.

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
un piccolo esperimento sociale

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
un piccolo esperimento sociale

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
un piccolo esperimento sociale
Seamus O’Leary, PhD
Queen’s University
Institute of Cognition and Culture
Belfast

“Predictive Cognitive Semantic Analysis: An Algorithm for
Place-Making in Cross-Channel Experiences” (2010)

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
un piccolo esperimento sociale
Predictive Cognitive Semantic Analysis

“I had an intuition that by interpolating results of best
merge dendograms with anti-pattern libraries and text
readability scores, my algorithm would accurately predict
the boundaries of cognitive and semantic mapping.”

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
un piccolo esperimento sociale
Predictive Cognitive Semantic Analysis
• Parallax Theory of Brain Modeling (Johnston, Neil et al.)
• Cognitive Disenthropy Theory (Blake, McGuinn)
• Systemic Distribution of Neural Pathways Model (Mould?)
• Fibonacci Sequence
• Limit of Consecutive Quotients Paradox (Kepler)
• Structural Malta Approach to Card Sorting (Mann, Pallot)

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
ma solo in America?

•
•
•

Australia	
  —	
  ascolto	
  a@vo,	
  facilitazione
Canada	
  —	
  prendere	
  decisioni,	
  ges;re	
  i	
  
cambiamen;
India	
  —	
  ges;one	
  personalità	
  difficili,	
  ispirare	
  
fiducia,	
  ges;one	
  del	
  tempo,	
  soluzione	
  di	
  
confli@

source: uxmatters.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
ma solo in America?

•
•
•

Scandinavia	
  —	
  parlare	
  in	
  pubblico,	
  isirare	
  
fiducia,	
  ges;one	
  dei	
  referen;
United	
  Kingdom	
  —	
  parlare	
  in	
  pubblico,	
  
prendere	
  decisioni
United	
  States	
  —	
  pianificazione,	
  
organizzazione,	
  persuasione,	
  influenza,	
  
parlare	
  in	
  pubblico

source: uxmatters.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
allora cosa devo fare?

PENSA
(prima di agire)
@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
aspetta 5 minuti

“Man, give it five minutes.”
(Cribbio, aspetta cinque minuti)
— Richard Saul Wurman

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
fai più domande

“Asking questions means you want to know.”
(Fare domande significa voler comprendere)
— Jason Fried (37signals)

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
daily UX zen

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
empatia = entrare in ruolo per comprendere
stakeholders

sei tutti loro

colleghi

utenti
@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
chi sei?

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
(nuova) scala di Armano: da WTF a OMG!

based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
NZ001 — LHR-LAX

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
NZ001 — LHR-LAX

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
per riassumere
Senti (Empatia)
Prepara
Visualizza
Comunica
Rischia
Pensa

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
vi racconto un segreto
source: afterpop.tv

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
questo è quello che ho inviato

source blog.okcupid.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
e questo

source blog.okcupid.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
e questo

source blog.okcupid.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
e questo

source blog.okcupid.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
#machièquesta

grazie!
@albertatrebla
albertasoranzo@gmail.com
albertasoranzo.com

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia
approfondimenti
Information Architecture for the World Wide Web: Designing Large-Scale Web Sites
Peter Morville and Louis Rosenfeld
O’Reilly, 2008 (1st ed.)
Pervasive Information Architecture: Designing Cross-Channel User Experiences
Andrea Resmini and Luca Rosati
Morgan Kaufmann, 2011
Undercover User Experience
Cennyd Bowles and James Box
New Riders, 2010
Information Anxiety
Richard Saul Wurman
Doubleday, 1989 (1st ed.)
The Design of Everyday Things
Don Norman
Basic Books, 2002 (1st ed.)

@albertatrebla

Master in Architettura dell’Informazione | Università per Stranieri Perugia

More Related Content

More from Alberta Soranzo

Our eternal (digital) afterlife
Our eternal (digital) afterlifeOur eternal (digital) afterlife
Our eternal (digital) afterlifeAlberta Soranzo
 
Experience at the edge of the network – Italian IA Summit
Experience at the edge of the network – Italian IA SummitExperience at the edge of the network – Italian IA Summit
Experience at the edge of the network – Italian IA SummitAlberta Soranzo
 
You keep saying mobile (I do not think it means what you think it means)
You keep saying mobile (I do not think it means what you think it means)You keep saying mobile (I do not think it means what you think it means)
You keep saying mobile (I do not think it means what you think it means)Alberta Soranzo
 
Our eternal [digital] life
Our eternal [digital] lifeOur eternal [digital] life
Our eternal [digital] lifeAlberta Soranzo
 
Experience at the edge of the network - Interact London 2014
Experience at the edge of the network - Interact London 2014Experience at the edge of the network - Interact London 2014
Experience at the edge of the network - Interact London 2014Alberta Soranzo
 
The web you were used to is gone — EuroIA 2014
The web you were used to is gone — EuroIA 2014The web you were used to is gone — EuroIA 2014
The web you were used to is gone — EuroIA 2014Alberta Soranzo
 
Experience at the edge of the network
Experience at the edge of the networkExperience at the edge of the network
Experience at the edge of the networkAlberta Soranzo
 
The web you were used to is gone - UX Australia 2014
The web you were used to is gone - UX Australia 2014The web you were used to is gone - UX Australia 2014
The web you were used to is gone - UX Australia 2014Alberta Soranzo
 
To have and to hold (Ignite)
To have and to hold (Ignite)To have and to hold (Ignite)
To have and to hold (Ignite)Alberta Soranzo
 
The web you were used to is gone. Architecture and strategy for your content.
The web you were used to is gone. Architecture and strategy for your content.The web you were used to is gone. Architecture and strategy for your content.
The web you were used to is gone. Architecture and strategy for your content.Alberta Soranzo
 
From Broad Street to California
From Broad Street to CaliforniaFrom Broad Street to California
From Broad Street to CaliforniaAlberta Soranzo
 
Taming Taxonomy - The workshop (IA Summit 2014)
Taming Taxonomy - The workshop (IA Summit 2014)Taming Taxonomy - The workshop (IA Summit 2014)
Taming Taxonomy - The workshop (IA Summit 2014)Alberta Soranzo
 
The internet in your pants
The internet in your pantsThe internet in your pants
The internet in your pantsAlberta Soranzo
 
Digital Touchpoints - Thinking Beyond The Device
Digital Touchpoints - Thinking Beyond The DeviceDigital Touchpoints - Thinking Beyond The Device
Digital Touchpoints - Thinking Beyond The DeviceAlberta Soranzo
 
The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...Alberta Soranzo
 
Taming taxonomy—a practical intro (v3)
Taming taxonomy—a practical intro (v3)Taming taxonomy—a practical intro (v3)
Taming taxonomy—a practical intro (v3)Alberta Soranzo
 
Taming taxonomy—a practical intro
Taming taxonomy—a practical introTaming taxonomy—a practical intro
Taming taxonomy—a practical introAlberta Soranzo
 
The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...Alberta Soranzo
 

More from Alberta Soranzo (20)

Our eternal (digital) afterlife
Our eternal (digital) afterlifeOur eternal (digital) afterlife
Our eternal (digital) afterlife
 
Draw me a sheep
Draw me a sheepDraw me a sheep
Draw me a sheep
 
Experience at the edge of the network – Italian IA Summit
Experience at the edge of the network – Italian IA SummitExperience at the edge of the network – Italian IA Summit
Experience at the edge of the network – Italian IA Summit
 
You keep saying mobile (I do not think it means what you think it means)
You keep saying mobile (I do not think it means what you think it means)You keep saying mobile (I do not think it means what you think it means)
You keep saying mobile (I do not think it means what you think it means)
 
Our eternal [digital] life
Our eternal [digital] lifeOur eternal [digital] life
Our eternal [digital] life
 
Experience at the edge of the network - Interact London 2014
Experience at the edge of the network - Interact London 2014Experience at the edge of the network - Interact London 2014
Experience at the edge of the network - Interact London 2014
 
The web you were used to is gone — EuroIA 2014
The web you were used to is gone — EuroIA 2014The web you were used to is gone — EuroIA 2014
The web you were used to is gone — EuroIA 2014
 
Experience at the edge of the network
Experience at the edge of the networkExperience at the edge of the network
Experience at the edge of the network
 
The web you were used to is gone - UX Australia 2014
The web you were used to is gone - UX Australia 2014The web you were used to is gone - UX Australia 2014
The web you were used to is gone - UX Australia 2014
 
To have and to hold (Ignite)
To have and to hold (Ignite)To have and to hold (Ignite)
To have and to hold (Ignite)
 
The web you were used to is gone. Architecture and strategy for your content.
The web you were used to is gone. Architecture and strategy for your content.The web you were used to is gone. Architecture and strategy for your content.
The web you were used to is gone. Architecture and strategy for your content.
 
From Broad Street to California
From Broad Street to CaliforniaFrom Broad Street to California
From Broad Street to California
 
Internet in your pocket
Internet in your pocketInternet in your pocket
Internet in your pocket
 
Taming Taxonomy - The workshop (IA Summit 2014)
Taming Taxonomy - The workshop (IA Summit 2014)Taming Taxonomy - The workshop (IA Summit 2014)
Taming Taxonomy - The workshop (IA Summit 2014)
 
The internet in your pants
The internet in your pantsThe internet in your pants
The internet in your pants
 
Digital Touchpoints - Thinking Beyond The Device
Digital Touchpoints - Thinking Beyond The DeviceDigital Touchpoints - Thinking Beyond The Device
Digital Touchpoints - Thinking Beyond The Device
 
The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...
 
Taming taxonomy—a practical intro (v3)
Taming taxonomy—a practical intro (v3)Taming taxonomy—a practical intro (v3)
Taming taxonomy—a practical intro (v3)
 
Taming taxonomy—a practical intro
Taming taxonomy—a practical introTaming taxonomy—a practical intro
Taming taxonomy—a practical intro
 
The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...
 

Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’informazione)

  • 1. DUE O TRE COSE CHE HO IMPARATO La figura dell’UX designer e architetto dell’informazione alberta soranzo | @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia source: picstopin.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 2. io = INTJ Ciao! Illustration: Dan Willis @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 3. CHI SIAMO source: mamaslatinas.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 4. non lo dico solo io When I think about what sort of person I would most like to have on a retainer, I think it would be a boss. A boss who could tell me what to do, because that makes everything easy when you’re working. — A. Warhol @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 5. gente normale andler Chris Ch ea Andr Klyn s, Dan ff Park bbs, Je on Ho Lynn Boyde n Jas ini Resm Eric Reis s @albertatrebla la sottoscritta Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 6. ci vedono così Maurice Sendak, Where the Wild Things Are @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 7. cosa vogliono le persone? Richard  Saul  Wurman  —  The  Economist's  Ideas  Economy:  Informa;on  2012   source The Economist via youtube.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 8. cosa vogliono le persone? Richard  Saul  Wurman  —  The  Economist's  Ideas  Economy:  Informa;on  2012   source The Economist via youtube.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 9. CORSA A OSTACOLI source: angelairvin.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 10. gli ostacoli Ignoranza Aspettative Resistenza @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 11. ostacolo: ignoranza i-gno-ràn-za s.f. Mancato possesso di nozioni o d'informazioni su una data materia o su avvenimenti. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 12. ostacolo: aspettative a-spet-ta-tì-va s.f. speranza, previsione @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 13. ostacolo: resistenza re-si-stèn-za   s.f. Rifiuto di accettare o ottemperare a qualcosa; opposizione; atteggiamento di non collaborazione. source drlynnesherman.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 14. diagramma di Venn (ce ne vuole almeno uno) PAURA Ignoranza Resistenza Aspettative @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 15. diagramma di Venn (ce ne vuole almeno uno) PAURA Ignoranza Resistenza Aspettative @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 16. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 17. (nuova) scala di Armano: da WTF a OMG! based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 18. marine? non funziona source wikipedia.org @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 19. la lettera “E” em-pa-tì-a   @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 20. la lettera “E” em-pa-tì-a   s.f. Capacità di un individuo di comprendere in modo immediato i pensieri e gli stati d'animo di un'altra persona. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 21. l’empatia è una strada a tre corsie stakeholders You are HERE colleghi utenti @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 22. l’empatia è una strada a tre corsie stakeholders You are HERE colleghi utenti @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 23. l’empatia è una strada a tre corsie stakeholders You are HERE colleghi utenti @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 24. compagni di viaggio @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 25. IL PIANO source newlearningcentre.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 26. il piano (ce ne vuole uno) Prepara Visualizza Comunica @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 27. prepara • fai ricerca • sii il tuo back-up (le prove!) • offri alternative @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 28. il piano (ce ne vuole uno) Prepara Visualizza Comunica @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 29. visualizza • Sketches • Whiteboards • Diagrammi • Stampate • Qualsiasi cosa, in realtà. source divergentmba.wordpress.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 30. visualizza source divergentmba.wordpress.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 31. il piano (ce ne vuole uno) Prepara Visualizza Comunica @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 32. ricordi visualizza? • Sketches • Whiteboards • Diagrammi • Stampate realtà. • Qualsiasi cosa, in realtà, che traduca ciò che hai in mente in qualcosa che altri possano comprendere. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 33. ricordi visualizza? • Sketches • Whiteboards • Diagrammi • Stampate realtà. • Qualsiasi cosa, in realtà, che traduca ciò che hai in mente in qualcosa che altri possano comprendere. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 34. comprensione collettiva Favorire la comprensione collettiva attraverso la creazione di un vocabolario comune e insiemi di riferimenti condivisi. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 35. (BONUS) CHI NON RISICA source: annamanderson.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 36. da dove viene? Esterno O@eni  rispeBo O@eni  opportunità Dimostra  il  valore source uxmag.com - Kim Bieler @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 37. da dove viene? Esterno Interno O@eni  rispeBo Crea  opportunità O@eni  opportunità Dimostra  il  valore Dimostra  il  valore O@eni  rispeBo Maggiore  influenza,   ulteriori  opportunità source uxmag.com - Kim Bieler @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 38. datti una mossa @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 39. datti una mossa @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 40. FAI UN VIAGGIO source: flyttobarcelona.org @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 41. NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 42. NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 43. NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 44. NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 45. NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 46. NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 47. NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 48. NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 49. (nuova) scala di Armano: da WTF a OMG! based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 50. ANATOMIA DI UN PROCESSO source: thebarracuda57.wordpress.com/ @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 51. paura, vero? source: blog.qburst.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 52. user centered design COMPLETION concrete VISUAL DESIGN The visual treatment of graphic elements, the look and feel of the product STRATEGY CONCEPTION abstract information architecture, interaction design, wireframe, progressive disclosure personas, accessibility, feature set, ethnographic research, differentiation, purpose Planning out the objectives and goals of the project, specifying organisational requirements REQUIREMENTS navigation, table of contents, indices, visual hierarchy Definition of scope, user needs, content and information requirements, functional specifications STRUCTURE Designing the presentation of information to facilitate understanding Structural design of the information space to facilitate intuitive access to content INFORMATION DESIGN typography, colour palette, alignment, texture, tactile quality of materials project space, project schedule, selecting methods and techniques, briefing IS YS AL AN G IN N AN PL LA UN CH D AN METHODS AND TECHNIQUES STICKY NOTES USER REQUIREMENTS PROJECT SPACE A dedicated project area where research and visualisations can be organised spatially on walls provides a creative work environment where meetings can be held surrounded by stimuli. Constructing a story about the project in the space providing roughs and unpolished design invites others to comment and contribute. GOOD PRACTICE GUIDELINES It is important to consider good practice guidelines relevant to the project in order to address broad user requirements and meet accessibility standards. For example RNIB legibility guidelines, W3C validation, ISO standards, British Standards or ergonomic principles. AESTHETICS Visual design impacts greatly on the usability of a product. Users prefer a beautiful look & feel over an ugly or dull one. Aesthetic designs are perceived as easier to use, whether they are or not. Good designers find a perfect combination of accessibility and aesthetics. @albertatrebla ION AT NT CO ALUATION EV The user centred design process is an iterative cycle where every step is evaluated against the initially identified requirements of the users and iterated until these requirements are met. Evaluation methods include: PERSONAS & SCENARIOS ROLE PLAY USER TESTING ACCESSIBILITY TESTING FOCUS GROUP OBSERVATION T EP NC Comparing notes is a useful tool to aid decision making. Ideas are written down on individual sticky notes, weighed against one another and organised according to priority or other criteria (speed, cost, quality, desirability etc). This technique can also be used with users to get them to put their considerations in order of importance. IMP LE M E METHODS AND TECHNIQUES It is vital to use all available resources to gather information about the users’ requirements. Successful projects use an average of five different sources of information. These may be focus groups, contextual or individual interviews, observation, surveys, etc. PERSONAS AND SCENARIOS A persona is an archetype comprised of habits and characteristics of the target audience. Scenarios are little stories describing how typical user tasks are carried out. They help to anticipate and identify the decisions a user will have to make at each step in their experience and through each environment or system state they will encounter. PROGRESSIVE DISCLOSURE Managing the information complexity or cognitive load by displaying only relevant information at any given time prevents information overload. For example through effective signposting of destinations in a wayfinding system or using “read more” links on a website. USABILITY TESTING source: paznow.com Evaluating a product by testing it with representative users helps to identify usability problems by collecting quantitative data on the users’ performance (e.g. error rate) and establishing their satisfaction with the product. Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 53. UXPA source: blog.qburst.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 54. il processo Strategia → Ricerca → Analisi → Design → Produzione @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 55. ARTEFATTI (DELIVERABLES) source: @tuna (Gary Barber) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 56. semanticstudios Scenarios Stories Personas Content Inventories Proverbs Process Flows System Maps Concept Maps Analytics User Surveys Wireframes Prototypes Storyboards Concept Designs Narrative Reports Presentation Design Patterns @albertatrebla Style Guides source: semanticstudio.com Specifications Plans Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 57. artefatti source: semanticstudio.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 58. artefatti - Jamie R. Levy Siamo tutti in grado di disegnare un quadrato e metterlo su una pagina. — Jamie R. Levy, 2013 @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 59. deliverables - Peter Morville Chiaramente questi artefatti del processo non sono tutta la storia. Bisogna anche pensare alle relazioni tra obiettivi, metodi e documenti. — Peter Morville, 2009 @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 60. scimmie ammaestrate source: nerudaproject.wordpress.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 61. evoluzione del ruolo professionale COME source: geekybytes.org @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 62. “u” (tu) source: c21nicholson.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 63. evoluzione del ruolo professionale COME COSA (E  PERCHÉ) source: geekybytes.org @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 64. deliverables - Peter Morville Chiaramente questi artefatti del processo non sono tutta la storia. Bisogna anche pensare alle relazioni tra obiettivi, metodi e documenti. — Peter Morville, 2009 @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 65. metodi e valori “Per quanto riguarda i metodi, ce ne sono milioni, ma i valori sono pochi. L'uomo che comprende i valori può selezionare con successo i suoi metodi. L'uomo che cerca metodi, ignorando i valori, sicuramente incontrerà difficoltà.” — Ralph Waldo Emerson @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 66. dico io Solo perchè lo fanno tutti, non vuol dire che funzionerà anche per te. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 67. il problema reale Veneriamo il “fare” e la tecnologia. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 68. un piccolo esperimento sociale @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 69. un piccolo esperimento sociale @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 70. un piccolo esperimento sociale Seamus O’Leary, PhD Queen’s University Institute of Cognition and Culture Belfast “Predictive Cognitive Semantic Analysis: An Algorithm for Place-Making in Cross-Channel Experiences” (2010) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 71. un piccolo esperimento sociale Predictive Cognitive Semantic Analysis “I had an intuition that by interpolating results of best merge dendograms with anti-pattern libraries and text readability scores, my algorithm would accurately predict the boundaries of cognitive and semantic mapping.” @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 72. un piccolo esperimento sociale Predictive Cognitive Semantic Analysis • Parallax Theory of Brain Modeling (Johnston, Neil et al.) • Cognitive Disenthropy Theory (Blake, McGuinn) • Systemic Distribution of Neural Pathways Model (Mould?) • Fibonacci Sequence • Limit of Consecutive Quotients Paradox (Kepler) • Structural Malta Approach to Card Sorting (Mann, Pallot) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 73. ma solo in America? • • • Australia  —  ascolto  a@vo,  facilitazione Canada  —  prendere  decisioni,  ges;re  i   cambiamen; India  —  ges;one  personalità  difficili,  ispirare   fiducia,  ges;one  del  tempo,  soluzione  di   confli@ source: uxmatters.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 74. ma solo in America? • • • Scandinavia  —  parlare  in  pubblico,  isirare   fiducia,  ges;one  dei  referen; United  Kingdom  —  parlare  in  pubblico,   prendere  decisioni United  States  —  pianificazione,   organizzazione,  persuasione,  influenza,   parlare  in  pubblico source: uxmatters.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 75. allora cosa devo fare? PENSA (prima di agire) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 76. aspetta 5 minuti “Man, give it five minutes.” (Cribbio, aspetta cinque minuti) — Richard Saul Wurman @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 77. fai più domande “Asking questions means you want to know.” (Fare domande significa voler comprendere) — Jason Fried (37signals) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 78. daily UX zen @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 79. empatia = entrare in ruolo per comprendere stakeholders sei tutti loro colleghi utenti @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 80. chi sei? @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 81. (nuova) scala di Armano: da WTF a OMG! based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 82. NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 83. NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 84. per riassumere Senti (Empatia) Prepara Visualizza Comunica Rischia Pensa @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 85. vi racconto un segreto source: afterpop.tv @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 86. questo è quello che ho inviato source blog.okcupid.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 87. e questo source blog.okcupid.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 88. e questo source blog.okcupid.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 89. e questo source blog.okcupid.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 91. approfondimenti Information Architecture for the World Wide Web: Designing Large-Scale Web Sites Peter Morville and Louis Rosenfeld O’Reilly, 2008 (1st ed.) Pervasive Information Architecture: Designing Cross-Channel User Experiences Andrea Resmini and Luca Rosati Morgan Kaufmann, 2011 Undercover User Experience Cennyd Bowles and James Box New Riders, 2010 Information Anxiety Richard Saul Wurman Doubleday, 1989 (1st ed.) The Design of Everyday Things Don Norman Basic Books, 2002 (1st ed.) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia