SlideShare una empresa de Scribd logo
1 de 66
PROGETTARE PER L’ERRORE Corso di Interazione Uomo Macchina AA 2009-2010 Roberto Polillo Università di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione
Scopo di questa lezione ,[object Object]
Temi ,[object Object],[object Object],[object Object],[object Object]
L’errore umano
Errore ,[object Object],[object Object],[object Object]
Classificare l’errore umano Da: J.Reason, Human Error, 1990 AZIONE NON INTENZIONALE (“SLIP” o “LAPSUS”) NO AZIONE INTENZIONALE  MA ERRATA (“MISTAKE”) NO c’era  l’intenzione  di agire? l’azione è  proceduta come  pianificato? SI l’azione  ha ottenuto lo scopo desiderato? SI AZIONE CORRETTA SI c’era intenzione nell’azione? NO AZIONE  NON INTENZIONALE Es Urto il tavolo e rovescio un bicchiere NO AZIONE SPONTANEA Es Mi lanciano una palla di neve e mi proteggo SI
Slip (o lapsus) ,[object Object],[object Object],[object Object],[object Object]
Progettare per l’errore: temi Error prevention Error detection Error explanation
Prevenire l’errore
Prevenzione ,[object Object],[object Object]
Prevenzione degli slip: esempio
Prevenzione degli slip: esempio E’ facilissimo sbagliare, e selezionare “Mark All as Read” invece di “Mark as Unread”  (e non si può fare undo!)   La soluzione: -  separare i comandi mark (ma in quali box metterli?) - oppure (meglio) chiedere conferma
Prevenzione dell’errore:  alcune indicazioni   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Comportamenti modali ,[object Object],[object Object],Se l’utente non conosce lo stato, non può prevedere come il sistema risponderà alle sue azioni
Comportamento modale: esempio 1 (Windows Office) Quando eseguo copy o cut, l’oggetto copiato o tagliato viene inserito nella clipboard, ma non è visibile: il sistema cambia stato ma l’utente non lo vede NB : Ora però la clipboard può essere resa visibile  (In XP, aprendo la toolbar “clipboard” nel menu “view”):
Comportamento modale: esempio 1 (Windows Office) Quando eseguo copy o cut, l’oggetto copiato o tagliato viene inserito nella clipboard, ma non è visibile: il sistema cambia stato ma l’utente non lo vede NB : Ora però la clipboard può essere resa visibile  (In XP, aprendo la toolbar “clipboard” nel menu “view”):   Si vede che la clipboard contiene un oggetto di tipo testo (ma non si vede quale testo è) La clipboard può contenere più oggetti, di tipi diversi
Comportamento modale: ESEMPIO 2 (PowerPoint) 2 1 3
Comportamento modale: ESEMPIO 2 (PowerPoint) quale figura sto per disegnare? Quando ho selezionato una figura in (1) PowerPonit è entrato in uno stato che non mi fa vedere 2 1 3
MacPaint, 1984 qui il cursore  indica chiaramente che sono in modalità “matita” (non è un comportamento modale)
MacPaint, 1984 come sopra
Wrath of the Gods (Luminaria, 1994) Vedo bene che sono in modalità “cammina”: non è un comportamenrto modale
Funzioni obbliganti  ,[object Object],[object Object],[object Object],[object Object],[object Object]
Funzioni obbliganti: esercizio 1 ,[object Object],[object Object],[object Object]
Funzioni obbliganti: esercizio 1 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Finder Macintosh, 1974 Azioni prive di senso nel contesto corrente sono disattivate
Input vincolati ,[object Object],[object Object]
Input vincolati: esercizio Quale fra le seguenti soluzioni è la migliore per prevenire errori di input? 1) 2) 3) 4)
Evitare di sovraccaricare la memoria a breve termine Ricordare sempre il “magic number 7” Per informazioni sulle nuove offerte,  premi 1 ; per informazioni sulle tariffe e bla bla bla,  premi 2 ; se sei interessato a conoscere i nuovi servizi e bla bla,  premi 3 ; se desideri comunicare furto o smarrimento del tuo telefonino o bla bla bla per assitenza specialistica,  premi 4 ; se desideri ricevere informazioni sul credito bla bla  premi 5 ; se desideri parlare con un operatore  premi 0
Prevenzione dell’errore:  alcune indicazioni   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Richiedere conferme ,[object Object],[object Object]
Richieste di conferma:  esempi da discutere
Da: Microsoft Access 95
[object Object],Devo digitare ben 3 caratteri per confermare! Da: AKMail
Ma… ,[object Object],Esempio: Menu xxx yyy zzz Esci xxx mnbvmnbvmnbvm Esci xxx mnbvmnbvmnbvm Sei sicuro di  voler uscire? sì no
Ma… ,[object Object],Esempio: Menu xxx yyy zzz Nell’esempio, per uscire occorrono  sempre  2 clic. Se elimino la richiesta di conferma, per uscire basterà un clic. Occorreranno due clic solo quando sbaglio: 1 clic per uscire e 1 clic per rientrare Ma questo secondo caso è probabilmente meno frequente. Inoltre, se esco per errore non faccio danni: basta rientrare.Quindi: in questo caso, la richiesta di conferma va eliminata Esci xxx mnbvmnbvmnbvm Esci xxx mnbvmnbvmnbvm Sei sicuro di  voler uscire? sì no
[object Object],[object Object],[object Object],[object Object]
Note alert box (Livello 1) Caution alert box (Livello 2) Stop alert box (Livello 3)
Uso dei default ,[object Object],Esempio:
Usare default inoffensivi ,[object Object],Save in formato TIFF (Photoshop): L’utente può non conoscere il significato di tutti questi parametri, e lascerà i valori di default, che quindi devono essere scelti con grande cura Esempio:
Trattare l’errore
Progettare per l’errore: temi Error prevention Error detection Error explanation
In caso di errore dell’utente, il messaggio deve… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
? OK
Messaggi di errore: linee guida ,[object Object],[object Object],[object Object],[object Object]
Nel caso particolare del web... ,[object Object],[object Object],[object Object],[object Object]
Linee guida per il web ,[object Object],[object Object],[object Object]
Granularità dei messggi di errore ,[object Object],[object Object]
Sovraccarica la MBT
Meglio, ma perché un solo messaggio alla volta?
Bene: non sovraccarica MBT e mostra tutti i messaggi di errore (NB il box deve essere spostabile)
Ancora meglio: ogni messaggio è ben visibile, e si trova accanto al campo errato
HTTP 404 - File not found Si può fare di meglio?
Esempio 2
Esempio dal sito di Jakob Nielsen
Error recovery
Error recovery (ripristino) AZIONE CORRETTA AZIONE ERRATA Stato iniziale Stato finale Stato di errore FORWARD  RECOVERY BACKWARD  RECOVERY Error tolerance
Tolleranza verso gli errori ,[object Object],[object Object]
Tolleranza verso gli errori: esempio
Esempio di backward recovery: undo PowerPoint 2007 Photoshop CS3
Recovery imperfetta AZIONE CORRETTA AZIONE ERRATA Stato iniziale Stato finale Stato di errore FORWARD  RECOVERY BACKWARD  RECOVERY Stato finale approssimato Stato iniziale approssimato
Error recovery perfetta/imperfetta da Francis Jambon, 1998
Conclusioni ,[object Object],[object Object]
10. Progettare per l’errore

