SlideShare a Scribd company logo
1 of 51
Corso di Interazione Uomo Macchina
AA 2014-2015
Roberto Polillo
Corso di laurea in Informatica
Università di Milano Bicocca
Dipartimento 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
I 7 principi del dialogo secondo la ISO 9241-110:2006
3
1. Adeguatezza al compito
2. Autodescrizione
3. Conformità alle aspettative dell’utente
4. Adeguatezza all’apprendimento
5. Controllabilità
6. Tolleranza verso gli errori
7. Adeguatezza alla individualizzazione
R.Polillo - Marzo 2015
I 7 principi del dialogo secondo la ISO 9241-110:2006
4
1. Adeguatezza al compito
2. Autodescrizione
3. Conformità alle aspettative
dell’utente
4. Adeguatezza all’apprendimento
5. Controllabilità
6. Tolleranza verso gli errori
7. Adeguatezza alla individualizzazione
R.Polillo - Marzo 2015
Il dialogo
corrisponde alle
necessità dell’utente,
prevedibili in base al
contesto e a
convenzioni
comunemente
accettate
Conformità alle aspettative, in
pratica
Nel 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’applicazioneR.Polillo - Marzo 2015
5
Conformità alle aspettative: aspetti
6
 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
Coerenza con modalità di interazione
diffuse
R.Polillo - Marzo 2015
7
Aderenza alle convenzioni
8
R.Polillo - Marzo 2015
Es. di incoerenza: menu che si trasformano
9 R.Polillo - Marzo 2015
1. PowerPoint 2007
2. Word 2007
3. Excel 2007
21
3
10
R.Polillo - Marzo 2015
Tempi di risposta conformi alle aspettative
11
R.Polillo - Marzo 2015
Messaggi in posizione appropriata
12
R.Polillo - Marzo 2015
13
R.Polillo - Marzo 2015
Input in posizione attesa
14
Da Word 2007
R.Polillo - Marzo 2015
I 7 principi del dialogo secondo la ISO 9241-110:2006
15
1. Adeguatezza al compito
2. Autodescrizione
3. Conformità alle aspettative
dell’utente
4. Adeguatezza all’apprendimento
5. Controllabilità
6. Tolleranza verso gli errori
7. Adeguatezza alla individualizzazione
R.Polillo - Marzo 2015
Il dialogo supporta
e guida l’utente
nell’apprendiment
o del sistema
Novizio
Principiante
Competente
Esperto
L’evoluzione dell’utente
16R.Polillo -
Marzo 2015
Bassa soglia di apprendimento
R.Polillo - Marzo 2015
17
Adeguatezza all’apprendimento: alcuni aspetti
 Aiuto alla familiarizzazione
 Bassa soglia di apprendimento
 Feedback intermedi
 Sperimentazione sicura
 Modello concettuale evidente
R.Polillo - Marzo 2015
18
R.Polillo - Marzo 2015
Aiuto alla familiarizzazione
digg.com dopo
la registrazione
Aiuto alla familiarizzazione
R.Polillo - Marzo 2015
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
R.Polillo - Marzo 2015
21
Help: esempi
R.Polillo - Marzo 2015
22
flickr.com
(vecchia app)
“What’s this? help”
R.Polillo - Marzo 2015
23
Help: a che cosa serve questo?
R.Polillo - Marzo 2015
24
Help: i comandi “nascosti”
R.Polillo - Marzo 2015
25
Help: che cosa devo fare ora?
Tutorials
R.Polillo - Marzo 2015
26
R.Polillo - Marzo 2015
Aiuto alla familiarizzazione
twitter.com
(Tips)
Χ
Bassa soglia di apprendimento
R.Polillo - Marzo 2015
Da PowerPoint 2007
Bassa soglia di apprendimento
R.Polillo - Marzo 2015
29
Da PowerPoint 2007
Feedback intermedi
30
www.trenitalia.itR.Polillo - Marzo 2015
Sperimentazione sicura
 Ogni azione reversibile senza problemi
