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

1. Figure dal libro: Facile da usare Una moderna introduzione all’ingegneria dell’usabilità di Roberto Polillo Apogeo, 2010

3. Cap. 1 Sistemi interattivi e interfacce d’uso

4. dialogo uomo-sistema sistema utente mondo esterno Interfaccia d’uso

5. a b c d

6. sistema utente azioni dell’utente (input) risposte del sistema (output)

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. complessità strutturale complessità funzionale bassa alta bassa alta

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

11. complessità d’uso complessità funzionale bassa alta bassa alta

12. Complessità d’uso Complessità strutturale Complessità funzionale

14. BISOGNI DELL’UTENTE PRODOTTO TECNOLOGIA CONCORRENZA ECOSISTEMA TECNOLOGICO a b c d

15. Legge di Moore

16. 1980 1985 1990 1995 2000 2005 2010 Capacità (GB)

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

18. Sistema interattivo utente Filtro Complessità - funzionale - strutturale

21. Cap. 2 Evoluzione dei paradigmi di interazione

22. TECNOLOGIE DI INTERAZIONE PARADIGMI DI INTERAZIONE permettono nuovi suggeriscono nuove

27. a b

35. LINK NODO

36. stack card script area sensibile (bottone invisibile) clic

37. Siti web nel mondo (x 1000)

43. e b c d a

51. Cap. 3 Usabilità

52. Utente Dispositividi output Dispositividi input Sistema Scopo

64. tempo azione feedback Δt azione feedback azione feedback a b c

65. a b c

68. Novizio Principiante Competente Esperto

69. A B tempo usabilità Focus sull’utente novizio Focus sull’utente esperto

70. HELP ONLINE FAQ TUTORIAL USER MANUAL REFERENCE MANUAL REFERENCE CARD HELP DESK COMMUNITY PRODOTTO STARTER KIT

71. CARTACEO ELETTRONICO (CD) ELETTRONICO (download) ONLINE (navigazione)

73. HELP DESK COMMUNITY SERVIZIO APPLICATIVO ONLINE

75. contesto d’uso utenti specifici generici particolare generale

76. contesto d’uso utenti usabilità universale usabilità particolare generale specifici generici

77. tecnologie inadeguate connessione lenta disabilità menomazione

78. Utenti per cui il sistema è usabile Utenti per cui il sistema è accessibile

79. Cap. 4 Conoscere l’utente

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

82. PERSONA LIVELLO COGNITIVO RUOLO DIVERSITÀ DEGLI UTENTI Sistema Utente COMPORTAMENTI

93. Tempo (sec) fra presentazione e rievocazione % di volte che un item è stato rievocato

98. 0 50 100 25 75 Riconoscimento Rievocazione 20 min 1 ora 4 ore 1 giorno 2 giorni Tempo trascorso dalla presentazione % di successo

101. 0° 10° 20° 30° 10° 20° 30° 80° 70° Fotorecettori per mm 2 Angolo visuale dalla fovea (gradi) Coni Coni Bastoncelli Bastoncelli

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

104. n = numero delle prove T = tempo di esecuzione Inizialmente si migliora rapidamente… … poi, sempre più lentamente

105. D S Bersaglio

106. OK T 0 OK T 0 - Δ T OK T 0 - Δ T

107. Qui tutta l’area grigia è cliccabile Qui è cliccabile solo il testo

113. STRUMENTI COMPORTAMENTI BISOGNI Ambiente Cultura Caratteristiche psico-fisiche Dominio della ricerca etnografica Dominio della progettazione Dominio della psicologia Società

114. Cap. 5 Progettare per l’utente

115. Progettazione Ciò che esiste Descrizione di ciò che vogliamo che esista

118. Disegno di Alberto Iobbolo

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

121. Interaction design Psicologia e scienze della comunicazione Informatica e tecnologie della comunicazione Progettualità orientata a prodotti / servizi interattivi

122. Cap. 6 L’ingegneria della usabilità

123. Requisiti Analisi e progettazione Realizzazione Test Rilascio

124. BISOGNI DELL’UTENTE STRUMENTO

125. Progettazione Inizio Rilascio Test Prototipazione Requisiti

126. risorse iterazione 1 iterazione 2 iterazione 3 iterazione 4 iterazione 5 iterazione 6 iteratzione 7 iterazione 8 Requisiti Progettazione Prototipazione Test Rilascio tempo

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

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

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

130. Cap. 7 Requisiti

134. Ricerca prodotto Acquista prodotto Visualizza profilo utente Inserisci nuovo prodotto Modifica prodotto Sistema bancario Utente Gestore del negozio Sito di e-commerce

135. Utente Acquista prodotto ATTORE : CASO D’USO :

136. Utente Acquista prodotto