Más contenido relacionado

La actualidad más candente

Progetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazioneProgetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazioneGiulia Camedda
 
Presentazione ergonomia
Presentazione ergonomiaPresentazione ergonomia
Presentazione ergonomiaOscar
 
Variabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza UtenteVariabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza UtenteAndrea Picchi
 
Designing the User Experience
Designing the User ExperienceDesigning the User Experience
Designing the User ExperienceAndrea Picchi
 
Ottimizzazione e Analisi Cognitiva di Contesti Mobile Touch
Ottimizzazione e Analisi Cognitiva di Contesti Mobile TouchOttimizzazione e Analisi Cognitiva di Contesti Mobile Touch
Ottimizzazione e Analisi Cognitiva di Contesti Mobile TouchAndrea Picchi
 
Relazione finale progetto Pedalami
Relazione finale progetto PedalamiRelazione finale progetto Pedalami
Relazione finale progetto PedalamiMelaniaMauri
 
Ascari Project (discorso)
Ascari Project (discorso)Ascari Project (discorso)
Ascari Project (discorso)Gabriele Genta
 

La actualidad más candente (9)

Progetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazioneProgetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazione
 
Presentazione ergonomia
Presentazione ergonomiaPresentazione ergonomia
Presentazione ergonomia
 
Variabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza UtenteVariabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza Utente
 
