I had a chat with the students of the first Italian Master in Information Architecture and we talked about professional growth and evolution of our role as practitioners. (In Italian)
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
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
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
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
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
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
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
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
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
54. il processo
Strategia → Ricerca → Analisi → Design
→ Produzione
@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
61. evoluzione del ruolo professionale
COME
source: geekybytes.org
@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
79. empatia = entrare in ruolo per comprendere
stakeholders
sei tutti loro
colleghi
utenti
@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
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