Cosa si vede da qua

87
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

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/

Transcript of Cosa si vede da qua

Page 1: Cosa si vede da qua

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

Page 2: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

io = INTJ

Illustration: Dan Willis

Ciao!

Page 3: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

la caccia

source: mamaslatinas.com

Page 4: Cosa si vede da qua

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

Page 5: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

ussignur!

Page 6: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

ussignur!

Page 7: Cosa si vede da qua

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

Page 8: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

Maurice Sendak, Where the Wild Things Are

ci vedono così

Page 9: Cosa si vede da qua

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  

Page 10: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

una corsa a ostacoli

source: angelairvin.com

Page 11: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

gli ostacoli

Ignoranza

Aspettative

Resistenza

Page 12: Cosa si vede da qua

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.

Page 13: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

ostacolo: aspettative

a-spet-ta-tì-va

s.f.speranza, previsione

Page 14: Cosa si vede da qua

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

Page 15: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

diagramma di Venn (ce ne vuole almeno uno)

Ignoranza

Aspettative

ResistenzaPAURA

Page 16: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

diagramma di Venn (ce ne vuole almeno uno)

Ignoranza

Aspettative

ResistenzaPAURA

Page 17: Cosa si vede da qua

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

Page 18: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

marine? non funziona

source wikipedia.org

Page 19: Cosa si vede da qua

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.

Page 20: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

l’empatia è una strada a tre corsie

stakeholders

utenti

You areHERE colleghi

Page 21: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

compagni di viaggio

Page 22: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

il piano

source newlearningcentre.com

Page 23: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

il piano (ce ne vuole uno)

PreparaVisualizzaComunica

Page 24: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

prepara

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

Page 25: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

PreparaVisualizzaComunica

il piano (ce ne vuole uno)

Page 26: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

visualizza

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

source divergentmba.wordpress.com

Page 27: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

visualizza

source divergentmba.wordpress.com

Page 28: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

PreparaVisualizzaComunica

il piano (ce ne vuole uno)

Page 29: Cosa si vede da qua

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.

Page 30: Cosa si vede da qua

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.

Page 31: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

(bonus) chi non risica

source: annamanderson.com

Page 32: Cosa si vede da qua

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

Page 33: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

datti una mossa

Page 34: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

datti una mossa

Page 35: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

fai un viaggio

source: flyttobarcelona.org

Page 36: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

NZ001 — LHR-LAX

Page 37: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

NZ001 — LHR-LAX

Page 38: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

NZ001 — LHR-LAX

Page 39: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

NZ001 — LHR-LAX

Page 40: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

NZ001 — LHR-LAX

Page 41: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

NZ001 — LHR-LAX

Page 42: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

NZ001 — LHR-LAX

Page 43: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

NZ001 — LHR-LAX

Page 44: Cosa si vede da qua

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!

Page 45: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

anatomia del processo

source: thebarracuda57.wordpress.com/

Page 46: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

paura, vero?

source: blog.qburst.com

Page 47: Cosa si vede da qua

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

Page 48: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

UXPA

source: blog.qburst.com

Page 49: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

il processo

Strategia → Ricerca → Analisi → Design → Produzione

Page 50: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

artefatti (li chiamiamo deliverables)

source: @tuna (Gary Barber)

Page 51: Cosa si vede da qua

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

Page 52: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

artefatti

source: semanticstudio.com

Page 53: Cosa si vede da qua

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

Page 54: Cosa si vede da qua

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

Page 55: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

scimmie ammaestrate

source: nerudaproject.wordpress.com

Page 56: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

evoluzione del ruolo professionale

source: geekybytes.org

COSA

Page 57: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

source: c21nicholson.com

“u” (tu)

Page 58: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

source: geekybytes.org

COMECOSA

evoluzione del ruolo professionale

Page 59: Cosa si vede da qua

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

Page 60: Cosa si vede da qua

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

Page 61: Cosa si vede da qua

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.

Page 62: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

il problema reale

Veneriamo il “fare” e la tecnologia.

Page 63: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

un piccolo esperimento sociale

Page 64: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

un piccolo esperimento sociale

Page 65: Cosa si vede da qua

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

Page 66: Cosa si vede da qua

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

Page 67: Cosa si vede da qua

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

Page 68: Cosa si vede da qua

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

Page 69: Cosa si vede da qua

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?

Page 70: Cosa si vede da qua

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.

Page 71: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

l’empatia è una strada a tre corsie

Stakeholders

utenti

You areHERE colleghi

Page 72: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

allora cosa devo fare?

PENSA(prima di agire)

Page 73: Cosa si vede da qua

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

Page 74: Cosa si vede da qua

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)

Page 75: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

daily UX zen

Page 76: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

empatia = entrare in ruolo per comprendere

stakeholders

utenti

colleghisei tutti loro

Page 77: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

chi sei?

Page 78: Cosa si vede da qua

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

Page 79: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

NZ001 — LHR-LAX

Page 80: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

NZ001 — LHR-LAX

Page 81: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

per riassumere

Senti (Empatia) PreparaVisualizzaComunicaRischiaPensa

Page 82: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

vi racconto un segreto

source: afterpop.tv

Page 83: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

questo è quello che ho inviato

source blog.okcupid.com

Page 84: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

e questo

source blog.okcupid.com

Page 85: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

e questo

source blog.okcupid.com

Page 86: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

e questo

source blog.okcupid.com

Page 87: Cosa si vede da qua

cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta

#machièquesta

@[email protected]

albertasoranzo.com

grazie!