SlideShare a Scribd company logo
1 of 47
Corso di Interazione Uomo Macchina
AA 2013-2014
Roberto Polillo
Corso di laurea in Informatica
Università di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
PRINCIPI E LINEE GUIDA
(II)
1
R.Polillo - Marzo 2014
Edizione
2013-14
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.
Ρ.Πολιλλο
− Μαρζο
2014
2
I 7 principi del dialogo secondo la ISO 9241-110:2006
3
Enuncia 7 principi del dialogo uomo –
macchina:
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 2014
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 2014
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 2014
5
R.Polillo - Marzo 2014
6
La dicitura “conformità alle aspettative dell’utente” ”
è molto generale,
e comprende numerosi aspetti particolari,
inclusa la “coerenza” fra i vari aspetti dell’interazione
L’aderenza a questo principio di progettazione
va analizzata molto, molto accuratamente
Conformità alle aspettative: aspetti
7
 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 2014
Coerenza con modalità di interazione
diffuse
R.Polillo - Marzo 2014
8
Aderenza alle convenzioni
9
R.Polillo - Marzo 2014
Es. di incoerenza: menu che si trasformano
10 R.Polillo - Marzo 2014
1. PowerPoint 2007
2. Word 2007
3. Excel 2007
21
3
11
R.Polillo - Marzo 2014
Tempi di risposta conformi alle aspettative
12
R.Polillo - Marzo 2014
Messaggi in posizione appropriata
13
R.Polillo - Marzo 2014
14
R.Polillo - Marzo 2014
Input in posizione attesa
15
Da Word 2007
R.Polillo - Marzo 2014
I 7 principi del dialogo secondo la ISO 9241-110:2006
16
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 2014
Il dialogo supporta
e guida l’utente
nell’apprendiment
o del sistema
Novizio
Principiante
Competente
Esperto
L’evoluzione dell’utente
17R.Polillo
-Marzo 2014
Bassa soglia di apprendimento
R.Polillo - Marzo 2014
18
Adeguatezza all’apprendimento: aspetti
 Aiuto alla familiarizzazione
 Bassa soglia di apprendimento
 Feedback intermedi
 Sperimentazione sicura
 Modello concettuale evidente
 Riapprendimento facilitato
R.Polillo - Marzo 2014
19
R.Polillo - Marzo 2014
Aiuto alla familiarizzazione
R.Polillo - Marzo 2014
21
Aiuto alla familiarizzazione
R.Polillo - Marzo 2014
22
R.Polillo - Marzo 2014
Α
Β
Χ
R.Polillo - Marzo 2014
Da PowerPoint 2007
Feedback intermedi: esempio
25
www.trenitalia.itR.Polillo - Marzo 2014
Aiuto online: tipi di help
1. Che cosa è e a che cosa serve questo?
2. Dove si trova questo comando?
3. Spiegami questo argomento?
4. Come faccio per ottenere questo risultato?
R.Polillo - Marzo 2014
26
Esempio
R.Polillo - Marzo 2014
27
Da PowerPoint 2007
Modello concettuale evidente
R.Polillo - Marzo 2014
28
I 7 principi del dialogo secondo la ISO 9241-110:2006
29
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 2014
L’utente è in grado
di iniziare e tenere
sotto controllare 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 2014
30
Q&A controllate dal sistema: esempio
R.Polillo - Marzo 2014
31
(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
32
 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
 Modalità di visualizzazione dei dati controllata dall’utente
 Dispositivo d’interazione controllato dall’utente
 Personalizzazione dei valori di default
R.Polillo - Marzo 2014
Punto di ripartenza controllato dall’utente
R.Polillo - Marzo 2014
33
I 7 principi del dialogo secondo la ISO 9241-110:2006
34
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 2014
Nonostante
evidenti errori
negli input, i
risultati desiderati
possono essere
ottenuti senza o
con minime azioni
correttive
Tolleranza verso gli errori: aspetti
35
 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 2014
I 7 principi del dialogo secondo la ISO 9241-110:2006
36
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 2014
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 2014
37
Scelta di rappresentazioni alternative
R.Polillo - Marzo 2014
38
MacOS Finder 10.6
R.Polillo - Marzo 2014
39
MacOS Finder 10.6
Scelta di rappresentazioni alternative
Vocabolario personalizzabile
R.Polillo - Marzo 2014
40
Ning, 2009
Scelta del metodo d’interazione
R.Polillo - Marzo 2014
41
42
Microsoft Word 2008 per Mac
R.Polillo - Marzo 2014
Personalizzazione dei tempi di risposta
R.Polillo - Marzo 2014
43
MacOS Finder 10.6
Personalizzazione del dialogo
44
Microsoft Word 2008 per Mac
R.Polillo - Marzo 2014
Un “modello di qualità”
45
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 2014
Confronto
46
R.Polillo - Marzo 2014
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 )
47R.Polillo - Marzo 2014