Designing the User Experience
Designing the User ExperienceDesigning the User Experience
Designing the User Experience
 
Ottimizzazione e Analisi Cognitiva di Contesti Mobile Touch
Ottimizzazione e Analisi Cognitiva di Contesti Mobile TouchOttimizzazione e Analisi Cognitiva di Contesti Mobile Touch
Ottimizzazione e Analisi Cognitiva di Contesti Mobile Touch
 
2. Usabilità
2. Usabilità2. Usabilità
2. Usabilità
 
Ergonomia app esselunga
Ergonomia app esselunga Ergonomia app esselunga
Ergonomia app esselunga
 
Relazione finale progetto Pedalami
Relazione finale progetto PedalamiRelazione finale progetto Pedalami
Relazione finale progetto Pedalami
 
Ascari Project (discorso)
Ascari Project (discorso)Ascari Project (discorso)
Ascari Project (discorso)
 

Destacado

Sara zanchiello ergonomia e sicurezza. gli arredi accessibili di presto a casa
Sara zanchiello ergonomia e sicurezza. gli arredi accessibili di presto a casaSara zanchiello ergonomia e sicurezza. gli arredi accessibili di presto a casa
Sara zanchiello ergonomia e sicurezza. gli arredi accessibili di presto a casaAREA Science Park
 
215 reg piemonte-problematiche_ergonomia_ambientale
215   reg piemonte-problematiche_ergonomia_ambientale215   reg piemonte-problematiche_ergonomia_ambientale
215 reg piemonte-problematiche_ergonomia_ambientalehttp://www.studioingvolpi.it
 
Medlav07 ergonomia e_lavoro_42
Medlav07 ergonomia e_lavoro_42Medlav07 ergonomia e_lavoro_42
Medlav07 ergonomia e_lavoro_42Angelo Barbato
 
Decidere in contesti di emergenza: autoregolare tre sistemi cognitivi
Decidere in contesti di emergenza: autoregolare tre sistemi cognitiviDecidere in contesti di emergenza: autoregolare tre sistemi cognitivi
Decidere in contesti di emergenza: autoregolare tre sistemi cognitiviOrdine Psicologi della Lombardia
 
C:\Documents And Settings\Pc1\Documenti\Ergonomia
C:\Documents And Settings\Pc1\Documenti\ErgonomiaC:\Documents And Settings\Pc1\Documenti\Ergonomia
C:\Documents And Settings\Pc1\Documenti\Ergonomiagiulia95
 
I colori nella raccolta differenziata
I colori nella raccolta differenziataI colori nella raccolta differenziata
I colori nella raccolta differenziataAnnalisa Mazzola
 
Progetto Bag Up - Ergonomia Cognitiva
Progetto Bag Up - Ergonomia CognitivaProgetto Bag Up - Ergonomia Cognitiva
Progetto Bag Up - Ergonomia CognitivaAccenture Interactive
 
Le_variabili_antropomettriche_portale_ergonomia
Le_variabili_antropomettriche_portale_ergonomiaLe_variabili_antropomettriche_portale_ergonomia
Le_variabili_antropomettriche_portale_ergonomiaPortale di Ergonomia
 
Modulo c 2%b0 giornata
Modulo c 2%b0 giornataModulo c 2%b0 giornata
Modulo c 2%b0 giornataimartini
 