137. Utente Acquista prodotto significa: L’Utente esegue il caso d’uso Acquista prodotto

138. Cliente Acquista prodotto Acquista CD Acquista libro Cliente privato Cliente società

139. Acquista prodotto Autenticazione Verifica stato ordini <<include>> <<include>> Utente

140. Acquista prodotto Help on line Verifica stato ordini <<extend>> <<extend>> Utente

142. Cap. 8 Ingegneria e creatività

144. MIMESI PRODOTTI ESISTENTI NUOVO PRODOTTO

145. Mimesi: esempi (1)

147. Chi et al., CHI 2005

149. Mimesi: esempio (3)

150. IBRIDAZIONE PRODOTTI ESISTENTI NUOVO PRODOTTO

157. METAFORA PRODOTTI ESISTENTI NUOVO PRODOTTO Donatore Ricevente

162. ? ? ? ? ?

164. VARIAZIONE PRODOTTI ESISTENTI NUOVO PRODOTTO

167. COMPOSIZIONE PRODOTTI ESISTENTI NUOVO PRODOTTO Design pattern

170. Cap. 9 Prototipi

171. Ruolo Implementazione Interfaccia

172. prototipo orizzontale prototipo verticale sistema completo funzionalità dettaglio

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

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]

180. Chiamata da contatto Chiamata da sconosciuto SMS ricevuto Chiamata persa

181. Componi numero Chiama Indietro 1 2 3 4 5 6 7 8 # * 0 9 Salva Canc

186. Cap. 10 Principii e linee guida

187. coercitività generalità standard regole di progetto linee guida principi bassa bassa alta alta

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

189. Tolleranza verso gli errori Conformità alle aspettative dell’utente Controllabilità Adeguatezza all’apprendimento Usabilità Auto-descrizione Adeguatezza al compito Adeguatezza alla individualizzazione

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

213. A B C

224. Cap. 11 Progettare per l’errore

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

228. MacPaint, 1984

232. a d c b

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

240. AZIONE CORRETTA AZIONE ERRATA Stato iniziale Stato finale Stato di errore FORWARD RECOVERY BACKWARD RECOVERY

243. AZIONE CORRETTA AZIONE ERRATA Stato iniziale Stato finale Stato di errore Stato finale approssimato Stato iniziale approssimato FORWARD RECOVERY BACKWARD RECOVERY

244. Cap. 12 Progettare la grafica

273. IBM's Aptiva Communication Center

277. STOP GO a b

280. 1 2 3 4 5 6 7

283. 13. Progettare il testo

284. semantica sintassi lessico lettere glifi tratti Readability Legibility

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

289. Tipografia Tipografia Tipografia Tipografia Tipografia Times New Roman Georgia Arial Verdana Courier New

293. Reaction time (sec)

294. pattern PATTERN La leggibilità di un testo dipende da molti fattori La leggibilità di un testo dipende da molti fattori

296. TESTO CALCOLA INDICE SCRIVI

297. VOCABOLARIO DI BASE (7000 parole) VOCABOLARIO COMUNE VOCABOLARIO FONDAMENTALE (2000 parole)

300. SINTESI DETTAGLIO MATERIALE AGGIUNTIVO link link

306. Cap. 14 Valutare la usabilità

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

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

313. Sala delle prove Sala di osservazione telecamera

314. utente osservatore facilitatore sistema in prova appunti think aloud istruzioni

316. Difetti Difetti Iterazione n Iterazione n+1

317. Numero di utenti campione Problemi di usabilità trovati

318. conoscenza del dominio del sistema familiarità con la tecnologia bassa alta bassa alta

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

321. Appendice

322. e [c] / a A B A

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]

324. e A

325. A C B A C B equivale a:

326. Seleziona bevanda Erogazione bevanda Macchina spenta Inserisci monete on off prelievo bevanda annullamento / restituzione moneta bevanda selezionata monete inserite bevanda esaurita

327. Seleziona bevanda entry / display “Seleziona bevanda” [ctr aranciata = 0] / display “Aranciata terminata” [ctr minerale = 0] / display “Minerale terminata” exit / display “Grazie!”

328. e 1 B C A e 2

329. A

330. Inserisci monete Inserisci moneta moneta accettata / incr importo importo < prezzo moneta non accettata / restituzione moneta importo = prezzo importo > prezzo / erogazione resto off

331. e 1 B C A e 2 e 3 pseudo-stato di ingresso pseudo-stato di uscita

332. e 1 B C A e 2 e 3

333. e 1 S 1 S 2 S e 2 A:S B:S SOTTOMACCHINA … .

334. (a) B C e D A (b) B C e D A e può essere rappresentato anche così:

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ì:

336. p e(p) C D p p p

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

338. e 1 B C A D E e 3 e 2 e 4

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