More Related Content

What's hot

8. Valutare la usabilita'
8. Valutare la usabilita'8. Valutare la usabilita'
8. Valutare la usabilita'Roberto Polillo
 
10. conoscere l'utente (i)
10. conoscere l'utente (i)10. conoscere l'utente (i)
10. conoscere l'utente (i)Roberto Polillo
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'erroreRoberto 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
 
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
 
11. Conoscere l'utente (II)
11. Conoscere l'utente (II)11. Conoscere l'utente (II)
11. Conoscere l'utente (II)Roberto Polillo
 
2. Progettazione iterativa
2. Progettazione iterativa2. Progettazione iterativa
2. Progettazione iterativaRoberto Polillo
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corsoRoberto 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
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla graficaRoberto Polillo
 
1. Introduzione al corso
1. Introduzione al corso1. Introduzione al corso
1. Introduzione al corsoRoberto Polillo
 
7.Ingegneria e creativita'
7.Ingegneria e creativita'7.Ingegneria e creativita'
7.Ingegneria e creativita'Roberto Polillo
 
7. Ingegneria e creativita'
7. Ingegneria e creativita'7. Ingegneria e creativita'
7. Ingegneria e creativita'Roberto Polillo
 

What's hot (20)

14. Progettare il testo
14. Progettare il testo14. Progettare il testo
14. Progettare il testo
 
8. Valutare la usabilita'
8. Valutare la usabilita'8. Valutare la usabilita'
8. Valutare la usabilita'
 
10. conoscere l'utente (i)
10. conoscere l'utente (i)10. conoscere l'utente (i)
10. conoscere l'utente (i)
 
1.Introduzione al corso
1.Introduzione al corso1.Introduzione al corso
1.Introduzione al corso
 
9. Mobile design
9. Mobile design9. Mobile design
9. Mobile design
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'errore
 
6. Progettare per l'utente (II)
6. Progettare per l'utente (II)6. Progettare per l'utente (II)
6. Progettare per l'utente (II)
 
8. Valutare la usabilita'
8. Valutare la usabilita'8. Valutare la usabilita'
8. Valutare la usabilita'
 
3. Usabilita
3. Usabilita3. Usabilita
3. 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)
 
11. Conoscere l'utente (II)
11. Conoscere l'utente (II)11. Conoscere l'utente (II)
11. Conoscere l'utente (II)
 
2. Progettazione iterativa
2. Progettazione iterativa2. Progettazione iterativa
2. Progettazione iterativa
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
12.Visione e progettazione grafica (I)
12.Visione e progettazione grafica (I)12.Visione e progettazione grafica (I)
12.Visione e progettazione grafica (I)
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
1.Introduzione al corso
1.Introduzione al corso1.Introduzione al corso
1.Introduzione al corso
 
1. Introduzione al corso
1. Introduzione al corso1. Introduzione al corso
1. Introduzione al corso
 
7.Ingegneria e creativita'
7.Ingegneria e creativita'7.Ingegneria e creativita'
7.Ingegneria e creativita'
 
3. Il progetto di esame
3. Il progetto di esame3. Il progetto di esame
3. Il progetto di esame
 
7. Ingegneria e creativita'
7. Ingegneria e creativita'7. Ingegneria e creativita'
7. Ingegneria e creativita'
 

Viewers also liked

13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorio13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorioRoberto Polillo
 
21. Evoluzione dei paradigmi di interazione (III)
21. Evoluzione dei paradigmi di interazione (III) 21. Evoluzione dei paradigmi di interazione (III)
21. Evoluzione dei paradigmi di interazione (III) Roberto Polillo
 
Mobile strategy-2010
Mobile strategy-2010Mobile strategy-2010
Mobile strategy-2010DML Srl
 
iPhone Apps Marketing
iPhone Apps MarketingiPhone Apps Marketing
iPhone Apps MarketingDML Srl
 
Diventare ricchi con Python
Diventare ricchi con PythonDiventare ricchi con Python
Diventare ricchi con Pythonantonio.cangiano
 
Audience Profiling con Google Analytics
Audience Profiling con Google  AnalyticsAudience Profiling con Google  Analytics
Audience Profiling con Google AnalyticsDML Srl
 