Psicologia e comunicazione_sociale 1
Psicologia e comunicazione_sociale 1Psicologia e comunicazione_sociale 1
Psicologia e comunicazione_sociale 1guest9ae4f2
 

Destacado (20)

Sara zanchiello ergonomia e sicurezza. gli arredi accessibili di presto a casa
Sara zanchiello ergonomia e sicurezza. gli arredi accessibili di presto a casaSara zanchiello ergonomia e sicurezza. gli arredi accessibili di presto a casa
Sara zanchiello ergonomia e sicurezza. gli arredi accessibili di presto a casa
 
215 reg piemonte-problematiche_ergonomia_ambientale
215   reg piemonte-problematiche_ergonomia_ambientale215   reg piemonte-problematiche_ergonomia_ambientale
215 reg piemonte-problematiche_ergonomia_ambientale
 
Lez 7 cati
Lez 7 catiLez 7 cati
Lez 7 cati
 
Lez 8 cati
Lez 8 catiLez 8 cati
Lez 8 cati
 
Medlav07 ergonomia e_lavoro_42
Medlav07 ergonomia e_lavoro_42Medlav07 ergonomia e_lavoro_42
Medlav07 ergonomia e_lavoro_42
 
Decidere in contesti di emergenza: autoregolare tre sistemi cognitivi
Decidere in contesti di emergenza: autoregolare tre sistemi cognitiviDecidere in contesti di emergenza: autoregolare tre sistemi cognitivi
Decidere in contesti di emergenza: autoregolare tre sistemi cognitivi
 
Lez 6 cati
Lez 6 catiLez 6 cati
Lez 6 cati
 
C:\Documents And Settings\Pc1\Documenti\Ergonomia
C:\Documents And Settings\Pc1\Documenti\ErgonomiaC:\Documents And Settings\Pc1\Documenti\Ergonomia
C:\Documents And Settings\Pc1\Documenti\Ergonomia
 
Ergonomia 1
Ergonomia 1Ergonomia 1
Ergonomia 1
 
I colori nella raccolta differenziata
I colori nella raccolta differenziataI colori nella raccolta differenziata
I colori nella raccolta differenziata
 
Lezione 3
Lezione 3Lezione 3
Lezione 3
 
Ergonomia
ErgonomiaErgonomia
Ergonomia
 
Lez 3
Lez 3 Lez 3
Lez 3
 
Progetto Bag Up - Ergonomia Cognitiva
Progetto Bag Up - Ergonomia CognitivaProgetto Bag Up - Ergonomia Cognitiva
Progetto Bag Up - Ergonomia Cognitiva
 
Ergonomia
ErgonomiaErgonomia
Ergonomia
 
Le_variabili_antropomettriche_portale_ergonomia
Le_variabili_antropomettriche_portale_ergonomiaLe_variabili_antropomettriche_portale_ergonomia
Le_variabili_antropomettriche_portale_ergonomia
 
Ergonomia aziendale
Ergonomia aziendaleErgonomia aziendale
Ergonomia aziendale
 
Lez 2 antropometria
Lez 2 antropometriaLez 2 antropometria
Lez 2 antropometria
 
Modulo c 2%b0 giornata
Modulo c 2%b0 giornataModulo c 2%b0 giornata
Modulo c 2%b0 giornata
 
Psicologia e comunicazione_sociale 1
Psicologia e comunicazione_sociale 1Psicologia e comunicazione_sociale 1
Psicologia e comunicazione_sociale 1
 

Similar a 10. Progettare per l’errore

11. Progettare per l errore
11. Progettare per l errore11. Progettare per l errore
11. Progettare per l erroreRoberto Polillo
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'erroreRoberto Polillo
 
Cos'è il Machine Learning?
Cos'è il Machine Learning?Cos'è il Machine Learning?
Cos'è il Machine Learning?Luca Naso
 
Modulo No 2 – PROBLEM SOLVING
Modulo No 2 – PROBLEM SOLVINGModulo No 2 – PROBLEM SOLVING
Modulo No 2 – PROBLEM SOLVINGKarel Van Isacker
 