(oppure, segnalazione preventiva)
R.Polillo - Marzo 2015
31
Modello concettuale evidente
R.Polillo - Marzo 2015
32
I 7 principi del dialogo secondo la ISO 9241-110:2006
33
1. Adeguatezza al compito
2. Autodescrizione
3. Conformità alle aspettative
dell’utente
4. Adeguatezza all’apprendimento
5. Controllabilità
6. Tolleranza verso gli errori
7. 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
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
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)
Controllabilità: aspetti
36
 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
Punto di ripartenza controllato dall’utente
R.Polillo - Marzo 2015
37
I 7 principi del dialogo secondo la ISO 9241-110:2006
38
1. Adeguatezza al compito
2. Autodescrizione
3. Conformità alle aspettative
dell’utente
4. Adeguatezza all’apprendimento
5. Controllabilità
6. Tolleranza verso gli errori
7. Adeguatezza alla individualizzazione
R.Polillo - Marzo 2015
Nonostante
evidenti errori
negli input, i
risultati desiderati
possono essere
ottenuti senza o
con minime azioni
correttive
Tolleranza verso gli errori: aspetti
39
 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
I 7 principi del dialogo secondo la ISO 9241-110:2006
40
1. Adeguatezza al compito
2. Autodescrizione
3. Conformità alle aspettative
dell’utente
4. Adeguatezza all’apprendimento
5. Controllabilità
6. Tolleranza verso gli errori
7. 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
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
Scelta di rappresentazioni alternative
R.Polillo - Marzo 2015
42
MacOS Finder 10.6
R.Polillo - Marzo 2015
43
MacOS Finder 10.6
Scelta di rappresentazioni alternative
Vocabolario personalizzabile
R.Polillo - Marzo 2015
44
Ning, 2009
Scelta del metodo d’interazione
R.Polillo - Marzo 2015
45
46
Microsoft Word 2008 per Mac
R.Polillo - Marzo 2015
Personalizzazione dei tempi di risposta
R.Polillo - Marzo 2015
47
MacOS Finder 10.6
Personalizzazione del dialogo
48
Microsoft Word 2008 per Mac
R.Polillo - Marzo 2015
Un “modello di qualità”
49
0
0,5
1
1,5
2
2,5
3
3,5
4
Adeguatezza
al compito
Auto-descrizione
Conformità alle
aspettative dell’utente
Adeguatezza
all’apprendimento
Controllabilità
Tolleranza
verso gli errori
Adeguatezza alla
individualizzazione
R.Polillo - Marzo 2015
Confronto
50
R.Polillo - Marzo 2015
Le euristiche di Nielsen
1. Visibilità dello stato del sistema
2. Corrispondenza fra il mondo reale e il sistema
3. Libertà e controllo da parte degli utenti
4. Consistenza e standard
5. Prevenzione degli errori
6. Riconoscere piuttosto che ricordare
7. Flessibilità ed efficienza d’uso
8. Design minimalista ed estetico
9. Aiutare gli utenti a riconoscere gli errori, diagnosticarli e correggerli
10. 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

More Related Content

What's hot

15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla graficaRoberto Polillo
 
10. conoscere l'utente (i)
10. conoscere l'utente (i)10. conoscere l'utente (i)
10. conoscere l'utente (i)Roberto Polillo
 
Figure dal libro Facile da Usare
Figure dal libro Facile da UsareFigure dal libro Facile da Usare
Figure dal libro Facile da UsareRoberto Polillo
 
6. Progettare per l'utente (II)
6. Progettare per l'utente (II)6. Progettare per l'utente (II)
6. Progettare per l'utente (II)Roberto Polillo
 
12.Visione e progettazione grafica (I)
12.Visione e progettazione grafica (I)12.Visione e progettazione grafica (I)
12.Visione e progettazione grafica (I)Roberto Polillo
 
11. Conoscere l'utente (II)
11. Conoscere l'utente (II)11. Conoscere l'utente (II)
11. Conoscere l'utente (II)Roberto Polillo
 
5. progettare per l'utente (i)
5. progettare per l'utente (i)5. progettare per l'utente (i)
5. progettare per l'utente (i)Roberto Polillo
 
17. Principi e linee guida (ii)
17. Principi e linee guida (ii)17. Principi e linee guida (ii)
17. Principi e linee guida (ii)Roberto Polillo
 