11. Conoscere l'utente (ii): la visione
11. Conoscere l'utente (ii): la visione11. Conoscere l'utente (ii): la visione
11. Conoscere l'utente (ii): la visioneRoberto 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
 
Come diventare data scientist - Paolo Pellegrini
Come diventare data scientist - Paolo PellegriniCome diventare data scientist - Paolo Pellegrini
Come diventare data scientist - Paolo PellegriniDonatella Cambosu
 
Web Analytics - WHR 2012 - Guida pratica Google Analytics
Web Analytics - WHR 2012 - Guida pratica Google AnalyticsWeb Analytics - WHR 2012 - Guida pratica Google Analytics
Web Analytics - WHR 2012 - Guida pratica Google AnalyticsEnrico Ferretti
 
Marketing Network
Marketing NetworkMarketing Network
Marketing NetworkGianniTex
 
Come costruire un'azienda distribuita con Python
Come costruire un'azienda distribuita con PythonCome costruire un'azienda distribuita con Python
Come costruire un'azienda distribuita con PythonMaurizio Delmonte
 
Penetration Testing con Python - Network Sniffer
Penetration Testing con Python - Network SnifferPenetration Testing con Python - Network Sniffer
Penetration Testing con Python - Network SnifferSimone Onofri
 
Digital trends 2014 - Rimini 18 febbraio 2014
Digital trends 2014 - Rimini 18 febbraio 2014Digital trends 2014 - Rimini 18 febbraio 2014
Digital trends 2014 - Rimini 18 febbraio 2014Marco Volpe
 
4. Introduzione al web (Parte I)
4. Introduzione al web (Parte I)4. Introduzione al web (Parte I)
4. Introduzione al web (Parte I)Roberto Polillo
 
8. Il vostro blog: come farlo e come farlo bene
8. Il vostro blog: come farlo e come farlo bene  8. Il vostro blog: come farlo e come farlo bene
8. Il vostro blog: come farlo e come farlo bene Roberto Polillo
 

Viewers also liked (20)

Article Marketig
Article MarketigArticle Marketig
Article Marketig
 
13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorio13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorio
 
21. Evoluzione dei paradigmi di interazione (III)
21. Evoluzione dei paradigmi di interazione (III) 21. Evoluzione dei paradigmi di interazione (III)
21. Evoluzione dei paradigmi di interazione (III)
 
Mobile strategy-2010
Mobile strategy-2010Mobile strategy-2010
Mobile strategy-2010
 
iPhone Apps Marketing
iPhone Apps MarketingiPhone Apps Marketing
iPhone Apps Marketing
 
Manuale python
Manuale pythonManuale python
Manuale python
 
Diventare ricchi con Python
Diventare ricchi con PythonDiventare ricchi con Python
Diventare ricchi con Python
 
Audience Profiling con Google Analytics
Audience Profiling con Google  AnalyticsAudience Profiling con Google  Analytics
Audience Profiling con Google Analytics
 
11. Conoscere l'utente (ii): la visione
11. Conoscere l'utente (ii): la visione11. Conoscere l'utente (ii): la visione
11. Conoscere l'utente (ii): la visione
 
6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)
 
Asia pacific digital overview 2014
Asia pacific digital overview 2014Asia pacific digital overview 2014
Asia pacific digital overview 2014
 
Le App per il Business
Le App per il BusinessLe App per il Business
Le App per il Business
 
Come diventare data scientist - Paolo Pellegrini
Come diventare data scientist - Paolo PellegriniCome diventare data scientist - Paolo Pellegrini
Come diventare data scientist - Paolo Pellegrini
 
Web Analytics - WHR 2012 - Guida pratica Google Analytics
Web Analytics - WHR 2012 - Guida pratica Google AnalyticsWeb Analytics - WHR 2012 - Guida pratica Google Analytics
Web Analytics - WHR 2012 - Guida pratica Google Analytics
 
Marketing Network
Marketing NetworkMarketing Network
Marketing Network
 
Come costruire un'azienda distribuita con Python
Come costruire un'azienda distribuita con PythonCome costruire un'azienda distribuita con Python
Come costruire un'azienda distribuita con Python
 
Penetration Testing con Python - Network Sniffer
Penetration Testing con Python - Network SnifferPenetration Testing con Python - Network Sniffer
Penetration Testing con Python - Network Sniffer
 
Digital trends 2014 - Rimini 18 febbraio 2014
Digital trends 2014 - Rimini 18 febbraio 2014Digital trends 2014 - Rimini 18 febbraio 2014
Digital trends 2014 - Rimini 18 febbraio 2014
 