Flss Test Plan
Flss Test PlanFlss Test Plan
Flss Test PlanSara M
 
Guida al computer - Lezione 66 - Il Sistema Operativo: Gestione Attività Parte 1
Guida al computer - Lezione 66 - Il Sistema Operativo: Gestione Attività Parte 1Guida al computer - Lezione 66 - Il Sistema Operativo: Gestione Attività Parte 1
Guida al computer - Lezione 66 - Il Sistema Operativo: Gestione Attività Parte 1caioturtle
 
15. Progettare per l'errore
15. Progettare per l'errore15. Progettare per l'errore
15. Progettare per l'erroreRoberto Polillo
 
9. Conoscere l'utente (I)
9. Conoscere l'utente (I)9. Conoscere l'utente (I)
9. Conoscere l'utente (I)Roberto Polillo
 
Elaborazione automatica dei dati: computer e matlab
Elaborazione automatica dei dati: computer e matlabElaborazione automatica dei dati: computer e matlab
Elaborazione automatica dei dati: computer e matlabprofman
 
Guida al computer - Lezione 105 - Pannelo di Controllo - Centro Operativo
Guida al computer - Lezione 105 - Pannelo di Controllo - Centro OperativoGuida al computer - Lezione 105 - Pannelo di Controllo - Centro Operativo
Guida al computer - Lezione 105 - Pannelo di Controllo - Centro Operativocaioturtle
 
Reshaping enterrprise software
Reshaping enterrprise softwareReshaping enterrprise software
Reshaping enterrprise softwareAlberto Brandolini
 
Agile Testing: Come Scrivere Use Case
Agile Testing: Come Scrivere Use CaseAgile Testing: Come Scrivere Use Case
Agile Testing: Come Scrivere Use CaseStefano Trojani
 
Dall'Usabilità delle Parole all'Usabilità delle Interfacce
Dall'Usabilità delle Parole all'Usabilità delle InterfacceDall'Usabilità delle Parole all'Usabilità delle Interfacce
Dall'Usabilità delle Parole all'Usabilità delle Interfacceyvonnebindi
 
Guida del perfetto Algoritmista I
Guida del perfetto Algoritmista IGuida del perfetto Algoritmista I
Guida del perfetto Algoritmista IMarcello Missiroli
 
come funzionano le casse automatiche dell'Ipercoop?
come funzionano le casse automatiche dell'Ipercoop?come funzionano le casse automatiche dell'Ipercoop?
come funzionano le casse automatiche dell'Ipercoop?Lorena Priolo
 
Valutazione Dellinterazione
Valutazione DellinterazioneValutazione Dellinterazione
Valutazione DellinterazioneAlartzero
 
Principi di Interaction Design
Principi di Interaction DesignPrincipi di Interaction Design
Principi di Interaction DesignSteve Maraspin
 
Analisi Ergonomica del totem Esselunga "Scegli il tuo sconto"
Analisi Ergonomica del totem Esselunga "Scegli il tuo sconto"Analisi Ergonomica del totem Esselunga "Scegli il tuo sconto"
Analisi Ergonomica del totem Esselunga "Scegli il tuo sconto"Giulia Cicchinè
 
Dall'usabilità delle parole all'usabilità delle interfacce
Dall'usabilità delle parole all'usabilità delle interfacceDall'usabilità delle parole all'usabilità delle interfacce
Dall'usabilità delle parole all'usabilità delle interfacceyvonne bindi
 

Similar a 10. Progettare per l’errore (20)

11. Progettare per l errore
11. Progettare per l errore11. Progettare per l errore
11. Progettare per l errore
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'errore
 
Cos'è il Machine Learning?
Cos'è il Machine Learning?Cos'è il Machine Learning?
Cos'è il Machine Learning?
 
Modulo No 2 – PROBLEM SOLVING
Modulo No 2 – PROBLEM SOLVINGModulo No 2 – PROBLEM SOLVING
Modulo No 2 – PROBLEM SOLVING
 
Flss Test Plan
Flss Test PlanFlss Test Plan
Flss Test Plan
 
