Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’informazione)

@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


io = INTJ

Illustration: Dan Willis

Ciao!


CHI SIAMO

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


gente normale

la sottoscrittaEric 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


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

ResistenzaPAURA


(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


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 areHERE colleghi


compagni di viaggio


IL PIANO

source newlearningcentre.com


il piano (ce ne vuole uno)

PreparaVisualizzaComunica


prepara

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


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

source uxmag.com - Kim Bieler


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


datti una mossa


FAI UN VIAGGIO

source: flyttobarcelona.org


NZ001 — LHR-LAX


ANATOMIA DI UN 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

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


user centered design

source: paznow.com


UXPA

source: blog.qburst.com


il processo

Strategia → Ricerca → Analisi → Design → Produzione


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


semanticstudios

source: semanticstudio.com


artefatti

source: semanticstudio.com


artefatti - 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

COME


source: c21nicholson.com

“u” (tu)


source: geekybytes.org

COSA(E PERCHÉ)

COME

evoluzione del ruolo professionale


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


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, PhDQueen’s UniversityInstitute of Cognition and CultureBelfast

“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, ges;re i

cambiamen;• India — ges;one personalità difficili, ispirare

fiducia, ges;one del tempo, soluzione di confli@

source: uxmatters.com


• 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?


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?


NZ001 — LHR-LAX


per riassumere

Senti (Empatia) PreparaVisualizzaComunicaRischiaPensa


vi racconto un segreto

source: afterpop.tv


questo è quello che ho inviato

source blog.okcupid.com


e questo

source blog.okcupid.com


#machièquesta

@[email protected]

albertasoranzo.com

grazie!

mailto:[email protected]

mailto:[email protected]


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

Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’informazione)

Technology

Transcript of Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’informazione)