13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorio13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorioRoberto Polillo
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corsoRoberto Polillo
 
7. Ingegneria e creativita'
7. Ingegneria e creativita'7. Ingegneria e creativita'
7. Ingegneria e creativita'Roberto Polillo
 
16. Principi e linee guida (i)
16. Principi e linee guida (i)16. Principi e linee guida (i)
16. Principi e linee guida (i)Roberto Polillo
 
8. Valutare la usabilita'
8. Valutare la usabilita'8. Valutare la usabilita'
8. Valutare la usabilita'Roberto Polillo
 
5. Pprogettare per l'utente (i)
5. Pprogettare per l'utente (i)5. Pprogettare per l'utente (i)
5. Pprogettare per l'utente (i)Roberto Polillo
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
 
12.Visione e progettazione grafica
12.Visione e progettazione grafica12.Visione e progettazione grafica
12.Visione e progettazione graficaRoberto Polillo
 

What's hot (20)

15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
10. conoscere l'utente (i)
10. conoscere l'utente (i)10. conoscere l'utente (i)
10. conoscere l'utente (i)
 
Figure dal libro Facile da Usare
Figure dal libro Facile da UsareFigure dal libro Facile da Usare
Figure dal libro Facile da Usare
 
6. Progettare per l'utente (II)
6. Progettare per l'utente (II)6. Progettare per l'utente (II)
6. Progettare per l'utente (II)
 
12.Visione e progettazione grafica (I)
12.Visione e progettazione grafica (I)12.Visione e progettazione grafica (I)
12.Visione e progettazione grafica (I)
 
11. Conoscere l'utente (II)
11. Conoscere l'utente (II)11. Conoscere l'utente (II)
11. Conoscere l'utente (II)
 
5. progettare per l'utente (i)
5. progettare per l'utente (i)5. progettare per l'utente (i)
5. progettare per l'utente (i)
 
17. Principi e linee guida (ii)
17. Principi e linee guida (ii)17. Principi e linee guida (ii)
17. Principi e linee guida (ii)
 
13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorio13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorio
 
Template Requisiti
Template RequisitiTemplate Requisiti
Template Requisiti
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
7. Ingegneria e creativita'
7. Ingegneria e creativita'7. Ingegneria e creativita'
7. Ingegneria e creativita'
 
16. Principi e linee guida (i)
16. Principi e linee guida (i)16. Principi e linee guida (i)
16. Principi e linee guida (i)
 
8. Valutare la usabilita'
8. Valutare la usabilita'8. Valutare la usabilita'
8. Valutare la usabilita'
 
5. Pprogettare per l'utente (i)
5. Pprogettare per l'utente (i)5. Pprogettare per l'utente (i)
5. Pprogettare per l'utente (i)
 
4. Usabilita
4. Usabilita4. Usabilita
4. Usabilita
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
9. Mobile design
9. Mobile design9. Mobile design
9. Mobile design
 
3. Il progetto di esame
3. Il progetto di esame3. Il progetto di esame
3. Il progetto di esame
 
12.Visione e progettazione grafica
12.Visione e progettazione grafica12.Visione e progettazione grafica
12.Visione e progettazione grafica
 

Viewers also liked

18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)Roberto Polillo
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsRoberto Polillo
 
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilità
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilitàFacile da usare - Una moderna introduzione all'ingegneria dell'usabilità
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilitàRoberto Polillo
 

Viewers also liked (14)

18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
2.Usabilità
2.Usabilità2.Usabilità
2.Usabilità
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerations
 
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilità
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilitàFacile da usare - Una moderna introduzione all'ingegneria dell'usabilità
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilità
 
Seminario musil 17-11-2010
Seminario musil 17-11-2010Seminario musil 17-11-2010
Seminario musil 17-11-2010
 
Film industriale
Film industrialeFilm industriale
Film industriale
 
Teoria e analisi del cinema 3. WA - Franco La Polla IL NUOVO CINEMA AMERICANO
Teoria e analisi del cinema 3. WA - Franco La Polla IL NUOVO CINEMA AMERICANOTeoria e analisi del cinema 3. WA - Franco La Polla IL NUOVO CINEMA AMERICANO
Teoria e analisi del cinema 3. WA - Franco La Polla IL NUOVO CINEMA AMERICANO
 