Guida al computer - Lezione 66 - Il Sistema Operativo: Gestione Attività Parte 1
Guida al computer - Lezione 66 - Il Sistema Operativo: Gestione Attività Parte 1Guida al computer - Lezione 66 - Il Sistema Operativo: Gestione Attività Parte 1
Guida al computer - Lezione 66 - Il Sistema Operativo: Gestione Attività Parte 1
 
15. Progettare per l'errore
15. Progettare per l'errore15. Progettare per l'errore
15. Progettare per l'errore
 
9. Conoscere l'utente (I)
9. Conoscere l'utente (I)9. Conoscere l'utente (I)
9. Conoscere l'utente (I)
 
Elaborazione automatica dei dati: computer e matlab
Elaborazione automatica dei dati: computer e matlabElaborazione automatica dei dati: computer e matlab
Elaborazione automatica dei dati: computer e matlab
 
Guida al computer - Lezione 105 - Pannelo di Controllo - Centro Operativo
Guida al computer - Lezione 105 - Pannelo di Controllo - Centro OperativoGuida al computer - Lezione 105 - Pannelo di Controllo - Centro Operativo
Guida al computer - Lezione 105 - Pannelo di Controllo - Centro Operativo
 
Reshaping enterrprise software
Reshaping enterrprise softwareReshaping enterrprise software
Reshaping enterrprise software
 
Agile Testing: Come Scrivere Use Case
Agile Testing: Come Scrivere Use CaseAgile Testing: Come Scrivere Use Case
Agile Testing: Come Scrivere Use Case
 
Dall'Usabilità delle Parole all'Usabilità delle Interfacce
Dall'Usabilità delle Parole all'Usabilità delle InterfacceDall'Usabilità delle Parole all'Usabilità delle Interfacce
Dall'Usabilità delle Parole all'Usabilità delle Interfacce
 
Guida del perfetto Algoritmista I
Guida del perfetto Algoritmista IGuida del perfetto Algoritmista I
Guida del perfetto Algoritmista I
 
come funzionano le casse automatiche dell'Ipercoop?
come funzionano le casse automatiche dell'Ipercoop?come funzionano le casse automatiche dell'Ipercoop?
come funzionano le casse automatiche dell'Ipercoop?
 
Valutazione Dellinterazione
Valutazione DellinterazioneValutazione Dellinterazione
Valutazione Dellinterazione
 
Principi di Interaction Design
Principi di Interaction DesignPrincipi di Interaction Design
Principi di Interaction Design
 
Analisi Ergonomica del totem Esselunga "Scegli il tuo sconto"
Analisi Ergonomica del totem Esselunga "Scegli il tuo sconto"Analisi Ergonomica del totem Esselunga "Scegli il tuo sconto"
Analisi Ergonomica del totem Esselunga "Scegli il tuo sconto"
 
Dall'usabilità delle parole all'usabilità delle interfacce
Dall'usabilità delle parole all'usabilità delle interfacceDall'usabilità delle parole all'usabilità delle interfacce
Dall'usabilità delle parole all'usabilità delle interfacce
 
Manuale python
Manuale pythonManuale python
Manuale python
 

Más de 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
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corsoRoberto 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
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)Roberto 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
 
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. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla graficaRoberto Polillo
 

Más de 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
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. 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
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)
 
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
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
16. Social media
16. Social media16. Social media
16. Social media
 
14. Progettare il testo
14. Progettare il testo14. Progettare il testo
14. Progettare il testo
 

