Upload
alberta-soranzo
View
655
Download
3
Embed Size (px)
DESCRIPTION
In a word where labels matter, where processes have to have a name and deliverables are strictly defined, how do you put "you" back in the practice of UX? And how do you convey the value of what you do in environments where there is no understanding of IA and UX? The tools you use, the processes you follow, the methodologies and techniques you employ are important, but what really makes your work stand out is, well, you. It's your unique approach, your creativity and the solutions you bring to the table. And, of course, how you go about introducing them to clients and the people you work with. --- Slides in Italian This talk was given on June 17th, 2013 at Politecnico di Milano (Career Lab) and hosted by Milan UX Book Club and Architecta, the Italian Society for Information Architecture. http://milanuxbookclub.wordpress.com/ http://www.architecta.it/
Citation preview
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
Cosa si vede da quaUX e IA con i sottotitoli, ma in che lingua?
alberta soranzo | @albertatreblaMilan UX Book Club
source: picstopin.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
io = INTJ
Illustration: Dan Willis
Ciao!
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
la caccia
source: mamaslatinas.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
ussignur!
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
ussignur!
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
gente normale
la sottoscrittaEric Reiss
Lynn Boyden
Andrea Resmini
Chris Chandler
Jason Hobbs, Jeff Parks, Dan Klyn
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
Maurice Sendak, Where the Wild Things Are
ci vedono così
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
cosa vogliono le persone?
source The Economist via youtube.com
Richard Saul Wurman — The Economist's Ideas Economy: Informa;on 2012
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
una corsa a ostacoli
source: angelairvin.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
gli ostacoli
Ignoranza
Aspettative
Resistenza
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
ostacolo: ignoranza
i-gno-ràn-za
s.f.Mancato possesso di nozioni o d'informazioni su una data materia o su avvenimenti.
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
ostacolo: aspettative
a-spet-ta-tì-va
s.f.speranza, previsione
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
ostacolo: resistenza
re-si-stèn-za
s.f.Rifiuto di accettare o ottemperare a qualcosa; opposizione; atteggiamento di non collaborazione.
source drlynnesherman.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
diagramma di Venn (ce ne vuole almeno uno)
Ignoranza
Aspettative
ResistenzaPAURA
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
diagramma di Venn (ce ne vuole almeno uno)
Ignoranza
Aspettative
ResistenzaPAURA
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
(nuova) scala di Armano: da WTF a OMG!
based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
marine? non funziona
source wikipedia.org
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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.
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
l’empatia è una strada a tre corsie
stakeholders
utenti
You areHERE colleghi
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
compagni di viaggio
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
il piano
source newlearningcentre.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
il piano (ce ne vuole uno)
PreparaVisualizzaComunica
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
prepara
• fai ricerca• sii il tuo back-up (le prove!) • offri alternative
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
PreparaVisualizzaComunica
il piano (ce ne vuole uno)
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
visualizza
• Sketches•Whiteboards•Diagrammi• Stampate•Qualsiasi cosa, in realtà.
source divergentmba.wordpress.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
visualizza
source divergentmba.wordpress.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
PreparaVisualizzaComunica
il piano (ce ne vuole uno)
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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.
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
comprensione collettiva
Favorire la comprensione collettiva attraverso la creazione di un vocabolario comune e insiemi di riferimenti condivisi.
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
(bonus) chi non risica
source: annamanderson.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
datti una mossa
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
datti una mossa
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
fai un viaggio
source: flyttobarcelona.org
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
NZ001 — LHR-LAX
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
NZ001 — LHR-LAX
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
NZ001 — LHR-LAX
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
NZ001 — LHR-LAX
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
NZ001 — LHR-LAX
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
NZ001 — LHR-LAX
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
NZ001 — LHR-LAX
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
NZ001 — LHR-LAX
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html
(nuova) scala di Armano: da WTF a OMG!
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
anatomia del processo
source: thebarracuda57.wordpress.com/
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
user centered design
source: paznow.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
UXPA
source: blog.qburst.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
il processo
Strategia → Ricerca → Analisi → Design → Produzione
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
artefatti (li chiamiamo 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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
semanticstudios
source: semanticstudio.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
artefatti
source: semanticstudio.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
deliverables - Jamie R. Levy
Siamo tutti in grado di disegnare un quadrato e metterlo su una pagina. — Jamie R. Levy, 2013
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
scimmie ammaestrate
source: nerudaproject.wordpress.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
evoluzione del ruolo professionale
source: geekybytes.org
COSA
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
source: c21nicholson.com
“u” (tu)
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
source: geekybytes.org
COMECOSA
evoluzione del ruolo professionale
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
dico io
Solo perchè lo fanno tutti, non vuol dire che funzionerà anche per te.
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
il problema reale
Veneriamo il “fare” e la tecnologia.
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
un piccolo esperimento sociale
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
un piccolo esperimento sociale
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
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
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
• 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?
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
“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.
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
l’empatia è una strada a tre corsie
Stakeholders
utenti
You areHERE colleghi
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
allora cosa devo fare?
PENSA(prima di agire)
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
aspetta 5 minuti
“Man, give it five minutes.” (Cribbio, aspetta cinque minuti) — Richard Saul Wurman
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
fai più domande
“Asking questions means you want to know.”(Fare domande significa voler comprendere) — Jason Fried (37signals)
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
daily UX zen
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
empatia = entrare in ruolo per comprendere
stakeholders
utenti
colleghisei tutti loro
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
chi sei?
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
(nuova) scala di Armano: da WTF a OMG!
based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
NZ001 — LHR-LAX
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
NZ001 — LHR-LAX
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
per riassumere
Senti (Empatia) PreparaVisualizzaComunicaRischiaPensa
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
vi racconto un segreto
source: afterpop.tv
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
questo è quello che ho inviato
source blog.okcupid.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
e questo
source blog.okcupid.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
e questo
source blog.okcupid.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
e questo
source blog.okcupid.com
cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta
#machièquesta
albertasoranzo.com
grazie!