Teoria e analisi del cinema 9. colonna sonora lax conversazioni su di me
Teoria e analisi del cinema 9. colonna sonora   lax conversazioni su di meTeoria e analisi del cinema 9. colonna sonora   lax conversazioni su di me
Teoria e analisi del cinema 9. colonna sonora lax conversazioni su di me
 
Programma fenomenologia dei media
Programma fenomenologia dei mediaProgramma fenomenologia dei media
Programma fenomenologia dei media
 
Indice corso ep 11 12
Indice corso ep 11 12Indice corso ep 11 12
Indice corso ep 11 12
 
Teoria e analisi del cinema e dell'audiovisivo 0. programma
Teoria e analisi del cinema e dell'audiovisivo 0. programmaTeoria e analisi del cinema e dell'audiovisivo 0. programma
Teoria e analisi del cinema e dell'audiovisivo 0. programma
 
0. Programma Pratica e cultura dello spettacolo
0. Programma Pratica e cultura dello spettacolo0. Programma Pratica e cultura dello spettacolo
0. Programma Pratica e cultura dello spettacolo
 
Saggio sui colori in flaubert
Saggio sui colori in flaubertSaggio sui colori in flaubert
Saggio sui colori in flaubert
 

Similar to 20. Principi e linee guida (II)

16. Principi e linee guida
16. Principi e linee guida16. Principi e linee guida
16. Principi e linee guidaRoberto Polillo
 
10. Principi e linee guida
10. Principi e linee guida10. Principi e linee guida
10. Principi e linee guidaRoberto Polillo
 
9. Principi e linee guida per il design
9. Principi e linee guida per il design9. Principi e linee guida per il design
9. Principi e linee guida per il designRoberto Polillo
 
17. Conclusione del corso
17. Conclusione del corso17. Conclusione del corso
17. Conclusione del corsoRoberto Polillo
 
2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi2. Progettazione per prototipi successivi
2. Progettazione per prototipi successiviRoberto Polillo
 
4. La ingegneria della usabilita
4. La ingegneria della usabilita4. La ingegneria della usabilita
4. La ingegneria della usabilitaRoberto Polillo
 
8. Valutare la usabilita
8. Valutare la usabilita8. Valutare la usabilita
8. Valutare la usabilitaRoberto Polillo
 
10. Conoscere l'utente (Parte I)
10. Conoscere l'utente (Parte I)10. Conoscere l'utente (Parte I)
10. Conoscere l'utente (Parte I)Roberto Polillo
 
Odoo Days Italy 2019 – Corrado Pagliarini – BIKM
Odoo Days Italy 2019 – Corrado Pagliarini – BIKMOdoo Days Italy 2019 – Corrado Pagliarini – BIKM
Odoo Days Italy 2019 – Corrado Pagliarini – BIKMCorrado Pagliarini
 
2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi2. Progettazione per prototipi successivi
2. Progettazione per prototipi successiviRoberto Polillo
 
Ruspantini_Andrea_Gen_FY16_IT
Ruspantini_Andrea_Gen_FY16_ITRuspantini_Andrea_Gen_FY16_IT
Ruspantini_Andrea_Gen_FY16_ITAndrea Ruspantini
 
4.Progettazione e sviluppo per prototipi successivi
4.Progettazione e sviluppo per prototipi successivi4.Progettazione e sviluppo per prototipi successivi
4.Progettazione e sviluppo per prototipi successiviRoberto Polillo
 
Product Lifecycle Management
Product Lifecycle ManagementProduct Lifecycle Management
Product Lifecycle ManagementMatteo Damiani
 
6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)Roberto Polillo
 
Smau Firenze 2014 - Workshop IT Project Management - Raggiungere il successo ...
Smau Firenze 2014 - Workshop IT Project Management - Raggiungere il successo ...Smau Firenze 2014 - Workshop IT Project Management - Raggiungere il successo ...
Smau Firenze 2014 - Workshop IT Project Management - Raggiungere il successo ...SMAU
 

Similar to 20. Principi e linee guida (II) (20)