4. Introduzione al web (Parte I)
4. Introduzione al web (Parte I)4. Introduzione al web (Parte I)
4. Introduzione al web (Parte I)
 
8. Il vostro blog: come farlo e come farlo bene
8. Il vostro blog: come farlo e come farlo bene  8. Il vostro blog: come farlo e come farlo bene
8. Il vostro blog: come farlo e come farlo bene
 

Similar to 17. 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
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)Roberto 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
 
Introduzione alle metodologie e pratiche Agili ... ma l'agile c'entra qualcos...
Introduzione alle metodologie e pratiche Agili ... ma l'agile c'entra qualcos...Introduzione alle metodologie e pratiche Agili ... ma l'agile c'entra qualcos...
Introduzione alle metodologie e pratiche Agili ... ma l'agile c'entra qualcos...Roberto Bettazzoni
 
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
 
La cassetta degli attrezzi del PO - Cecchinelli
La cassetta degli attrezzi del PO - CecchinelliLa cassetta degli attrezzi del PO - Cecchinelli
La cassetta degli attrezzi del PO - CecchinelliCodemotion
 
2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi2. Progettazione per prototipi successivi
2. Progettazione per prototipi successiviRoberto 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
 
MS VISUAL STUDIO 2005 – Net.2.0 developer foundation - Scheda corso LEN
MS VISUAL STUDIO 2005 – Net.2.0 developer foundation - Scheda corso LENMS VISUAL STUDIO 2005 – Net.2.0 developer foundation - Scheda corso LEN
MS VISUAL STUDIO 2005 – Net.2.0 developer foundation - Scheda corso LENLEN Learning Education Network
 

Similar to 17. 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
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)
 
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
 
Progettare per l'errore
Progettare per l'erroreProgettare per l'errore
Progettare per l'errore
 
2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi
 
2. Usabilità
2. Usabilità2. Usabilità
2. Usabilità
 
4. La ingegneria della usabilita
4. La ingegneria della usabilita4. La ingegneria della usabilita
4. La ingegneria della usabilita
 
Introduzione alle metodologie e pratiche Agili ... ma l'agile c'entra qualcos...
Introduzione alle metodologie e pratiche Agili ... ma l'agile c'entra qualcos...Introduzione alle metodologie e pratiche Agili ... ma l'agile c'entra qualcos...
Introduzione alle metodologie e pratiche Agili ... ma l'agile c'entra qualcos...
 
Slides corso 10 feb 2012
Slides corso 10 feb 2012Slides corso 10 feb 2012
Slides corso 10 feb 2012
 
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)
 
Cv valerio vozella
Cv valerio vozellaCv valerio vozella
Cv valerio vozella
 
3. Il progetto di esame
3. Il progetto di esame3. Il progetto di esame
3. Il progetto di esame
 
La cassetta degli attrezzi del PO - Cecchinelli
La cassetta degli attrezzi del PO - CecchinelliLa cassetta degli attrezzi del PO - Cecchinelli
La cassetta degli attrezzi del PO - Cecchinelli
 
2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi
 
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
 
MS VISUAL STUDIO 2005 – Net.2.0 developer foundation - Scheda corso LEN
MS VISUAL STUDIO 2005 – Net.2.0 developer foundation - Scheda corso LENMS VISUAL STUDIO 2005 – Net.2.0 developer foundation - Scheda corso LEN
MS VISUAL STUDIO 2005 – Net.2.0 developer foundation - 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
 
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
 
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
 
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
 
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
 
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. 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
 
13. Internet business models
13. Internet business models13. Internet business models
13. Internet business modelsRoberto Polillo
 

More from Roberto Polillo (20)

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
 
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
 
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
 
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)
 
Wikipedia
WikipediaWikipedia
Wikipedia
 
Open internet
Open internetOpen internet
Open internet
 
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)
 
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)
 
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
 
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
 
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
 

Recently uploaded

Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoyanmeng831
 
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
 
Confronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptConfronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptcarlottagalassi
 
Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaSalvatore Cianciabella
 
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
 
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
 

Recently uploaded (7)

Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceo
 
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
 
Confronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptConfronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.ppt
 
Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione Civica
 
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
 
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
 

