Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Figure dal libro Facile da Usare

13.422 visualizaciones

Publicado el

Questo file (39 Mb) contiene tutte le figure del libro di R.Polillo, "Facile da usare" (Apogeo, 2010), nell’ordine in cui compaiono nel libro. Esse sono rese disponibili a chiunque volessero utilizzarle per scopi didattici. Per le didascalie, si rimanda al libro stesso, reperibile anche in rete, in www.rpolillo.it

Publicado en: Diseño, Empresariales
  • Sé el primero en comentar

Figure dal libro Facile da Usare

  1. 1. Figure dal libro: Facile da usare Una moderna introduzione all’ingegneria dell’usabilità di Roberto Polillo Apogeo, 2010
  2. 2. Queste slides… <ul><li>… contengono tutte le figure del libro citato in copertina, nell’ordine in cui compaiono nel libro. Per le didascalie, si rimanda al libro stesso, reperibile anche in rete, in www.rpolillo.it </li></ul><ul><li>Queste slide vengono rese disponibili con licenza Creative Commons (attribuzione, non commerciale, condividi allo stesso modo) a chiunque desiderasse utilizzarle, per esempio a scopo didattico, senza necessità di preventiva autorizzazione. </li></ul><ul><li>La licenza non si estende alle immagini fotografiche e alle screen shots, i cui diritti restano in capo ai rispettivi proprietari, che sono stati indicati, ove possibile, nelle didascalie del libro. L’autore si scusa per eventuali omissioni, e resta a disposizione per correggerle. </li></ul>
  3. 3. Cap. 1 Sistemi interattivi e interfacce d’uso
  4. 4. dialogo uomo-sistema sistema utente mondo esterno Interfaccia d’uso
  5. 5. a b c d
  6. 6. sistema utente azioni dell’utente (input) risposte del sistema (output)
  7. 7. mani tastiera, mouse,touchpad, joystick, touch screen, tavoletta grafica, guanto, riconoscimento scrittura voce riconoscimento vocale sguardo eye tracking postura sensori tatto guanto vista schermi video, stampanti, occhiali, caschi udito dispositivi sonori, sintesi vocale DISPOSITIVI DI OUTPUT DISPOSITIVI DI OUTPUT
  8. 8. complessità strutturale complessità funzionale bassa alta bassa alta
  9. 10. SISTEMA FP (x 10 3 ) SLOC (x 10 6 ) SLOC/FP U.S. Air Traffic Control 306 65.3 213 SAP 297 23.7 80 MS Vista 158 10.1 64 MS Office Professional 93 6.0 64 MS Word 2007 3 0.2 64 MS DOS 1.3 0.3 213 Google search engine 19 1.2 64 Amazon.com 18 0.5 27 Mozilla Firefox 1.3 0.075 53 F115 avionics package 22 2.1 91
  10. 11. complessità d’uso complessità funzionale bassa alta bassa alta
  11. 12. Complessità d’uso Complessità strutturale Complessità funzionale
  12. 14. BISOGNI DELL’UTENTE PRODOTTO TECNOLOGIA CONCORRENZA ECOSISTEMA TECNOLOGICO a b c d
  13. 15. Legge di Moore
  14. 16. 1980 1985 1990 1995 2000 2005 2010 Capacità (GB)
  15. 17. Livello di prestazioni richiesto dall’utente medio Fase centrata sulla tecnologia Fase centrata sull’utente Punto di transizione in cui la tecnologia soddisfa le necessità primarie necessità non soddisfatte prestazioni in eccesso tempo Prestazioni del prodotto evoluzione del prodotto prestazioni necessarie
  16. 18. Sistema interattivo utente Filtro Complessità - funzionale - strutturale
  17. 21. Cap. 2 Evoluzione dei paradigmi di interazione
  18. 22. TECNOLOGIE DI INTERAZIONE PARADIGMI DI INTERAZIONE permettono nuovi suggeriscono nuove
  19. 25. <ul><li>(1) Patient’s name: (first-last) </li></ul><ul><li>** FRED SMITH </li></ul><ul><li>(2) Sex: </li></ul><ul><li>** MALE </li></ul><ul><li>(3) Age: </li></ul><ul><li>** 55 </li></ul><ul><li>(4) Have you been able to obtain positive cultures from a site at which Fred Smith has an infection? </li></ul><ul><li>** YES </li></ul><ul><li>(5) What is the infection? </li></ul><ul><li>** PRIMARY-BACTEREMIA </li></ul><ul><li>(6) Please give the date and approximate time when signs of symptoms first appeared </li></ul><ul><li>** </li></ul>
  20. 27. a b
  21. 35. LINK NODO
  22. 36. stack card script area sensibile (bottone invisibile) clic
  23. 37. Siti web nel mondo (x 1000)
  24. 43. e b c d a
  25. 51. Cap. 3 Usabilità
  26. 52. Utente Dispositividi output Dispositividi input Sistema Scopo
  27. 54.
  28. 64. tempo azione feedback Δt azione feedback azione feedback a b c
  29. 65. a b c
  30. 68. Novizio Principiante Competente Esperto
  31. 69. A B tempo usabilità Focus sull’utente novizio Focus sull’utente esperto
  32. 70. HELP ONLINE FAQ TUTORIAL USER MANUAL REFERENCE MANUAL REFERENCE CARD HELP DESK COMMUNITY PRODOTTO STARTER KIT
  33. 71. CARTACEO ELETTRONICO (CD) ELETTRONICO (download) ONLINE (navigazione)
  34. 73. HELP DESK COMMUNITY SERVIZIO APPLICATIVO ONLINE
  35. 75. contesto d’uso utenti specifici generici particolare generale
  36. 76. contesto d’uso utenti usabilità universale usabilità particolare generale specifici generici
  37. 77. tecnologie inadeguate connessione lenta disabilità menomazione
  38. 78. Utenti per cui il sistema è usabile Utenti per cui il sistema è accessibile
  39. 79. Cap. 4 Conoscere l’utente
  40. 81. P1 P2 P3 P3 R1 R2 R4 R3 R5 Una persona, un ruolo Una persona con più ruoli Più persone con lo stesso ruolo Un ruolo non attribuito Persone Ruoli
  41. 82. PERSONA LIVELLO COGNITIVO RUOLO DIVERSITÀ DEGLI UTENTI Sistema Utente COMPORTAMENTI
  42. 93. Tempo (sec) fra presentazione e rievocazione % di volte che un item è stato rievocato
  43. 98. 0 50 100 25 75 Riconoscimento Rievocazione 20 min 1 ora 4 ore 1 giorno 2 giorni Tempo trascorso dalla presentazione % di successo
  44. 101. 0° 10° 20° 30° 10° 20° 30° 80° 70° Fotorecettori per mm 2 Angolo visuale dalla fovea (gradi) Coni Coni Bastoncelli Bastoncelli
  45. 102. 400 450 500 550 600 650 Lunghezza d’onda (nm = 10 -9 m) Risposta relativa dei coni 100% 80% 60% 40% 20% Coni R Coni G Coni B azzurro arancione Spettro visibile 380 680
  46. 104. n = numero delle prove T = tempo di esecuzione Inizialmente si migliora rapidamente… … poi, sempre più lentamente
  47. 105. D S Bersaglio
  48. 106. OK T 0 OK T 0 - Δ T OK T 0 - Δ T
  49. 107. Qui tutta l’area grigia è cliccabile Qui è cliccabile solo il testo
  50. 113. STRUMENTI COMPORTAMENTI BISOGNI Ambiente Cultura Caratteristiche psico-fisiche Dominio della ricerca etnografica Dominio della progettazione Dominio della psicologia Società
  51. 114. Cap. 5 Progettare per l’utente
  52. 115. Progettazione Ciò che esiste Descrizione di ciò che vogliamo che esista
  53. 118. Disegno di Alberto Iobbolo
  54. 119. FUNZIONALITÀ Cercare nome in rubrica Chiamare il numero selezionato nella rubrica Creare un nuovo SMS Inserire il testo in SMS Inserire il numero selezionato nella rubrica in SMS Inviare SMS CASI D’USO Fa una telefonata Invia un SMS 1 2 1 2 3 4 5
  55. 121. Interaction design Psicologia e scienze della comunicazione Informatica e tecnologie della comunicazione Progettualità orientata a prodotti / servizi interattivi
  56. 122. Cap. 6 L’ingegneria della usabilità
  57. 123. Requisiti Analisi e progettazione Realizzazione Test Rilascio
  58. 124. BISOGNI DELL’UTENTE STRUMENTO
  59. 125. Progettazione Inizio Rilascio Test Prototipazione Requisiti
  60. 126. risorse iterazione 1 iterazione 2 iterazione 3 iterazione 4 iterazione 5 iterazione 6 iteratzione 7 iterazione 8 Requisiti Progettazione Prototipazione Test Rilascio tempo
  61. 127. Identificare le necessità per la progettazione human-centered Comprendere e specificare il contesto d’uso Specificare i requisiti utente e organizzativi Valutare il progetto rispetto ai requisiti Produrre soluzioni di progetto il sistema soddisfa i requisiti utente e organizzativi
  62. 128. Identificare le necessità per la progettazione human-centered Comprendere e specificare il contesto d’uso Specificare i requisiti utente e organizzativi Valutare il progetto rispetto ai requisiti Produrre soluzioni di progetto il sistema soddisfa i requisiti utente e organizzativi A B C D Utente
  63. 129. Definizione dei requisiti 3 4 5 6 7 Web design Visual desi gn Sviluppo Redazione dei contenuti Pubblicazione 1 Documento dei requisiti Prototipo di navigazione Prototipo funzionale Prototipo editoriale Sistema on line Prototipo di comunicazione 2 Avviamento del progetto Piano di qualità Gestione del sito
  64. 130. Cap. 7 Requisiti
  65. 134. Ricerca prodotto Acquista prodotto Visualizza profilo utente Inserisci nuovo prodotto Modifica prodotto Sistema bancario Utente Gestore del negozio Sito di e-commerce
  66. 135. Utente Acquista prodotto ATTORE : CASO D’USO :
  67. 136. Utente Acquista prodotto
  68. 137. Utente Acquista prodotto significa: L’Utente esegue il caso d’uso Acquista prodotto
  69. 138. Cliente Acquista prodotto Acquista CD Acquista libro Cliente privato Cliente società
  70. 139. Acquista prodotto Autenticazione Verifica stato ordini <<include>> <<include>> Utente
  71. 140. Acquista prodotto Help on line Verifica stato ordini <<extend>> <<extend>> Utente
  72. 141. <ul><li>Sommario </li></ul><ul><li>Generalit à </li></ul><ul><li>- Scopo del prodotto </li></ul><ul><li>- Situazione attuale </li></ul><ul><li>- Caratteristiche degli utenti </li></ul><ul><li>- Contesto d’uso </li></ul><ul><li>- Scenari d’uso </li></ul><ul><li>- Fattibilità tecnologica </li></ul><ul><li>3. Posizionamento </li></ul><ul><li>- Analisi della concorrenza </li></ul><ul><li>- Posizionamento competitivo </li></ul><ul><li>4. Casi d ’ uso </li></ul><ul><li>- Diagramma dei casi d ’ uso </li></ul><ul><li>- Descrizione dei singoli casi d ’ uso </li></ul><ul><li>5. Altri requisiti </li></ul><ul><li>- Requisiti per l’esperienza utente </li></ul><ul><li>- Requisiti prestazionali </li></ul><ul><li>- …. </li></ul><ul><li>Appendici </li></ul><ul><li>- Glossario </li></ul><ul><li>- ….. </li></ul><ul><li>- Riferimenti </li></ul>
  73. 142. Cap. 8 Ingegneria e creatività
  74. 144. MIMESI PRODOTTI ESISTENTI NUOVO PRODOTTO
  75. 145. Mimesi: esempi (1)
  76. 147. Chi et al., CHI 2005
  77. 149. Mimesi: esempio (3)
  78. 150. IBRIDAZIONE PRODOTTI ESISTENTI NUOVO PRODOTTO
  79. 157. METAFORA PRODOTTI ESISTENTI NUOVO PRODOTTO Donatore Ricevente
  80. 162. ? ? ? ? ?
  81. 164. VARIAZIONE PRODOTTI ESISTENTI NUOVO PRODOTTO
  82. 167. COMPOSIZIONE PRODOTTI ESISTENTI NUOVO PRODOTTO Design pattern
  83. 169. <ul><li>Problem </li></ul><ul><li>Solution </li></ul><ul><li>Use when </li></ul><ul><li>How </li></ul><ul><li>Why </li></ul><ul><li>More examples </li></ul><ul><li>Implementation </li></ul><ul><li>Literature </li></ul><ul><li>Problem summary </li></ul><ul><li>Example </li></ul><ul><li>Usage </li></ul><ul><li>Solution </li></ul><ul><li>Rationale </li></ul><ul><li>[Discussion] </li></ul><ul><li>[Sources] </li></ul><ul><li>More examples </li></ul>
  84. 170. Cap. 9 Prototipi
  85. 171. Ruolo Implementazione Interfaccia
  86. 172. prototipo orizzontale prototipo verticale sistema completo funzionalità dettaglio
  87. 176. S 1 S 2 E [C] / A significa : quando il sistema è nello stato S 1 , se si verifica l’evento E e se vale la condizione C , il sistema effettua l’azione A e va nello stato, S 2
  88. 177. Attesa selezione bevanda Erogazione bevanda Macchina spenta Attesa inserimento monete on off [bevanda erogata] Prelievo bevanda Annullamento richiesta / restituzione monete Selezione bevanda Inserimento monete [bevanda non erogata]
  89. 180. Chiamata da contatto Chiamata da sconosciuto SMS ricevuto Chiamata persa
  90. 181. Componi numero Chiama Indietro 1 2 3 4 5 6 7 8 # * 0 9 Salva Canc
  91. 186. Cap. 10 Principii e linee guida
  92. 187. coercitività generalità standard regole di progetto linee guida principi bassa bassa alta alta
  93. 188. Part 1: General introduction Part 2: Guidance on task requirements Part 4: Keyboard requirements Part 5: Workstation layout and postural requirements Part 6: Guidance on the work environment Part 9: Requirements for non-keyboard input devices Part 11: Guidance on usability Part 12: Presentation of information Part 13: User guidance Part 14: Menu dialogues Part 15: Command dialogues Part 16: Direct manipulation dialogues Part 17: Form filling dialogues Part 20: Accessibility guidelines for ICT equipment and services Part 100: Introduction to standards related to software ergonomics Part 110: Dialogue principles Part 129: (DIS) Guidance on software individualization Part 151: Guidance on World Wide Web user interfaces Part 171: Guidance on software accessibility Part 210: Human-centred design for interactive systems Part 300: Introduction to electronic visual display requirements Part 302: Terminology for electronic visual displays Part 303: Requirements for electronic visual displays Part 304: User performance test methods for electronic visual displays Part 305: Optical laboratory test methods for electronic visual displays Part 306: Field assessment methods for electronic visual displays Part 307: Analysis and compliance test methods for electronic visual displays Part 308: Surface-conduction electron-emitter displays (SED) Part 309: Organic light-emitting diode (OLED) displays Part 400: Principles and requirements for physical input devices Part 410: Design criteria for physical input devices Part 420: (DIS) Selection procedures for physical input devices Part 910: (DIS) Framework for tactile and haptic interaction Part 920: Guidance on tactile and haptic interactions
  94. 189. Tolleranza verso gli errori Conformità alle aspettative dell’utente Controllabilità Adeguatezza all’apprendimento Usabilità Auto-descrizione Adeguatezza al compito Adeguatezza alla individualizzazione
  95. 198. Link interni al sito Link esterni al sito Link alla homepage Motore di ricerca interno Banner pubblicitari Login /registrazione Carrello degli acquisti Help Link ai prodotti
  96. 204.
  97. 213. A B C
  98. 224. Cap. 11 Progettare per l’errore
  99. 225. AZIONE NON INTENZIONALE (“LAPSUS”) NO AZIONE INTENZIONALE MA ERRATA (“MISTAKE”) NO c’era l’intenzione di agire? SI SI AZIONE CORRETTA SI NO AZIONE NON INTENZIONALE NO AZIONE SPONTANEA SI
  100. 228. MacPaint, 1984
  101. 232. a d c b
  102. 233. Per informazioni sulle nuove offerte, premi 1; per informazioni sulle tariffe del servizio, premi 2; se sei interessato a conoscere i nuovi servizi, premi 3; se desideri comunicare furto o smarrimento del tuo telefonino, premi 4; se desideri ricevere informazioni sul credito premi 5; se desideri parlare con un operatore premi 0; per risentire questo annuncio premi 7
  103. 240. AZIONE CORRETTA AZIONE ERRATA Stato iniziale Stato finale Stato di errore FORWARD RECOVERY BACKWARD RECOVERY
  104. 243. AZIONE CORRETTA AZIONE ERRATA Stato iniziale Stato finale Stato di errore Stato finale approssimato Stato iniziale approssimato FORWARD RECOVERY BACKWARD RECOVERY
  105. 244. Cap. 12 Progettare la grafica
  106. 273. IBM's Aptiva Communication Center
  107. 277. STOP GO a b
  108. 280. 1 2 3 4 5 6 7
  109. 283. 13. Progettare il testo
  110. 284. semantica sintassi lessico lettere glifi tratti Readability Legibility
  111. 286. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo. Donec vel metus sit amet enim euismod tincidunt. Duis aliquam sapien eu elit. Integer mattis tellus ac diam. Duis volutpat lacus a ante. Suspendisse vel eros sed augue sodales interdum. Aenean neque lectus, porttitor non, tempus quis, feugiat in, justo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo. Donec vel metus sit amet enim euismod tincidunt. Duis aliquam sapien eu elit. Integer mattis tellus ac diam. Duis volutpat lacus a ante. Suspendisse vel eros sed augue sodales interdum. Aenean neque lectus, porttitor non, tempus quis, feugiat in, justo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo. Donec vel metus sit amet enim euismod tincidunt. Duis aliquam sapien eu elit. Integer mattis tellus ac diam. Duis volutpat lacus a ante. Suspendisse vel eros sed augue sodales interdum. Aenean neque lectus, porttitor non, tempus quis, feugiat in, justo
  112. 289. Tipografia Tipografia Tipografia Tipografia Tipografia Times New Roman Georgia Arial Verdana Courier New
  113. 293. Reaction time (sec)
  114. 294. pattern PATTERN La leggibilità di un testo dipende da molti fattori La leggibilità di un testo dipende da molti fattori
  115. 296. TESTO CALCOLA INDICE SCRIVI
  116. 297. VOCABOLARIO DI BASE (7000 parole) VOCABOLARIO COMUNE VOCABOLARIO FONDAMENTALE (2000 parole)
  117. 299. <ul><li>Scrivere frasi brevi </li></ul><ul><li>Usare parole del linguaggio comune </li></ul><ul><li>Usare pochi termini tecnici e spiegarli </li></ul><ul><li>Usare poco abbreviazioni e sigle </li></ul><ul><li>Usare verbi nella forma attiva e affermativa </li></ul><ul><li>Legare le parole e le frasi in modo breve e chiaro </li></ul><ul><li>Usare in maniera coerente le maiuscole, le minuscole e la punteggiatura </li></ul><ul><li>Evitare neologismi, parole straniere e latinismi </li></ul><ul><li>Uso del congiuntivo </li></ul><ul><li>Usare in maniera corretta le possibilità di composizione grafica del testo </li></ul>
  118. 300. SINTESI DETTAGLIO MATERIALE AGGIUNTIVO link link
  119. 306. Cap. 14 Valutare la usabilità
  120. 307. Riconoscere piuttosto che ricordare Flessibilità ed efficienza d’uso Visibilità dello stato del sistema Corrispondenza fra mondo reale e sistema Consistenza e standard Guida e documentazione Libertà e controllo da parte degli utenti Prevenzione degli errori Aiutare gli utenti a riconoscere gli errori, … Design minimalista ed estetico Adeguatezza al compito Autodescrizione Conformità alle aspettative Adeguatezza all’apprendimento Controllabilità Tolleranza verso gli errori Adeguatezza alla individualizzazione Principi del dialogo (ISO 9241) Euristiche di Nielsen
  121. 308.
  122. 309. Problemi segnalati con entrambi i metodi Problemi Problemi non segnalati Falsi problemi segnalati con valutazioni euristiche Problemi segnalati con valutazioni euristiche Problemi segnalati con i test di usabilità Falsi problemi segnalati con i test di usabilità Problemi segnalati solo con i test di usabilità Problemi segnalati solo con valutazioni euristiche
  123. 312.
  124. 313. Sala delle prove Sala di osservazione telecamera
  125. 314. utente osservatore facilitatore sistema in prova appunti think aloud istruzioni
  126. 316. Difetti Difetti Iterazione n Iterazione n+1
  127. 317. Numero di utenti campione Problemi di usabilità trovati
  128. 318. conoscenza del dominio del sistema familiarità con la tecnologia bassa alta bassa alta
  129. 319. Legenda: S=successo F=fallimento P=successo parziale Compito 1 Compito 2 Compito 3 Compito 4 Compito 5 Compito 6 Utente 1 F F S F F S Utente 2 F F P F P F Utente 3 S F S S P S Utente 4 S F S F P S
  130. 320. PIANIFICAZIONE (a inizio progetto) PREPARAZIONE Rapporto di valutazione ESECUZIONE ANALISI E PROPOSTE Utenti <ul><li>Modulo per informazioni anagrafiche </li></ul><ul><li>Descrizione compiti/scenari </li></ul><ul><li>Modulo per raccolta annotazioni e misure </li></ul><ul><li>Questionario per intervista finale </li></ul><ul><li>Stazione di test </li></ul><ul><li>Appunti , misure e registrazioni </li></ul><ul><li>Interviste finali </li></ul>Piano di test Requisiti
  131. 321. Appendice
  132. 322. e [c] / a A B A
  133. 323. B A D si può anche scrivere come: B A D e [a>0] e [ a<0] C C e [ a=0] e [a>0] [a=0] [a<0]
  134. 324. e A
  135. 325. A C B A C B equivale a:
  136. 326. Seleziona bevanda Erogazione bevanda Macchina spenta Inserisci monete on off prelievo bevanda annullamento / restituzione moneta bevanda selezionata monete inserite bevanda esaurita
  137. 327. Seleziona bevanda entry / display “Seleziona bevanda” [ctr aranciata = 0] / display “Aranciata terminata” [ctr minerale = 0] / display “Minerale terminata” exit / display “Grazie!”
  138. 328. e 1 B C A e 2
  139. 329. A
  140. 330. Inserisci monete Inserisci moneta moneta accettata / incr importo importo < prezzo moneta non accettata / restituzione moneta importo = prezzo importo > prezzo / erogazione resto off
  141. 331. e 1 B C A e 2 e 3 pseudo-stato di ingresso pseudo-stato di uscita
  142. 332. e 1 B C A e 2 e 3
  143. 333. e 1 S 1 S 2 S e 2 A:S B:S SOTTOMACCHINA … .
  144. 334. (a) B C e D A (b) B C e D A e può essere rappresentato anche così:
  145. 335. B C e1 e2 D B C e D A (a) (b) S dove: e = e1 | e2 e1  B e2  C A può essere rappresentato anche così:
  146. 336. p e(p) C D p p p
  147. 337. e(c) A B e4 D C e1 e2 e2 e2 e3.1 e3.2 e3.3 (a) e(c) A B e2 e4 D E C e1 e3 (b) S dove: e3= e3.1  A | e3.2  B | e3.3  C
  148. 338. e 1 B C A D E e 3 e 2 e 4
  149. 339. terminato Frequenza laboratorio Preparazione corso Realizzazione progetto di esame Frequenza lezioni Revisione progetto terminato terminate Esecuzione ripasso finale terminato Esecuzione compito scritto ok revisione ok revisione non ok compito non ok Esame superato

×