16. Principi e linee guida
16. Principi e linee guida16. Principi e linee guida
16. Principi e linee guida
 
10. Principi e linee guida
10. Principi e linee guida10. Principi e linee guida
10. Principi e linee guida
 
9. Principi e linee guida per il design
9. Principi e linee guida per il design9. Principi e linee guida per il design
9. Principi e linee guida per il design
 
17. Conclusione del corso
17. Conclusione del corso17. Conclusione del corso
17. Conclusione del corso
 
5. Il progetto di esame
5. Il progetto di esame5. Il progetto di esame
5. Il progetto di esame
 
2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi
 
4. La ingegneria della usabilita
4. La ingegneria della usabilita4. La ingegneria della usabilita
4. La ingegneria della usabilita
 
3. Il progetto di esame
3. Il progetto di esame3. Il progetto di esame
3. Il progetto di esame
 
Progettare per l'errore
Progettare per l'erroreProgettare per l'errore
Progettare per l'errore
 
2. Usabilità
2. Usabilità2. Usabilità
2. Usabilità
 
8. Valutare la usabilita
8. Valutare la usabilita8. Valutare la usabilita
8. Valutare la usabilita
 
10. Conoscere l'utente (Parte I)
10. Conoscere l'utente (Parte I)10. Conoscere l'utente (Parte I)
10. Conoscere l'utente (Parte I)
 
Odoo Days Italy 2019 – Corrado Pagliarini – BIKM
Odoo Days Italy 2019 – Corrado Pagliarini – BIKMOdoo Days Italy 2019 – Corrado Pagliarini – BIKM
Odoo Days Italy 2019 – Corrado Pagliarini – BIKM
 
2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi
 
Ruspantini_Andrea_Gen_FY16_IT
Ruspantini_Andrea_Gen_FY16_ITRuspantini_Andrea_Gen_FY16_IT
Ruspantini_Andrea_Gen_FY16_IT
 
4.Progettazione e sviluppo per prototipi successivi
4.Progettazione e sviluppo per prototipi successivi4.Progettazione e sviluppo per prototipi successivi
4.Progettazione e sviluppo per prototipi successivi
 
Product Lifecycle Management
Product Lifecycle ManagementProduct Lifecycle Management
Product Lifecycle Management
 
6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)
 
Smau Firenze 2014 - Workshop IT Project Management - Raggiungere il successo ...
Smau Firenze 2014 - Workshop IT Project Management - Raggiungere il successo ...Smau Firenze 2014 - Workshop IT Project Management - Raggiungere il successo ...
Smau Firenze 2014 - Workshop IT Project Management - Raggiungere il successo ...
 
J2EE PATTERNS - Scheda corso LEN
J2EE PATTERNS - Scheda corso LENJ2EE PATTERNS - Scheda corso LEN
J2EE PATTERNS - Scheda corso LEN
 

More from Roberto Polillo

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroRoberto Polillo
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniRoberto Polillo
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleRoberto Polillo
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e seggRoberto Polillo
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sitesRoberto Polillo
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatoriRoberto Polillo
 
15. La forma breve e il microblogging
15. La forma  breve e il microblogging15. La forma  breve e il microblogging
15. La forma breve e il microbloggingRoberto Polillo
 
13. Internet business models
13. Internet business models13. Internet business models
13. Internet business modelsRoberto Polillo
 
Internet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introductionInternet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introductionRoberto Polillo
 
11. Evoluzione del Web (I)
11. Evoluzione del Web (I)11. Evoluzione del Web (I)
11. Evoluzione del Web (I)Roberto Polillo
 
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...Roberto Polillo
 

More from Roberto Polillo (18)

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuro
 
Conclusioni del corso
Conclusioni del corsoConclusioni del corso
Conclusioni del corso
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioni
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitale
 
Wikipedia
WikipediaWikipedia
Wikipedia
 
Open internet
Open internetOpen internet
Open internet
 
20. Social networks
20. Social networks20. Social networks
20. Social networks
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sites
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatori
 
16. Social media
16. Social media16. Social media
16. Social media
 
15. La forma breve e il microblogging
15. La forma  breve e il microblogging15. La forma  breve e il microblogging
15. La forma breve e il microblogging
 
