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

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

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

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

stakeholders

utenti

stakeholders

utenti

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.

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

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

source: c21nicholson.com

“u” (tu)

source: geekybytes.org

COSA(E PERCHÉ)

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

#machièquesta

@albertatreblaalbertasoranzo@gmail.com

albertasoranzo.com

grazie!

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)

architetto sl

Aveva Pipe Designer

Ho imparato veronica

Gabriel Matera - Architetto

Imparato Carie

Montessori Designer Grimaldi

a cura di M.Bozzola ARREDO & TERRITORIO - core.ac.uk · Architetto e designer, collaboratore a contratto presso il Dipartimento di ... progettati da studenti di architettura e design

Arnaldo Arnaldi, Vittorio Fiore, Pierluigi Salvadeo, Marina Sprea˜co · 2017. 12. 1. · Riccardo Dalisi, architetto, designer, artista, docente Università di Napoli Federico II

Designer steroids

Corso Web Designer

architetto e designer - mariogottardiarchitetto.it · Mario Gottardi architetto e designer La grammatica della linea 4 5 La grammatica della linea Mario Gottardi architetto e designer

ALBERTO LAGO - Advantage Austria€¦ · ALBERTO LAGO Ingegnere, Architetto e Designer Progettista multidisciplinare con base Venezia. Ha una Laurea in Ingegneria Edile (Padova),

Sound designer

portfolio_corrado roggeri architetto

10-06-2018 Aida Mat › globalassets › user...set designer Gianni Quaranta costume designer Dada Saligeri lighting designer Gil Wechsler choreographer ... The king names Radamès

Maristella Medici Architetto

NEWSLETTER DEL CENTRO ASSISTENZA PER BAMBINI …Laura Sabbadini (Statistica), Paola Santini (Ricercatrice Astrofisica), Ludovica Serafini (Designer e Architetto), Loredana Taddei (Responsabile

NORMAN FOSTER - profdaquino.it · NORMAN FOSTER Architetto • Designer Nasce nel 1935 a Manchester. Frequenta l’Università di Yale. Nel 1987 riceve il Premio Compasso d’Oro.

ITALIA MOOD SET the - ceramicaprotagonisti illustri nell’ambito dell’architettura e del design. La Lezione alla Rovescia è tenuta il 29 settembre dal designer, architetto e blogger

cx designer