10. Progettare per l’errore

  • 1. PROGETTARE PER L’ERRORE Corso di Interazione Uomo Macchina AA 2009-2010 Roberto Polillo Università di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione
  • 2.
  • 3.
  • 5.
  • 6. Classificare l’errore umano Da: J.Reason, Human Error, 1990 AZIONE NON INTENZIONALE (“SLIP” o “LAPSUS”) NO AZIONE INTENZIONALE MA ERRATA (“MISTAKE”) NO c’era l’intenzione di agire? l’azione è proceduta come pianificato? SI l’azione ha ottenuto lo scopo desiderato? SI AZIONE CORRETTA SI c’era intenzione nell’azione? NO AZIONE NON INTENZIONALE Es Urto il tavolo e rovescio un bicchiere NO AZIONE SPONTANEA Es Mi lanciano una palla di neve e mi proteggo SI
  • 7.
  • 8. Progettare per l’errore: temi Error prevention Error detection Error explanation
  • 10.
  • 12. Prevenzione degli slip: esempio E’ facilissimo sbagliare, e selezionare “Mark All as Read” invece di “Mark as Unread” (e non si può fare undo!) La soluzione: - separare i comandi mark (ma in quali box metterli?) - oppure (meglio) chiedere conferma
  • 13.
  • 14.
  • 15. Comportamento modale: esempio 1 (Windows Office) Quando eseguo copy o cut, l’oggetto copiato o tagliato viene inserito nella clipboard, ma non è visibile: il sistema cambia stato ma l’utente non lo vede NB : Ora però la clipboard può essere resa visibile (In XP, aprendo la toolbar “clipboard” nel menu “view”):
  • 16. Comportamento modale: esempio 1 (Windows Office) Quando eseguo copy o cut, l’oggetto copiato o tagliato viene inserito nella clipboard, ma non è visibile: il sistema cambia stato ma l’utente non lo vede NB : Ora però la clipboard può essere resa visibile (In XP, aprendo la toolbar “clipboard” nel menu “view”): Si vede che la clipboard contiene un oggetto di tipo testo (ma non si vede quale testo è) La clipboard può contenere più oggetti, di tipi diversi
  • 17. Comportamento modale: ESEMPIO 2 (PowerPoint) 2 1 3
  • 18. Comportamento modale: ESEMPIO 2 (PowerPoint) quale figura sto per disegnare? Quando ho selezionato una figura in (1) PowerPonit è entrato in uno stato che non mi fa vedere 2 1 3
  • 19. MacPaint, 1984 qui il cursore indica chiaramente che sono in modalità “matita” (non è un comportamento modale)
  • 21. Wrath of the Gods (Luminaria, 1994) Vedo bene che sono in modalità “cammina”: non è un comportamenrto modale
  • 22.
  • 23.
  • 24.
  • 25. Finder Macintosh, 1974 Azioni prive di senso nel contesto corrente sono disattivate
  • 26.
  • 27. Input vincolati: esercizio Quale fra le seguenti soluzioni è la migliore per prevenire errori di input? 1) 2) 3) 4)
  • 28. Evitare di sovraccaricare la memoria a breve termine Ricordare sempre il “magic number 7” Per informazioni sulle nuove offerte, premi 1 ; per informazioni sulle tariffe e bla bla bla, premi 2 ; se sei interessato a conoscere i nuovi servizi e bla bla, premi 3 ; se desideri comunicare furto o smarrimento del tuo telefonino o bla bla bla per assitenza specialistica, premi 4 ; se desideri ricevere informazioni sul credito bla bla premi 5 ; se desideri parlare con un operatore premi 0
  • 29.
  • 30.
  • 31. Richieste di conferma: esempi da discutere
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. Note alert box (Livello 1) Caution alert box (Livello 2) Stop alert box (Livello 3)
  • 38.
  • 39.
  • 41. Progettare per l’errore: temi Error prevention Error detection Error explanation
  • 42.
  • 43. ? OK
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 52. Meglio, ma perché un solo messaggio alla volta?
  • 53. Bene: non sovraccarica MBT e mostra tutti i messaggi di errore (NB il box deve essere spostabile)
  • 54. Ancora meglio: ogni messaggio è ben visibile, e si trova accanto al campo errato
  • 55. HTTP 404 - File not found Si può fare di meglio?
  • 57. Esempio dal sito di Jakob Nielsen
  • 59. Error recovery (ripristino) AZIONE CORRETTA AZIONE ERRATA Stato iniziale Stato finale Stato di errore FORWARD RECOVERY BACKWARD RECOVERY Error tolerance
  • 60.
  • 61. Tolleranza verso gli errori: esempio
  • 62. Esempio di backward recovery: undo PowerPoint 2007 Photoshop CS3
  • 63. Recovery imperfetta AZIONE CORRETTA AZIONE ERRATA Stato iniziale Stato finale Stato di errore FORWARD RECOVERY BACKWARD RECOVERY Stato finale approssimato Stato iniziale approssimato
  • 64. Error recovery perfetta/imperfetta da Francis Jambon, 1998
  • 65.

