Download - 20. Principi e linee guida (II)
![Page 1: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/1.jpg)
Corso di Interazione Uomo MacchinaAA 2014-2015
Roberto Polillo
Corso di laurea in InformaticaUniversità di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione
PRINCIPI E LINEE GUIDA (II)
Edizione 2014-15
![Page 2: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/2.jpg)
Queste slides…
… si basano sul libro “Facile da usare”, dell’autore, dove si trovano tutte le necessarie spiegazioni. Vedi www.rpolillo.it
Queste slide sono 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:
http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it
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.
2
![Page 3: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/3.jpg)
I 7 principi del dialogo secondo la ISO 9241-110:2006
3
1. Adeguatezza al compito2. Autodescrizione3. Conformità alle aspettative dell’utente4. Adeguatezza all’apprendimento5. Controllabilità6. Tolleranza verso gli errori7. Adeguatezza alla individualizzazione
R.Polillo - Marzo 2015
![Page 4: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/4.jpg)
I 7 principi del dialogo secondo la ISO 9241-110:2006
4
1. Adeguatezza al compito2. Autodescrizione3. Conformità alle aspettative
dell’utente4. Adeguatezza all’apprendimento5. Controllabilità6. Tolleranza verso gli errori7. Adeguatezza alla individualizzazione
R.Polillo - Marzo 2015
Il dialogo corrisponde alle necessità dell’utente, prevedibili in base al contesto e a convenzioni comunemente accettate
![Page 5: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/5.jpg)
Conformità alle aspettative, in praticaNel nostro progetto, abbiamo applicato in pratica questo principio…… nell’esaminare attentamente termini e frasi utilizzate… nell’usare lo stesso modello di interazione in tutte le fasi dell’applicazione (coerenza)… nel seguire le linee guida del particolare device utilizzato… nell’usare font, forme grafiche e colori in modo coerente in tutta l’applicazione
R.Polillo - Marzo 2015
5
![Page 6: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/6.jpg)
Conformità alle aspettative: aspetti6
Linguaggio familiare Aderenza alle convenzioni Organizzazione abituale Dialogo consistente Tempi di risposta conformi alle aspettative Feedback conforme alle aspettative Messaggi adeguati al contesto Output in posizione appropriata Input in posizione attesa Stile dei messaggi coerente
R.Polillo - Marzo 2015
![Page 7: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/7.jpg)
Coerenza con modalità di interazione diffuse
R.Polillo - Marzo 2015
7
![Page 8: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/8.jpg)
Aderenza alle convenzioni8
R.Polillo - Marzo 2015
![Page 9: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/9.jpg)
Es. di incoerenza: menu che si trasformano
9 R.Polillo - Marzo 2015
![Page 10: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/10.jpg)
1. PowerPoint 20072. Word 20073. Excel 2007
21
3
10R.Polillo - Marzo 2015
![Page 11: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/11.jpg)
Tempi di risposta conformi alle aspettative11
R.Polillo - Marzo 2015
![Page 12: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/12.jpg)
Messaggi in posizione appropriata12
R.Polillo - Marzo 2015
![Page 13: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/13.jpg)
13
R.Polillo - Marzo 2015
![Page 14: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/14.jpg)
Input in posizione attesa14
Da Word 2007
R.Polillo - Marzo 2015
![Page 15: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/15.jpg)
I 7 principi del dialogo secondo la ISO 9241-110:2006
15
1. Adeguatezza al compito2. Autodescrizione3. Conformità alle aspettative
dell’utente4. Adeguatezza all’apprendimento5. Controllabilità6. Tolleranza verso gli errori7. Adeguatezza alla individualizzazione
R.Polillo - Marzo 2015
Il dialogo supporta e guida l’utente nell’apprendimento del sistema
![Page 16: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/16.jpg)
Novizio
Principiante
Competente
Esperto
L’evoluzione dell’utente16R.Polillo -
Marzo 2015
![Page 17: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/17.jpg)
Bassa soglia di apprendimento
R.Polillo - Marzo 2015
17
![Page 18: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/18.jpg)
Adeguatezza all’apprendimento: alcuni aspetti
Aiuto alla familiarizzazione Bassa soglia di apprendimento Feedback intermedi Sperimentazione sicura Modello concettuale evidente
R.Polillo - Marzo 2015
18
![Page 19: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/19.jpg)
R.Polillo - Marzo 2015
Aiuto alla familiarizzazione
digg.com dopo la registrazione
![Page 20: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/20.jpg)
Aiuto alla familiarizzazione
R.Polillo - Marzo 2015
20
vimeo.com(nelle faq)
![Page 21: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/21.jpg)
Aiuto online: tipi di help
1. A che cosa serve questo?2. Che cosa devo fare ora?
3. Dov’è questo comando?
1. Come faccio per ottenere questo risultato?
2. Spiegami questo argomento
R.Polillo - Marzo 2015
21
![Page 22: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/22.jpg)
Help: esempi
R.Polillo - Marzo 2015
22
flickr.com(vecchia app)
“What’s this? help”
![Page 23: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/23.jpg)
R.Polillo - Marzo 2015
23
Help: a che cosa serve questo?
![Page 24: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/24.jpg)
R.Polillo - Marzo 2015
24
Help: i comandi “nascosti”
![Page 25: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/25.jpg)
R.Polillo - Marzo 2015
25
Help: che cosa devo fare ora?
![Page 26: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/26.jpg)
Tutorials
R.Polillo - Marzo 2015
26
![Page 27: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/27.jpg)
R.Polillo - Marzo 2015
Aiuto alla familiarizzazione
twitter.com(Tips)
![Page 28: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/28.jpg)
ΧBassa soglia di apprendimento
R.Polillo - Marzo 2015
Da PowerPoint 2007
![Page 29: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/29.jpg)
Bassa soglia di apprendimento
R.Polillo - Marzo 2015
29
Da PowerPoint 2007
![Page 30: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/30.jpg)
Feedback intermedi30
www.trenitalia.itR.Polillo - Marzo 2015
![Page 31: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/31.jpg)
Sperimentazione sicura
Ogni azione reversibile senza problemi (oppure, segnalazione preventiva)
R.Polillo - Marzo 2015
31
![Page 32: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/32.jpg)
Modello concettuale evidente
R.Polillo - Marzo 2015
32
![Page 33: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/33.jpg)
I 7 principi del dialogo secondo la ISO 9241-110:2006
33
1. Adeguatezza al compito2. Autodescrizione3. Conformità alle aspettative
dell’utente4. Adeguatezza all’apprendimento5. Controllabilità6. Tolleranza verso gli errori7. Adeguatezza alla
individualizzazione
R.Polillo - Marzo 2015
L’utente è in grado di iniziare e tenere sotto controllo la direzione e i tempi dell’interazione fino al raggiungimento dell’obbiettivo
![Page 34: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/34.jpg)
Controllabilità, in pratica
Nel nostro progetto, abbiamo applicato in pratica questo principio…… nell’attenzione “spasmodica” alla fluidità della navigazione (comando back sempre presente, pagina home come “porto sicuro”)… eliminando fasi del dialogo che si possono svolgere una sola volta, all’inizio (!)… eliminando Q&A controllate dal sistema
R.Polillo - Marzo 2015
34
![Page 35: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/35.jpg)
Q&A controllate dal sistema: esempio
R.Polillo - Marzo 2015
35
(1) Patient’s name: (first-last)**FRED SMITH(2) Sex:**MALE(3) Age:**55(4) Have you been able to obtain positive cultures
from a site at which Fred Smith has an infection?**YES(5) What is the infection?**PRIMARY-BACTEREMIA(6) Please give the date and approximate time when
signs of symptoms first appeared
(Mycin)
![Page 36: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/36.jpg)
Controllabilità: aspetti36
Tempi dell’interazione controllati dall’utente Proseguimento del dialogo controllato dall’utente Punto di ripartenza controllato dall’utente Disponibilità di undo Disponibilità dei dati originali
R.Polillo - Marzo 2015
![Page 37: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/37.jpg)
Punto di ripartenza controllato dall’utente
R.Polillo - Marzo 2015
37
![Page 38: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/38.jpg)
I 7 principi del dialogo secondo la ISO 9241-110:2006
38
1. Adeguatezza al compito2. Autodescrizione3. Conformità alle aspettative
dell’utente4. Adeguatezza all’apprendimento5. Controllabilità6. Tolleranza verso gli errori7. Adeguatezza alla individualizzazione
R.Polillo - Marzo 2015
Nonostante evidenti errori negli input, i risultati desiderati possono essere ottenuti senza o con minime azioni correttive
![Page 39: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/39.jpg)
Tolleranza verso gli errori: aspetti39
Aiuto all’utente Prevenzione di azioni non lecite Spiegazione dell’errore Recupero dell’errore Correzioni automatiche Possibilità di correzione differita Spiegazioni aggiuntive Verifica e convalida dei dati Minimo sforzo di correzione Richieste di conferma
R.Polillo - Marzo 2015
![Page 40: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/40.jpg)
I 7 principi del dialogo secondo la ISO 9241-110:2006
40
1. Adeguatezza al compito2. Autodescrizione3. Conformità alle aspettative
dell’utente4. Adeguatezza all’apprendimento5. Controllabilità6. Tolleranza verso gli errori7. Adeguatezza alla individualizzazione
R.Polillo - Marzo 2015
L'utente può modificare l’interazione e la presentazione dell’informazione per adattarle alle proprie necessità e capacità individuali
![Page 41: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/41.jpg)
Adeguatezza alla individualizzazione: aspetti
Adattamento al profilo dell’utente Scelta di rappresentazioni alternative Scelta del livello delle spiegazioni Vocabolario personalizzabile Personalizzazione dei tempi di risposta Scelta del metodo di interazione Personalizzazione del dialogo Ripristinabilità dei valori precedenti
R.Polillo - Marzo 2015
41
![Page 42: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/42.jpg)
Scelta di rappresentazioni alternative
R.Polillo - Marzo 2015
42
MacOS Finder 10.6
![Page 43: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/43.jpg)
R.Polillo - Marzo 2015
43
MacOS Finder 10.6
Scelta di rappresentazioni alternative
![Page 44: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/44.jpg)
Vocabolario personalizzabile
R.Polillo - Marzo 2015
44
Ning, 2009
![Page 45: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/45.jpg)
Scelta del metodo d’interazione
R.Polillo - Marzo 2015
45
![Page 46: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/46.jpg)
46
Microsoft Word 2008 per Mac
R.Polillo - Marzo 2015
![Page 47: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/47.jpg)
Personalizzazione dei tempi di risposta
R.Polillo - Marzo 2015
47
MacOS Finder 10.6
![Page 48: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/48.jpg)
Personalizzazione del dialogo48
Microsoft Word 2008 per Mac
R.Polillo - Marzo 2015
![Page 49: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/49.jpg)
Un “modello di qualità”49
0
0,5
1
1,5
2
2,5
3
3,5
4
Adeguatezzaal compito
Auto-descrizione
Conformità alle aspettative dell’utente
Adeguatezzaall’apprendimento
Controllabilità
Tolleranza verso gli errori
Adeguatezza alla individualizzazione
R.Polillo - Marzo 2015
![Page 50: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/50.jpg)
Confronto 50
R.Polillo - Marzo 2015
![Page 51: 20. Principi e linee guida (II)](https://reader034.vdocuments.site/reader034/viewer/2022042701/55aa1e951a28abc17e8b48bd/html5/thumbnails/51.jpg)
Le euristiche di Nielsen
1. Visibilità dello stato del sistema2. Corrispondenza fra il mondo reale e il sistema3. Libertà e controllo da parte degli utenti4. Consistenza e standard5. Prevenzione degli errori6. Riconoscere piuttosto che ricordare7. Flessibilità ed efficienza d’uso8. Design minimalista ed estetico9. Aiutare gli utenti a riconoscere gli errori, diagnosticarli e correggerli10. Guida e documentazione
(Vedi J.Nielsen, How to conduct a Heuristi Evaluation, in http://www.useit.com/papers/heuristic/heuristic_evaluation.html )
51R.Polillo - Marzo 2015