HCI to UX to HCI - Parte A

Download HCI to UX to HCI - Parte A

Post on 27-Jan-2015

104 views

Category:

Technology

1 download

Embed Size (px)

DESCRIPTION

In questa presentazione, ho provato a percorrere la strada che ha portato dal modello "classico" della Human-Computer-Interaction all'attuale modello dello User-Experience Design, un "cappello" multi-disciplinare sotto il quale oggi si raccolgono diverse competenze, pratiche e metodologie (architettura delle informazioni, etnografia, interaction design, graphic and visual design, web/software design and development, user-testing, per dirne alcune) utilizzate per la progettazione e la realizzazione non solo di interfacce (software/applicative, web, mobile, ecc.) ma anche e soprattutto di servizi (cross-canale, cross-device, multi-ambiente) e di vere e proprie "esperienze utente". Da qui, ho provato a guardare al futuro, dallo UXD delle reti sociali alle contraddizioni fra convergenza delle metafore d'interazione e frammentazione dei medium di fruizione, per arrivare a immaginare di poter parlare un giorno di "Humanity-Cloud Interaction".

TRANSCRIPT

<ul><li> 1. HCI to UX to HCIcL I GenrA (IvrI dgI Ud I Esi) rE 0 CebE 01</li></ul> <p> 2. HelloPassatoindex ApplePresenteFuturo 3. HelloUna mia breve presentazione 4. Chi sono Area Web = Cristiano Rastelli &amp; Liliana Bragadin miei clienti diretti + freelance per agenzie attivita = lavoro + passione ogni lavoro e un progetto a se web-oriented da oltre 15 anni 5. Competenze web development interface &amp; web design interaction/ux design 6. StrumentiDESIGN DEVELOPMENT TEST &amp; DEBUG 7. Alcuni esempi del mio lavoro Siti web 8. Il Foglio Quotidiano Editoria 9. Il Foglio Quotidiano Editoria 10. Multiutility Energia 11. Multiutility Energia 12. Multiutility Energia 13. CT Crane Industria 14. CA Scale PMI 15. TM Sportmanagement Sport 16. TM Sportmanagement Sport 17. Elena Ziletti Servizi 18. Scuola Chizzolini Educazione 19. Scuola Chizzolini Educazione 20. WEBdeBS No-profit 21. Mosaico (Banca Intesa) Intranet 22. NoSQL Day / Node.js Conf / For Real Conf Eventi 23. Maya Spettacolo 24. Camillo Blog Personali 25. Alcuni esempi del mio lavoro Applicazioni 26. Codice Plastico User-InterfaceN .D.A. 27. Codice Plastico User-InterfaceN .D.A. 28. Codice Plastico User-Interface N.D.A. 29. Codice Plastico User-InterfaceN .D.A. 30. Codice PlasticoUser-Interface N .D.A. 31. Eliwell User-InterfaceN.D.A. 32. Evoluzione Telematica User-InterfaceN .D.A. 33. I progetti di cui ci occupiamo { piccoli progettimedi grandi 34. Quello che voglio raccontarvi oggi...job-oriented 35. Quello che voglio raccontarvi oggi...job-oriented 36. PassatoHuman-Computer-Interaction 37. Il mio primo impatto con lHCI 38. Il mio primo impatto con lHCIicon-based interfaces 39. Il mio primo impatto con lHCI touch-screens 40. Il mio primo impatto con lHCI 41. Il mio primo impatto con lHCI Mac System 7 42. Il mio primo impatto con lHCI 1992 Mac System 7 43. Il mio primo impatto con lHCIpraticamente stiamo parlando di decine di anniepoche geologiche nellinformatica 44. La mia sensazione e stata questa... 1700 1900 45. Il mio primo impatto con lHCItutto da buttare? 46. Approcci empirici, non regole matematiche! 47. Metodi di lavoro 48. Metodi di lavoroATTENZIONE: anche questi possono diventare obsoleti ! 49. "The man on the mirror"vs. 50. La relazione uomo-macchina 51. Approccio meccanicistico 52. La relazione uomo-macchinauomo macchina 53. Luomo e un essere complesso 54. Luomo non e [solo] un essere razionale 55. I miei primi passi come UX designer Usability 56. Cera una volta lusabilita 57. Un grosso malinteso accessibile vs. usabile 58. Linee guida per laccessibilitaLe presenti linee guida spieganocome rendere i contenuti web accessibili a persone disabili. 59. Accessibilita interlocutori: persone disabili = disabilita scopo: accesso ai contenuti azioni messe in atto: semantica del codice contenuti alternativi per dare maggiore significato comandi/interazioni che facilitino la navigazione compatibilita con qualsiasi hardware/software 60. Le disabilita possono essere codificate 61. Linee guida per lusabilita ? 62. Usabilita / Interlocutori users / utenti 63. Usabilita / Scopo websites / applications 64. Usabilita / Azioni navigabilita interattivita completezza dei contenuti organizzazione delle informazioni efficacia comunicativa attrattiva grafica tempi di attesa 65. Usabilita / Azioni navigabilita interattivita ? completezza dei contenuti organizzazione delle informazioni efficacia comunicativa attrattiva grafica tempi di attesa 66. La guerra dei browser 67. Flash, le intro animate e le RIA 68. Please, wait loading...the loadbar of death 69. Un problema inaspettatointerattivo vs. usabile 70. Lavvento dello user-experience designUX design 71. Le diverse facce della UX 72. Gli elementi dello UX design 73. Le colonne dello UX design 74. La ruota del valore della UX 75. Limportanza della UX 76. Liceberg dello UX design 77. Il percorso dello UX design 78. Il terreno dello UX design 79. Perche tutti questi schemi? Se nessuno me lo chiede, lo so.Se voglio spiegarlo a chi me lo chiede,non lo so pi. S. AgostinoLa UX come semi-cosa. Karim Ben Hamida UX conference 2011 80. Una definizione che estende e include altre disciplineI invented the term UX because I thought human interface and usability weretoo narrow. I wanted to coverall aspects of the persons experience with the system including industrial design, graphics, the interface, the physicalinteraction, and the manual.Donald Norman La UX come semi-cosa. Karim Ben Hamida UX conference 2011 81. Una definizione classica User experience is about how a person feels about using a product,system or service. Is subjective in nature, because itsabout an individuals feelings andthoughts about the system.Is dynamic, because it changes over time as the circumstances change. Wikipedia 82. Una definizione minimale Its all about People, their Activities, and the Context of those activities. Stephen P. Anderson 83. La mia definizione, con una domanda Dovendo dare al maggior numero di utenti la miglioresperienza possibile nellimpiego di una applicazione, quali strumenti decido di utilizzare? 84. La UX per come la conosco ioArchitettura delle informazioniTrovabilit UsabilitEtnograa Psicologia Empatia Marketing BusinessContent strategyCopywritingStorytellingTonoVisual designTipograaColore Estetica GriglieInteraction design Motivational design GamicationUser-centered design PersonasScenariUser-testingPrototipazione rapida Metodi agiliIterazioni Metriche 85. La mela che ha cambiato il mondo 86. Le rivoluzioni: iPhone e iPad 87. I prodromi della rivoluzione 88. I prodromi della rivoluzione 89. Diverse sfaccettature della stessa rivoluzione 90. Il secondo segno di una rivoluzione? 91. La musica in formato digitale?+ 92. Applicazione per gestire una libreria di canzoni? + 93. Uno negozio dove acquistare brani? + 94. Una serie di accessori "cool"? + 95. Una scelta di possibili colori? 96. E tutto questo assieme! device "perfetti" applicazione iTunes negozio iTunes+sincronizzazione catalogo immenso di contenuti semplicita nellacquisto one click pay search &amp; download disponibilita di accessori 97. E tutta una questione di eco-sistema 98. The iTunes world 99. Leco-sistema dellesperienza 100. Leco-sistema dellesperienza 101. Giardinetto della felicita 102. Cosa pensate che siano le "app"? 103. Cosa hanno in comune? 104. Amore per la bellezza 105. Amore per la bellezza 106. Un "dettaglio" apparentemente inutile 107. Un "dettaglio" apparentemente inutile 108. Un semplice led lampeggiante?Breathing status LED indicatorUnited States Patent 6658577A new and improved status LED indicatorprovides a pleasing visual appeal.An embodiment of the present inventionincludes a sleep-mode indicator for laptop computers.The LED indicator is energized by pulse-width modulatedelectrical pulses. The effect of these pulses on the indicatorvaries in intensity and mimics a rhythm typical of breathing.It is another aspect of the invention to provide an electricalapparatus that generates a sleep-mode indicator blinkingpattern based on a sinusoidal function using PWM (pulse widthmodulation) designs. 109. La porta sul mondo 110. La porta sul mondo 111. Limpatto di Apple sul nostro lavoro 112. Il costo della qualita qualit perfezionesforzo = tempo = denaro 113. Il costo della qualita qualitperfezione 1incrementi diversidi qualit...10 ...a parit di tempo dedicato 1010 sforzo = tempo = denaro 114. 15 minuti di pausa </p>