due o tre cose che ho imparato (la figura dell’ux designer e architetto dell’informazione)
DESCRIPTION
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)TRANSCRIPT
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
DUE O TRE COSE CHE HO IMPARATOLa figura dell’UX designer e architetto dell’informazione
alberta soranzo | @albertatreblaMaster in Architettura dell’Informazione | Università per Stranieri Perugia
source: picstopin.com
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
io = INTJ
Illustration: Dan Willis
Ciao!
@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
la sottoscrittaEric Reiss
Lynn Boyden
Andrea Resmini
Chris Chandler
Jason Hobbs, Jeff Parks, Dan Klyn
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
Maurice Sendak, Where the Wild Things Are
ci vedono così
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
cosa vogliono le persone?
source The Economist via youtube.com
Richard Saul Wurman — The Economist's Ideas Economy: Informa;on 2012
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
cosa vogliono le persone?
source The Economist via youtube.com
Richard Saul Wurman — The Economist's Ideas Economy: Informa;on 2012
@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)
Ignoranza
Aspettative
ResistenzaPAURA
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
diagramma di Venn (ce ne vuole almeno uno)
Ignoranza
Aspettative
ResistenzaPAURA
@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
utenti
You areHERE colleghi
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
l’empatia è una strada a tre corsie
stakeholders
utenti
You areHERE colleghi
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
l’empatia è una strada a tre corsie
stakeholders
utenti
You areHERE colleghi
@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)
PreparaVisualizzaComunica
@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
PreparaVisualizzaComunica
il piano (ce ne vuole uno)
@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
PreparaVisualizzaComunica
il piano (ce ne vuole uno)
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
ricordi visualizza?
• Sketches•Whiteboards•Diagrammi• Stampate•Qualsiasi cosa, in 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•Qualsiasi cosa, in 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?
O@eni rispeBo
O@eni opportunità
Dimostra il valore
Esterno
source uxmag.com - Kim Bieler
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
da dove viene?
O@eni rispeBo
O@eni opportunità
Dimostra il valore
EsternoCrea opportunità
Dimostra il valore
O@eni rispeBo
Maggiore influenza, ulteriori opportunità
Interno
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
based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html
(nuova) scala di Armano: da WTF a OMG!
@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
VISUAL DESIGNVISUAL DESIGN
INFORMATION DESIGNINFORMATION DESIGN
STRUCTURESTRUCTURE
REQUIREMENTSREQUIREMENTS
STRATEGYSTRATEGY
Designing the presentation of information to facilitate understanding
navigation, table of contents, indices, visual hierarchy
Structural design of the information space to facilitate intuitive access to content
information architecture, interaction design, wireframe, progressive disclosure
Definition of scope, user needs, content and information requirements, functional specifications
personas, accessibility, feature set, ethnographic research, differentiation, purpose
Planning out the objectives and goals of the project, specifying organisational requirements
project space, project schedule, selecting methods and techniques, briefing
CONCEPTIONabstract
COMPLETIONconcrete
The visual treatment of graphic elements, the look and feel of the product
typography, colour palette, alignment, texture, tactile quality of materials
GOOD PRACTICE GUIDELINESIt 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.
USER REQUIREMENTSIt 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.
STICKY NOTESComparing 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.
PROJECT SPACEA 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.
PERSONAS AND SCENARIOSA 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.
AESTHETICSVisual 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.
PROGRESSIVE DISCLOSUREManaging 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 TESTINGEvaluating 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.
METHODS AND TECHNIQUES METHODS AND TECHNIQUES
CONCEPTIM
PLEMENTATION
EVALUATION
PERSONAS & SCENARIOSROLE PLAY
USER TESTINGACCESSIBILITY TESTING
FOCUS GROUPOBSERVATION
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:
ANALYSIS AND PLANNING LAUNCH
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
user centered design
source: paznow.com
@albertatrebla 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)
Stories
Proverbs
Personas
Scenarios
Content Inventories Analytics
User SurveysConcept MapsSystem MapsProcess Flows
Wireframes
Storyboards
Concept Designs
Prototypes
Narrative Reports
Presentations
PlansStyle Guides
SpecificationsDesign Patterns
User EXperience Treasure Mapby Jeffery Callender and Peter Morville
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
semanticstudios
source: semanticstudio.com
@albertatrebla 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
source: geekybytes.org
COME
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
source: c21nicholson.com
“u” (tu)
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
source: geekybytes.org
COSA(E PERCHÉ)
COME
evoluzione del ruolo professionale
@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
Seamus O’Leary, PhDQueen’s UniversityInstitute of Cognition and CultureBelfast
“Predictive Cognitive Semantic Analysis: An Algorithm for Place-Making in Cross-Channel Experiences” (2010)
un piccolo esperimento sociale
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
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.”
un piccolo esperimento sociale
@albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
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)
un piccolo esperimento sociale
@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
• 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
ma solo in America?
@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
utenti
colleghisei tutti loro
@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) PreparaVisualizzaComunicaRischiaPensa
@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
albertasoranzo.com
grazie!
@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 RosenfeldO’Reilly, 2008 (1st ed.)
Pervasive Information Architecture: Designing Cross-Channel User ExperiencesAndrea Resmini and Luca RosatiMorgan Kaufmann, 2011
Undercover User ExperienceCennyd Bowles and James BoxNew Riders, 2010
Information AnxietyRichard Saul WurmanDoubleday, 1989 (1st ed.)
The Design of Everyday Things Don NormanBasic Books, 2002 (1st ed.)