14. I blog
14. I blog14. I blog
14. I blog
 
13. Internet business models
13. Internet business models13. Internet business models
13. Internet business models
 
12. Mobile web
12. Mobile web12. Mobile web
12. Mobile web
 
Internet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introductionInternet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introduction
 
11. Evoluzione del Web (I)
11. Evoluzione del Web (I)11. Evoluzione del Web (I)
11. Evoluzione del Web (I)
 
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...
 

Recently uploaded

Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxlorenzodemidio01
 
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaXI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaStefano Lariccia
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxlorenzodemidio01
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxlorenzodemidio01
 
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaXIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaStefano Lariccia
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxlorenzodemidio01
 

Recently uploaded (6)

Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
 
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaXI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptx
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
 
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaXIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
 

20. Principi e linee guida (II)

  • 1. Corso di Interazione Uomo Macchina AA 2014-2015 Roberto Polillo Corso di laurea in Informatica Università di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione PRINCIPI E LINEE GUIDA (II) Edizione 2014-15
  • 2. 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
  • 3. I 7 principi del dialogo secondo la ISO 9241-110:2006 3 1. Adeguatezza al compito 2. Autodescrizione 3. Conformità alle aspettative dell’utente 4. Adeguatezza all’apprendimento 5. Controllabilità 6. Tolleranza verso gli errori 7. Adeguatezza alla individualizzazione R.Polillo - Marzo 2015
  • 4. I 7 principi del dialogo secondo la ISO 9241-110:2006 4 1. Adeguatezza al compito 2. Autodescrizione 3. Conformità alle aspettative dell’utente 4. Adeguatezza all’apprendimento 5. Controllabilità 6. Tolleranza verso gli errori 7. Adeguatezza alla individualizzazione R.Polillo - Marzo 2015 Il dialogo corrisponde alle necessità dell’utente, prevedibili in base al contesto e a convenzioni comunemente accettate
  • 5. Conformità alle aspettative, in pratica Nel 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’applicazioneR.Polillo - Marzo 2015 5
  • 6. Conformità alle aspettative: aspetti 6  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
  • 7. Coerenza con modalità di interazione diffuse R.Polillo - Marzo 2015 7
  • 9. Es. di incoerenza: menu che si trasformano 9 R.Polillo - Marzo 2015
  • 10. 1. PowerPoint 2007 2. Word 2007 3. Excel 2007 21 3 10 R.Polillo - Marzo 2015
  • 11. Tempi di risposta conformi alle aspettative 11 R.Polillo - Marzo 2015
  • 12. Messaggi in posizione appropriata 12 R.Polillo - Marzo 2015
  • 14. Input in posizione attesa 14 Da Word 2007 R.Polillo - Marzo 2015
  • 15. I 7 principi del dialogo secondo la ISO 9241-110:2006 15 1. Adeguatezza al compito 2. Autodescrizione 3. Conformità alle aspettative dell’utente 4. Adeguatezza all’apprendimento 5. Controllabilità 6. Tolleranza verso gli errori 7. Adeguatezza alla individualizzazione R.Polillo - Marzo 2015 Il dialogo supporta e guida l’utente nell’apprendiment o del sistema
  • 17. Bassa soglia di apprendimento R.Polillo - Marzo 2015 17
  • 18. Adeguatezza all’apprendimento: alcuni aspetti  Aiuto alla familiarizzazione  Bassa soglia di apprendimento  Feedback intermedi  Sperimentazione sicura  Modello concettuale evidente R.Polillo - Marzo 2015 18
  • 19. R.Polillo - Marzo 2015 Aiuto alla familiarizzazione digg.com dopo la registrazione
  • 20. Aiuto alla familiarizzazione R.Polillo - Marzo 2015 20 vimeo.com (nelle faq)
  • 21. 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
  • 22. Help: esempi R.Polillo - Marzo 2015 22 flickr.com (vecchia app) “What’s this? help”
  • 23. R.Polillo - Marzo 2015 23 Help: a che cosa serve questo?
  • 24. R.Polillo - Marzo 2015 24 Help: i comandi “nascosti”
  • 25. R.Polillo - Marzo 2015 25 Help: che cosa devo fare ora?
  • 27. R.Polillo - Marzo 2015 Aiuto alla familiarizzazione twitter.com (Tips)
  • 28. Χ Bassa soglia di apprendimento R.Polillo - Marzo 2015 Da PowerPoint 2007
  • 29. Bassa soglia di apprendimento R.Polillo - Marzo 2015 29 Da PowerPoint 2007
  • 31. Sperimentazione sicura  Ogni azione reversibile senza problemi (oppure, segnalazione preventiva) R.Polillo - Marzo 2015 31
  • 33. I 7 principi del dialogo secondo la ISO 9241-110:2006 33 1. Adeguatezza al compito 2. Autodescrizione 3. Conformità alle aspettative dell’utente 4. Adeguatezza all’apprendimento 5. Controllabilità 6. Tolleranza verso gli errori 7. 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
  • 34. 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
  • 35. 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)
  • 36. Controllabilità: aspetti 36  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
  • 37. Punto di ripartenza controllato dall’utente R.Polillo - Marzo 2015 37
  • 38. I 7 principi del dialogo secondo la ISO 9241-110:2006 38 1. Adeguatezza al compito 2. Autodescrizione 3. Conformità alle aspettative dell’utente 4. Adeguatezza all’apprendimento 5. Controllabilità 6. Tolleranza verso gli errori 7. Adeguatezza alla individualizzazione R.Polillo - Marzo 2015 Nonostante evidenti errori negli input, i risultati desiderati possono essere ottenuti senza o con minime azioni correttive
  • 39. Tolleranza verso gli errori: aspetti 39  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
  • 40. I 7 principi del dialogo secondo la ISO 9241-110:2006 40 1. Adeguatezza al compito 2. Autodescrizione 3. Conformità alle aspettative dell’utente 4. Adeguatezza all’apprendimento 5. Controllabilità 6. Tolleranza verso gli errori 7. 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
  • 41. 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
  • 42. Scelta di rappresentazioni alternative R.Polillo - Marzo 2015 42 MacOS Finder 10.6
  • 43. R.Polillo - Marzo 2015 43 MacOS Finder 10.6 Scelta di rappresentazioni alternative
  • 44. Vocabolario personalizzabile R.Polillo - Marzo 2015 44 Ning, 2009
  • 45. Scelta del metodo d’interazione R.Polillo - Marzo 2015 45
  • 46. 46 Microsoft Word 2008 per Mac R.Polillo - Marzo 2015
  • 47. Personalizzazione dei tempi di risposta R.Polillo - Marzo 2015 47 MacOS Finder 10.6
  • 48. Personalizzazione del dialogo 48 Microsoft Word 2008 per Mac R.Polillo - Marzo 2015
  • 49. Un “modello di qualità” 49 0 0,5 1 1,5 2 2,5 3 3,5 4 Adeguatezza al compito Auto-descrizione Conformità alle aspettative dell’utente Adeguatezza all’apprendimento Controllabilità Tolleranza verso gli errori Adeguatezza alla individualizzazione R.Polillo - Marzo 2015
  • 51. Le euristiche di Nielsen 1. Visibilità dello stato del sistema 2. Corrispondenza fra il mondo reale e il sistema 3. Libertà e controllo da parte degli utenti 4. Consistenza e standard 5. Prevenzione degli errori 6. Riconoscere piuttosto che ricordare 7. Flessibilità ed efficienza d’uso 8. Design minimalista ed estetico 9. Aiutare gli utenti a riconoscere gli errori, diagnosticarli e correggerli 10. 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

Editor's Notes

  1. Sito ufficiale del film “The Story of Us”, ottobre 1999 La struttura di navigazione trasversale presenta molti problemi. Infatti: Il menù (rappresentato dal “mazzo” di fotografie, cambia forma e contenuti nei vari contesti (nella home page sono 5 foto, nelle pagine di livello 1 sono 4 foto, mancando quella della pagina corrente. Inoltre in due pagine manca il menu. Perchè?) Il titolo cambia passando dalla home page alle pagine di primo livello. Es.: “The Marriage” diventa “Story – The Marriage”. Il secondo titolo si vede, sulla home page, passando il mouse sulla fotografia relativa.