20. Principi e linee guida (II)

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

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

http://www.rpolillo.it/

http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it

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


4

1. Adeguatezza al compito2. Autodescrizione3. Conformità alle aspettative

dell’utente4. Adeguatezza all’apprendimento5. Controllabilità6. Tolleranza verso gli errori7. Adeguatezza alla individualizzazione


Il dialogo corrisponde alle necessità dell’utente, prevedibili in base al contesto e a convenzioni comunemente accettate

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


5

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


Coerenza con modalità di interazione diffuse


7

Aderenza alle convenzioni8


Es. di incoerenza: menu che si trasformano

9 R.Polillo - Marzo 2015

1. PowerPoint 20072. Word 20073. Excel 2007

21

3

10R.Polillo - Marzo 2015

Tempi di risposta conformi alle aspettative11


Messaggi in posizione appropriata12


13


Input in posizione attesa14

Da Word 2007



15




Il dialogo supporta e guida l’utente nell’apprendimento del sistema

Novizio

Principiante

Competente

Esperto

L’evoluzione dell’utente16R.Polillo -

Marzo 2015

Bassa soglia di apprendimento


17

Adeguatezza all’apprendimento: alcuni aspetti

Aiuto alla familiarizzazione Bassa soglia di apprendimento Feedback intermedi Sperimentazione sicura Modello concettuale evidente


18


Aiuto alla familiarizzazione

digg.com dopo la registrazione



20

vimeo.com(nelle faq)

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


21

Help: esempi


22

flickr.com(vecchia app)

“What’s this? help”


23

Help: a che cosa serve questo?


24

Help: i comandi “nascosti”


25

Help: che cosa devo fare ora?

Tutorials


26



twitter.com(Tips)

ΧBassa soglia di apprendimento


Da PowerPoint 2007

Bassa soglia di apprendimento


29

Da PowerPoint 2007

Feedback intermedi30

www.trenitalia.itR.Polillo - Marzo 2015

Sperimentazione sicura

Ogni azione reversibile senza problemi (oppure, segnalazione preventiva)


31

Modello concettuale evidente


32


33


dell’utente4. Adeguatezza all’apprendimento5. Controllabilità6. Tolleranza verso gli errori7. Adeguatezza alla

individualizzazione


L’utente è in grado di iniziare e tenere sotto controllo la direzione e i tempi dell’interazione fino al raggiungimento dell’obbiettivo

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


34

Q&A controllate dal sistema: esempio


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)

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


Punto di ripartenza controllato dall’utente


37


38




Nonostante evidenti errori negli input, i risultati desiderati possono essere ottenuti senza o con minime azioni correttive

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



40




L'utente può modificare l’interazione e la presentazione dell’informazione per adattarle alle proprie necessità e capacità individuali

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


41

Scelta di rappresentazioni alternative


42

MacOS Finder 10.6


43

MacOS Finder 10.6

Scelta di rappresentazioni alternative

Vocabolario personalizzabile


44

Ning, 2009

Scelta del metodo d’interazione


45

46

Microsoft Word 2008 per Mac


Personalizzazione dei tempi di risposta


47

MacOS Finder 10.6

Personalizzazione del dialogo48

Microsoft Word 2008 per Mac


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


Confronto 50


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

http://www.useit.com/papers/heuristic/heuristic_evaluation.html

Education

20. Principi e linee guida (II)