Your SlideShare is downloading. ×

Cosa si vede da qua

643

Published on

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 …

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/

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
643
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
8
Comments
0
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaCosa si vede da quaUX e IA con i sottotitoli, ma in che lingua?alberta soranzo | @albertatreblaMilan UX Book Clubsource: picstopin.com
  • 2. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaio = INTJIllustration: Dan WillisCiao!
  • 3. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectala cacciasource: mamaslatinas.com
  • 4. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectanon lo dico solo ioWhen I think about what sort of person Iwould most like to have on a retainer, Ithink it would be a boss. A boss who couldtell me what to do, because that makeseverything easy when you’re working.— A. Warhol
  • 5. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaussignur!
  • 6. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaussignur!
  • 7. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectagente normalela sottoscrittaEric ReissLynn BoydenAndrea ResminiChris ChandlerJason Hobbs, Jeff Parks, Dan Klyn
  • 8. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaMaurice Sendak, Where the Wild Things Areci vedono così
  • 9. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectacosa vogliono le persone?source The Economist via youtube.comRichard  Saul  Wurman  —  The  Economists  Ideas  Economy:  Informa;on  2012  
  • 10. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectauna corsa a ostacolisource: angelairvin.com
  • 11. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectagli ostacoliIgnoranzaAspettativeResistenza
  • 12. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaostacolo: ignoranzai-gno-ràn-zas.f.Mancato possesso di nozioni odinformazioni su una data materia o suavvenimenti.
  • 13. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaostacolo: aspettativea-spet-ta-tì-vas.f.speranza, previsione
  • 14. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaostacolo: resistenzare-si-stèn-za  s.f.Rifiuto di accettare o ottemperare aqualcosa; opposizione; atteggiamento dinon collaborazione.source drlynnesherman.com
  • 15. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectadiagramma di Venn (ce ne vuole almeno uno)IgnoranzaAspettativeResistenzaPAURA
  • 16. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectadiagramma di Venn (ce ne vuole almeno uno)IgnoranzaAspettativeResistenzaPAURA
  • 17. 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
  • 18. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectamarine? non funzionasource wikipedia.org
  • 19. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectala lettera “E”em-pa-tì-a  s.f.Capacità di un individuo di comprenderein modo immediato i pensieri e gli statidanimo di unaltra persona.
  • 20. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectal’empatia è una strada a tre corsiestakeholdersutentiYou areHERE colleghi
  • 21. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectacompagni di viaggio
  • 22. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectail pianosource newlearningcentre.com
  • 23. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectail piano (ce ne vuole uno)PreparaVisualizzaComunica
  • 24. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaprepara• fai ricerca• sii il tuo back-up (le prove!)• offri alternative
  • 25. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaPreparaVisualizzaComunicail piano (ce ne vuole uno)
  • 26. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectavisualizza• Sketches• Whiteboards• Diagrammi• Stampate• Qualsiasi cosa, in realtà.source divergentmba.wordpress.com
  • 27. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectavisualizzasource divergentmba.wordpress.com
  • 28. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaPreparaVisualizzaComunicail piano (ce ne vuole uno)
  • 29. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaricordi visualizza?• Sketches• Whiteboards• Diagrammi• Stampate• Qualsiasi cosa, in realtà.• Qualsiasi cosa, in realtà, che traduca ciòche hai in mente in qualcosa che altripossano comprendere.
  • 30. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectacomprensione collettivaFavorire la comprensione collettivaattraverso la creazione di un vocabolariocomune e insiemi di riferimenti condivisi.
  • 31. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta(bonus) chi non risicasource: annamanderson.com
  • 32. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectada dove viene?O@eni  rispeBoO@eni  opportunitàDimostra  il  valoreEsternoCrea  opportunitàDimostra  il  valoreO@eni  rispeBoMaggiore  influenza,  ulteriori  opportunitàInternosource uxmag.com - Kim Bieler
  • 33. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectadatti una mossa
  • 34. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectadatti una mossa
  • 35. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectafai un viaggiosource: flyttobarcelona.org
  • 36. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaNZ001 — LHR-LAX
  • 37. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaNZ001 — LHR-LAX
  • 38. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaNZ001 — LHR-LAX
  • 39. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaNZ001 — LHR-LAX
  • 40. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaNZ001 — LHR-LAX
  • 41. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaNZ001 — LHR-LAX
  • 42. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaNZ001 — LHR-LAX
  • 43. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaNZ001 — LHR-LAX
  • 44. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectabased on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html(nuova) scala di Armano: da WTF a OMG!
  • 45. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaanatomia del processosource: thebarracuda57.wordpress.com/
  • 46. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectapaura, vero?source: blog.qburst.com
  • 47. VISUAL DESIGNVISUAL DESIGNINFORMATION DESIGNINFORMATION DESIGNSTRUCTURESTRUCTUREREQUIREMENTSREQUIREMENTSSTRATEGYSTRATEGYDesigning the presentation of informationto facilitate understandingnavigation, table of contents, indices,visual hierarchyStructural design of the information spaceto facilitate intuitive access to contentinformation architecture, interactiondesign, wireframe, progressive disclosureDefinition of scope, user needs, contentand information requirements, functionalspecificationspersonas, accessibility, feature set,ethnographic research, differentiation,purposePlanning out the objectives and goalsof the project, specifying organisationalrequirementsproject space, project schedule, selectingmethods and techniques, briefingCONCEPTIONabstractCOMPLETIONconcreteThe visual treatment of graphic elements,the look and feel of the producttypography, colour palette, alignment,texture, tactile quality of materialsGOOD PRACTICE GUIDELINESIt is important to consider good practice guidelines relevant tothe project in order to address broad user requirements and meetaccessibility standards. For example RNIB legibility guidelines, W3Cvalidation, ISO standards, British Standards or ergonomic principles.USER REQUIREMENTSIt is vital to use all available resources to gather information aboutthe users’ requirements. Successful projects use an average offive 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 arewritten down on individual sticky notes, weighed against one anotherand organised according to priority or other criteria (speed, cost,quality, desirability etc). This technique can also be used with usersto get them to put their considerations in order of importance.PROJECT SPACEA dedicated project area where research and visualisations can beorganised spatially on walls provides a creative work environmentwhere meetings can be held surrounded by stimuli. Constructing astory about the project in the space providing roughs and unpolisheddesign invites others to comment and contribute.PERSONAS AND SCENARIOSA persona is an archetype comprised of habits and characteristicsof the target audience. Scenarios are little stories describing howtypical user tasks are carried out. They help to anticipate and identifythe decisions a user will have to make at each step in their experienceand through each environment or system state they will encounter.AESTHETICSVisual design impacts greatly on the usability of a product. Usersprefer a beautiful look & feel over an ugly or dull one. Aesthetic designsare perceived as easier to use, whether they are or not. Good designersfind a perfect combination of accessibility and aesthetics.PROGRESSIVE DISCLOSUREManaging the information complexity or cognitive load by displayingonly relevant information at any given time prevents informationoverload. For example through effective signposting of destinationsin a wayfinding system or using “read more” links on a website.USABILITY TESTINGEvaluating a product by testing it with representative users helpsto identify usability problems by collecting quantitative data onthe users’ performance (e.g. error rate) and establishing theirsatisfaction with the product.METHODS AND TECHNIQUES METHODS AND TECHNIQUESCONCEPTIMPLEMENTATIONEVALUATIONPERSONAS & SCENARIOSROLE PLAYUSER TESTINGACCESSIBILITY TESTINGFOCUS GROUPOBSERVATIONThe user centred design processis an iterative cycle where everystep is evaluated against theinitially identified requirementsof the users and iterated untilthese requirements are met.Evaluation methods include:ANALYSISANDPLANNINGLAUNCHcosa si vede da qua | @albertatrebla Milan UX Book Club | Architectauser centered designsource: paznow.com
  • 48. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaUXPAsource: blog.qburst.com
  • 49. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectail processoStrategia → Ricerca → Analisi → Design→ Produzione
  • 50. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaartefatti (li chiamiamo deliverables)source: @tuna (Gary Barber)
  • 51. StoriesProverbsPersonasScenariosContent Inventories AnalyticsUser SurveysConcept MapsSystem MapsProcess FlowsWireframesStoryboardsConcept DesignsPrototypesNarrative ReportsPresentationPlansStyle Guides SpecificationsDesign Patternscosa si vede da qua | @albertatrebla Milan UX Book Club | Architectasemanticstudiossource: semanticstudio.com
  • 52. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaartefattisource: semanticstudio.com
  • 53. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectadeliverables - Jamie R. LevySiamo tutti in grado di disegnare unquadrato e metterlo su una pagina.— Jamie R. Levy, 2013
  • 54. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectadeliverables - Peter MorvilleChiaramente questi artefatti del processonon sono tutta la storia. Bisogna anchepensare alle relazioni tra obiettivi, metodi edocumenti.— Peter Morville, 2009
  • 55. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectascimmie ammaestratesource: nerudaproject.wordpress.com
  • 56. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaevoluzione del ruolo professionalesource: geekybytes.orgCOSA
  • 57. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectasource: c21nicholson.com“u” (tu)
  • 58. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectasource: geekybytes.orgCOMECOSAevoluzione del ruolo professionale
  • 59. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectadeliverables - Peter MorvilleChiaramente questi artefatti del processonon sono tutta la storia. Bisogna anchepensare alle relazioni tra obiettivi, metodi edocumenti.— Peter Morville, 2009
  • 60. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectametodi e valori“Per quanto riguarda i metodi, ce ne sonomilioni, ma i valori sono pochi. Luomo checomprende i valori può selezionare consuccesso i suoi metodi. Luomo che cercametodi, ignorando i valori, sicuramenteincontrerà difficoltà.”— Ralph Waldo Emerson
  • 61. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectadico ioSolo perchè lo fanno tutti, non vuol dire chefunzionerà anche per te.
  • 62. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectail problema realeVeneriamo il “fare” e la tecnologia.
  • 63. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaun piccolo esperimento sociale
  • 64. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaun piccolo esperimento sociale
  • 65. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaSeamus O’Leary, PhDQueen’s UniversityInstitute of Cognition and CultureBelfast“Predictive Cognitive Semantic Analysis: An Algorithm forPlace-Making in Cross-Channel Experiences” (2010)un piccolo esperimento sociale
  • 66. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaPredictive Cognitive Semantic Analysis“I had an intuition that by interpolating results of bestmerge dendograms with anti-pattern libraries and textreadability scores, my algorithm would accurately predictthe boundaries of cognitive and semantic mapping.”un piccolo esperimento sociale
  • 67. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaPredictive 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
  • 68. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectama 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
  • 69. 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  pubblicosource: uxmatters.comma solo in America?
  • 70. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta“E” = “C”em-pa-tì-a  s.f.Capacità di un individuo di comprenderein modo immediato i pensieri e gli statidanimo di unaltra persona.
  • 71. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectal’empatia è una strada a tre corsieStakeholdersutentiYou areHERE colleghi
  • 72. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaallora cosa devo fare?PENSA(prima di agire)
  • 73. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaaspetta 5 minuti“Man, give it five minutes.”(Cribbio, aspetta cinque minuti)— Richard Saul Wurman
  • 74. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectafai più domande“Asking questions means you want to know.”(Fare domande significa voler comprendere)— Jason Fried (37signals)
  • 75. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectadaily UX zen
  • 76. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaempatia = entrare in ruolo per comprenderestakeholdersutenticolleghisei tutti loro
  • 77. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectachi sei?
  • 78. 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
  • 79. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaNZ001 — LHR-LAX
  • 80. cosa si vede da qua | @albertatrebla Milan UX Book Club | ArchitectaNZ001 — LHR-LAX
  • 81. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaper riassumereSenti (Empatia)PreparaVisualizzaComunicaRischiaPensa
  • 82. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectavi racconto un segretosource: afterpop.tv
  • 83. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectaquesto è quello che ho inviatosource blog.okcupid.com
  • 84. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectae questosource blog.okcupid.com
  • 85. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectae questosource blog.okcupid.com
  • 86. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architectae questosource blog.okcupid.com
  • 87. cosa si vede da qua | @albertatrebla Milan UX Book Club | Architecta#machièquesta@albertatreblaalbertasoranzo@gmail.comalbertasoranzo.comgrazie!

×