17. Principi e linee guida (ii)

  • 1. Corso di Interazione Uomo Macchina AA 2013-2014 Roberto Polillo Corso di laurea in Informatica Università di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione PRINCIPI E LINEE GUIDA (II) 1 R.Polillo - Marzo 2014 Edizione 2013-14
  • 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. Ρ.Πολιλλο − Μαρζο 2014 2
  • 3. I 7 principi del dialogo secondo la ISO 9241-110:2006 3 Enuncia 7 principi del dialogo uomo – macchina: 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 2014
  • 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 2014 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 2014 5
  • 6. R.Polillo - Marzo 2014 6 La dicitura “conformità alle aspettative dell’utente” ” è molto generale, e comprende numerosi aspetti particolari, inclusa la “coerenza” fra i vari aspetti dell’interazione L’aderenza a questo principio di progettazione va analizzata molto, molto accuratamente
  • 7. Conformità alle aspettative: aspetti 7  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 2014
  • 8. Coerenza con modalità di interazione diffuse R.Polillo - Marzo 2014 8
  • 10. Es. di incoerenza: menu che si trasformano 10 R.Polillo - Marzo 2014
  • 11. 1. PowerPoint 2007 2. Word 2007 3. Excel 2007 21 3 11 R.Polillo - Marzo 2014
  • 12. Tempi di risposta conformi alle aspettative 12 R.Polillo - Marzo 2014
  • 13. Messaggi in posizione appropriata 13 R.Polillo - Marzo 2014
  • 15. Input in posizione attesa 15 Da Word 2007 R.Polillo - Marzo 2014
  • 16. I 7 principi del dialogo secondo la ISO 9241-110:2006 16 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 2014 Il dialogo supporta e guida l’utente nell’apprendiment o del sistema
  • 18. Bassa soglia di apprendimento R.Polillo - Marzo 2014 18
  • 19. Adeguatezza all’apprendimento: aspetti  Aiuto alla familiarizzazione  Bassa soglia di apprendimento  Feedback intermedi  Sperimentazione sicura  Modello concettuale evidente  Riapprendimento facilitato R.Polillo - Marzo 2014 19
  • 24. Α Β Χ R.Polillo - Marzo 2014 Da PowerPoint 2007
  • 26. Aiuto online: tipi di help 1. Che cosa è e a che cosa serve questo? 2. Dove si trova questo comando? 3. Spiegami questo argomento? 4. Come faccio per ottenere questo risultato? R.Polillo - Marzo 2014 26
  • 27. Esempio R.Polillo - Marzo 2014 27 Da PowerPoint 2007
  • 29. I 7 principi del dialogo secondo la ISO 9241-110:2006 29 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 2014 L’utente è in grado di iniziare e tenere sotto controllare la direzione e i tempi dell’interazione fino al raggiungimento dell’obbiettivo
  • 30. 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 2014 30
  • 31. Q&A controllate dal sistema: esempio R.Polillo - Marzo 2014 31 (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)
  • 32. Controllabilità: aspetti 32  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  Modalità di visualizzazione dei dati controllata dall’utente  Dispositivo d’interazione controllato dall’utente  Personalizzazione dei valori di default R.Polillo - Marzo 2014
  • 33. Punto di ripartenza controllato dall’utente R.Polillo - Marzo 2014 33
  • 34. I 7 principi del dialogo secondo la ISO 9241-110:2006 34 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 2014 Nonostante evidenti errori negli input, i risultati desiderati possono essere ottenuti senza o con minime azioni correttive
  • 35. Tolleranza verso gli errori: aspetti 35  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 2014
  • 36. I 7 principi del dialogo secondo la ISO 9241-110:2006 36 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 2014 L'utente può modificare l’interazione e la presentazione dell’informazione per adattarle alle proprie necessità e capacità individuali
  • 37. 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 2014 37
  • 38. Scelta di rappresentazioni alternative R.Polillo - Marzo 2014 38 MacOS Finder 10.6
  • 39. R.Polillo - Marzo 2014 39 MacOS Finder 10.6 Scelta di rappresentazioni alternative
  • 40. Vocabolario personalizzabile R.Polillo - Marzo 2014 40 Ning, 2009
  • 41. Scelta del metodo d’interazione R.Polillo - Marzo 2014 41
  • 42. 42 Microsoft Word 2008 per Mac R.Polillo - Marzo 2014
  • 43. Personalizzazione dei tempi di risposta R.Polillo - Marzo 2014 43 MacOS Finder 10.6
  • 44. Personalizzazione del dialogo 44 Microsoft Word 2008 per Mac R.Polillo - Marzo 2014
  • 45. Un “modello di qualità” 45 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 2014
  • 47. 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 ) 47R.Polillo - Marzo 2014

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.