Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’informazione)
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 862 views

I had a chat with the students of the first Italian Master in Information Architecture and we talked about professional growth and evolution of our role as practitioners. (In Italian)

I had a chat with the students of the first Italian Master in Information Architecture and we talked about professional growth and evolution of our role as practitioners. (In Italian)

Statistics

Views

Total Views
862
Views on SlideShare
861
Embed Views
1

Actions

Likes
0
Downloads
6
Comments
0

1 Embed 1

http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • DUE O TRE COSE CHE HO IMPARATO La figura dell’UX designer e architetto dell’informazione alberta soranzo | @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia source: picstopin.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • io = INTJ Ciao! Illustration: Dan Willis @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • CHI SIAMO source: mamaslatinas.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 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 @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • gente normale andler Chris Ch ea Andr Klyn s, Dan ff Park bbs, Je on Ho Lynn Boyde n Jas ini Resm Eric Reis s @albertatrebla la sottoscritta Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • ci vedono così Maurice Sendak, Where the Wild Things Are @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • cosa vogliono le persone? Richard  Saul  Wurman  —  The  Economist's  Ideas  Economy:  Informa;on  2012   source The Economist via youtube.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • cosa vogliono le persone? Richard  Saul  Wurman  —  The  Economist's  Ideas  Economy:  Informa;on  2012   source The Economist via youtube.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • CORSA A OSTACOLI source: angelairvin.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • gli ostacoli Ignoranza Aspettative Resistenza @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • ostacolo: ignoranza i-gno-ràn-za s.f. Mancato possesso di nozioni o d'informazioni su una data materia o su avvenimenti. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • ostacolo: aspettative a-spet-ta-tì-va s.f. speranza, previsione @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • ostacolo: resistenza re-si-stèn-za   s.f. Rifiuto di accettare o ottemperare a qualcosa; opposizione; atteggiamento di non collaborazione. source drlynnesherman.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • diagramma di Venn (ce ne vuole almeno uno) PAURA Ignoranza Resistenza Aspettative @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • diagramma di Venn (ce ne vuole almeno uno) PAURA Ignoranza Resistenza Aspettative @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • (nuova) scala di Armano: da WTF a OMG! based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • marine? non funziona source wikipedia.org @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • la lettera “E” em-pa-tì-a   @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 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. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • l’empatia è una strada a tre corsie stakeholders You are HERE colleghi utenti @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • l’empatia è una strada a tre corsie stakeholders You are HERE colleghi utenti @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • l’empatia è una strada a tre corsie stakeholders You are HERE colleghi utenti @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • compagni di viaggio @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • IL PIANO source newlearningcentre.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • il piano (ce ne vuole uno) Prepara Visualizza Comunica @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • prepara • fai ricerca • sii il tuo back-up (le prove!) • offri alternative @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • il piano (ce ne vuole uno) Prepara Visualizza Comunica @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • visualizza • Sketches • Whiteboards • Diagrammi • Stampate • Qualsiasi cosa, in realtà. source divergentmba.wordpress.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • visualizza source divergentmba.wordpress.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • il piano (ce ne vuole uno) Prepara Visualizza Comunica @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • ricordi visualizza? • Sketches • Whiteboards • Diagrammi • Stampate realtà. • Qualsiasi cosa, in realtà, che traduca ciò che hai in mente in qualcosa che altri possano comprendere. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • ricordi visualizza? • Sketches • Whiteboards • Diagrammi • Stampate realtà. • Qualsiasi cosa, in realtà, che traduca ciò che hai in mente in qualcosa che altri possano comprendere. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • comprensione collettiva Favorire la comprensione collettiva attraverso la creazione di un vocabolario comune e insiemi di riferimenti condivisi. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • (BONUS) CHI NON RISICA source: annamanderson.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • da dove viene? Esterno O@eni  rispeBo O@eni  opportunità Dimostra  il  valore source uxmag.com - Kim Bieler @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • da dove viene? Esterno Interno O@eni  rispeBo Crea  opportunità O@eni  opportunità Dimostra  il  valore Dimostra  il  valore O@eni  rispeBo Maggiore  influenza,   ulteriori  opportunità source uxmag.com - Kim Bieler @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • datti una mossa @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • datti una mossa @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • FAI UN VIAGGIO source: flyttobarcelona.org @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • (nuova) scala di Armano: da WTF a OMG! based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • ANATOMIA DI UN PROCESSO source: thebarracuda57.wordpress.com/ @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • paura, vero? source: blog.qburst.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • user centered design COMPLETION concrete VISUAL DESIGN The visual treatment of graphic elements, the look and feel of the product STRATEGY CONCEPTION abstract information architecture, interaction design, wireframe, progressive disclosure personas, accessibility, feature set, ethnographic research, differentiation, purpose Planning out the objectives and goals of the project, specifying organisational requirements REQUIREMENTS navigation, table of contents, indices, visual hierarchy Definition of scope, user needs, content and information requirements, functional specifications STRUCTURE Designing the presentation of information to facilitate understanding Structural design of the information space to facilitate intuitive access to content INFORMATION DESIGN typography, colour palette, alignment, texture, tactile quality of materials project space, project schedule, selecting methods and techniques, briefing IS YS AL AN G IN N AN PL LA UN CH D AN METHODS AND TECHNIQUES STICKY NOTES USER REQUIREMENTS 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. 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. 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. @albertatrebla ION AT NT CO ALUATION EV 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: PERSONAS & SCENARIOS ROLE PLAY USER TESTING ACCESSIBILITY TESTING FOCUS GROUP OBSERVATION T EP NC 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. IMP LE M E METHODS AND TECHNIQUES 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. 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. 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 source: paznow.com 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. Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • UXPA source: blog.qburst.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • il processo Strategia → Ricerca → Analisi → Design → Produzione @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • ARTEFATTI (DELIVERABLES) source: @tuna (Gary Barber) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • semanticstudios Scenarios Stories Personas Content Inventories Proverbs Process Flows System Maps Concept Maps Analytics User Surveys Wireframes Prototypes Storyboards Concept Designs Narrative Reports Presentation Design Patterns @albertatrebla Style Guides source: semanticstudio.com Specifications Plans Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • artefatti source: semanticstudio.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • artefatti - Jamie R. Levy Siamo tutti in grado di disegnare un quadrato e metterlo su una pagina. — Jamie R. Levy, 2013 @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 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 @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • scimmie ammaestrate source: nerudaproject.wordpress.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • evoluzione del ruolo professionale COME source: geekybytes.org @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • “u” (tu) source: c21nicholson.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • evoluzione del ruolo professionale COME COSA (E  PERCHÉ) source: geekybytes.org @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 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 @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 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 @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • dico io Solo perchè lo fanno tutti, non vuol dire che funzionerà anche per te. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • il problema reale Veneriamo il “fare” e la tecnologia. @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • un piccolo esperimento sociale @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • un piccolo esperimento sociale @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 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) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • un piccolo esperimento sociale 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.” @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • un piccolo esperimento sociale 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) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • 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 @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • ma solo in America? • • • 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 @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • allora cosa devo fare? PENSA (prima di agire) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • aspetta 5 minuti “Man, give it five minutes.” (Cribbio, aspetta cinque minuti) — Richard Saul Wurman @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • fai più domande “Asking questions means you want to know.” (Fare domande significa voler comprendere) — Jason Fried (37signals) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • daily UX zen @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • empatia = entrare in ruolo per comprendere stakeholders sei tutti loro colleghi utenti @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • chi sei? @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • (nuova) scala di Armano: da WTF a OMG! based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • NZ001 — LHR-LAX @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • per riassumere Senti (Empatia) Prepara Visualizza Comunica Rischia Pensa @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • vi racconto un segreto source: afterpop.tv @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • questo è quello che ho inviato source blog.okcupid.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • e questo source blog.okcupid.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • e questo source blog.okcupid.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • e questo source blog.okcupid.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • #machièquesta grazie! @albertatrebla albertasoranzo@gmail.com albertasoranzo.com @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia
  • approfondimenti Information Architecture for the World Wide Web: Designing Large-Scale Web Sites Peter Morville and Louis Rosenfeld O’Reilly, 2008 (1st ed.) Pervasive Information Architecture: Designing Cross-Channel User Experiences Andrea Resmini and Luca Rosati Morgan Kaufmann, 2011 Undercover User Experience Cennyd Bowles and James Box New Riders, 2010 Information Anxiety Richard Saul Wurman Doubleday, 1989 (1st ed.) The Design of Everyday Things Don Norman Basic Books, 2002 (1st ed.) @albertatrebla Master in Architettura dell’Informazione | Università per Stranieri Perugia