Notas del editor

  1. R.Polillo, Interazione uomo macchina - Parte terza, 1
  2. Tratto da: J.Reason, “Human Error”, 1990 R.Polillo, Interazione uomo macchina - Parte terza, 1
  3. Da MacPaint 1.0 per Macintosh, 1984 R.Polillo, Interazione uomo macchina - Parte terza, 1
  4. R.Polillo, Interazione uomo macchina - Parte terza, 1
  5. R.Polillo, Interazione uomo macchina - Parte terza, 1
  6. Esempio tipico di FUNZIONE OBBLIGANTE R.Polillo, Interazione uomo macchina - Parte terza, 1
  7. R.Polillo, Interazione uomo macchina - Parte terza, 1
  8. Which of Microsoft's minions is responsible for this error message in Access 95 ? The error message results when the user has selected a record to be deleted, then presses the ...Delete button. We can understand the desire to obtain confirmation from the user before performing a destructive action, but we find the wording of the message to be particularly presumptuous: "Solution" implies that there is a "problem". In this case, there is no problem: the user in effect said, "Delete the record". R.Polillo, Interazione uomo macchina - Parte terza, 1
  9. R.Polillo, Interazione uomo macchina - Parte terza, 1
  10. The note alert box is the first level of alert box. It uses the talking face icon. The note alert box provides useful information which does not imply any threat of data loss. Note alert boxes generally have only an OK button, plus an optional help button. In this case, the user can respond to the information only by acknowledging it. The caution alert box , the second level of alert box, is more severe than the note alert box. The caution alert box icon is the triangle with an exclamation point. Caution alert boxes provide a safety net by warning the user in advance of a potentially dangerous action The stop alert box is the third, and most severe, level of alert box. The stop alert box icon is the octagon with an open hand, which resembles a stop sign in most locales. (If this icon is offensive in a region or country where you want to market your application, it can be replaced by a more acceptable icon through the Mac OS localization process.) MAC OS 8 R.Polillo, Interazione uomo macchina - Parte terza, 1
  11. R.Polillo, Interazione uomo macchina - Parte terza, 1
  12. R.Polillo, Interazione uomo macchina - Parte terza, 1
  13. When the user attempts to close the problem entry dialog without saving, rather than providing a typical confirmation dialog ("Are you sure...?"), SupportMagic lashes out at the user, shouting that the program is in "Editing Mode" (as if that is somehow significant). There is no excuse for a program to assume such an attitude; any potential atmosphere of cooperation between the program and the user is lost. Moreover, while the purpose of the dialog is to confirm whether or not the user wishes to cancel the previous dialog, the unique design of the dialog completely belies this purpose. The Cancel button, the most visible object in the dialog, is useless, as the user must first make his intentions known through the use of the (notably uniquely designed) option buttons. To indicate that you indeed wish to discard the previous edits, you must first select "Close Anyway", then click the OK Button. To indicate that you did not intend to discard the previous edits, you must first select "Let me finish entering the data" ( Let me?), then click the OK button. R.Polillo, Interazione uomo macchina - Parte terza, 1
  14. Microsoft Developer Studio R.Polillo, Interazione uomo macchina - Parte terza, 1
  15. R.Polillo, Interazione uomo macchina - Parte terza, 1
  16. www.esselunga.it R.Polillo, Interazione uomo macchina - Parte terza, 1
  17. www.mediaworld.it R.Polillo, Interazione uomo macchina - Parte terza, 1
  18. www.volendo.com R.Polillo, Interazione uomo macchina - Parte terza, 1