Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
Cosa si vede da qua
UX e IA con i sottotitoli, ma in che lingua?
alberta soranzo | @albertatrebla
Milan UX Book Club
source: picstopin.com

io = INTJ
Illustration: Dan Willis
Ciao!

la caccia
source: mamaslatinas.com

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

ussignur!

gente normale
la sottoscritta
Eric Reiss
Lynn Boyden
Andrea Resmini
Chris Chandler
Jason Hobbs, Jeff Parks, Dan Klyn

Maurice Sendak, Where the Wild Things Are
ci vedono così

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

una corsa a ostacoli
source: angelairvin.com

gli ostacoli
Ignoranza
Aspettative
Resistenza

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

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

ostacolo: resistenza
re-si-stèn-za
s.f.
Rifiuto di accettare o ottemperare a
qualcosa; opposizione; atteggiamento di
non collaborazione.
source drlynnesherman.com

diagramma di Venn (ce ne vuole almeno uno)
Ignoranza
Aspettative
Resistenza
PAURA

(nuova) scala di Armano: da WTF a OMG!
based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html

marine? non funziona
source wikipedia.org

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.

l’empatia è una strada a tre corsie
stakeholders
utenti
You are
HERE colleghi

compagni di viaggio

il piano
source newlearningcentre.com

il piano (ce ne vuole uno)
Prepara
Visualizza
Comunica

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

Prepara
Visualizza
Comunica
il piano (ce ne vuole uno)

visualizza
• Sketches
• Whiteboards
• Diagrammi
• Stampate
• Qualsiasi cosa, in realtà.
source divergentmba.wordpress.com

visualizza
source divergentmba.wordpress.com

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.

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

(bonus) chi non risica
source: annamanderson.com

da dove viene?
O@eni
rispeBo
O@eni
opportunità
Dimostra
il
valore
Esterno
Crea
opportunità
Dimostra
il
valore
O@eni
rispeBo
Maggiore
inﬂuenza,

ulteriori
opportunità
Interno
source uxmag.com - Kim Bieler

datti una mossa

fai un viaggio
source: flyttobarcelona.org

NZ001 — LHR-LAX

based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html
(nuova) scala di Armano: da WTF a OMG!

anatomia del processo
source: thebarracuda57.wordpress.com/

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
CONCEPTION
abstract
COMPLETION
concrete
The visual treatment of graphic elements,
the look and feel of the product
typography, colour palette, alignment,
texture, tactile quality of materials
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.
USER REQUIREMENTS
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.
STICKY NOTES
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.
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.
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.
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.
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
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.
METHODS AND TECHNIQUES METHODS AND TECHNIQUES
CO
NCEPT
IMPLEM
E
NTATION
EVALUATION
PERSONAS & SCENARIOS
ROLE PLAY
USER TESTING
ACCESSIBILITY TESTING
FOCUS GROUP
OBSERVATION
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:
AN
ALYSIS
AN
D
PLAN
N
IN
G
LAUN
CH
user centered design
source: paznow.com

UXPA
source: blog.qburst.com

il processo
Strategia → Ricerca → Analisi → Design
→ Produzione

artefatti (li chiamiamo deliverables)
source: @tuna (Gary Barber)

Stories
Proverbs
Personas
Scenarios
Content Inventories Analytics
User SurveysConcept MapsSystem Maps
Process Flows
Wireframes
Storyboards
Concept Designs
Prototypes
Narrative Reports
Presentation
Plans
Style Guides Specifications
Design Patterns
semanticstudios
source: semanticstudio.com

artefatti
source: semanticstudio.com

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

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

scimmie ammaestrate
source: nerudaproject.wordpress.com

evoluzione del ruolo professionale
source: geekybytes.org
COSA

source: c21nicholson.com
“u” (tu)

source: geekybytes.org
COMECOSA
evoluzione del ruolo professionale

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

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

il problema reale
Veneriamo il “fare” e la tecnologia.

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)

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.”

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)

ma solo in America?
• Australia
—
ascolto
a)vo,
facilitazione
• Canada
—
prendere
decisioni,
ges5re
i

cambiamen5
• India
—
ges5one
personalità
difficili,
ispirare

fiducia,
ges5one
del
tempo,
soluzione
di

confli)
source: uxmatters.com

• Scandinavia
—
parlare
in
pubblico,
isirare

fiducia,
ges5one
dei
referen5
• United
Kingdom
—
parlare
in
pubblico,

prendere
decisioni
• United
States
—
pianificazione,

organizzazione,
persuasione,
influenza,

parlare
in
pubblico
source: uxmatters.com
ma solo in America?

“E” = “C”
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.

l’empatia è una strada a tre corsie
Stakeholders
utenti
You are
HERE colleghi

allora cosa devo fare?
PENSA
(prima di agire)

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

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

daily UX zen

empatia = entrare in ruolo per comprendere
stakeholders
utenti
colleghisei tutti loro

chi sei?

per riassumere
Senti (Empatia)
Prepara
Visualizza
Comunica
Rischia
Pensa

vi racconto un segreto
source: afterpop.tv

questo è quello che ho inviato
source blog.okcupid.com

e questo
source blog.okcupid.com

#machièquesta
@albertatrebla
albertasoranzo@gmail.com
albertasoranzo.com
grazie!

Cosa si vede da qua

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Mehr von Alberta Soranzo

Mehr von Alberta Soranzo (20)

Cosa si vede da qua