SlideShare ist ein Scribd-Unternehmen logo
1 von 55
[object Object],[object Object],[object Object],USABILITÀ Edizione 2010-11 R.Polillo - Ottobre 2010
Scopo di questa lezione ,[object Object],R.Polillo - Ottobre 2010
Un modello dell’interazione: il ciclo di feedback  R.Polillo - Ottobre 2010
Il modello di Norman R.Polillo - Ottobre 2010
Edizione italiana: Donald Norman, “ La caffettiera del masochista” Editore: Giunti VIVAMENTE CONSIGLIATO R.Polillo - Ottobre 2010 Donald A.Norman
Esempio Come alzare lo schermo? R.Polillo - Ottobre 2010
[object Object],2. Formare l’intenzione:    Voglio premere l’interruttore    di riavvolgimento < Golfo dell’esecuzione: qual è? > 3. Specificare l’azione:    Voglio avvicinarmi all’interruttore   A e premerlo 4. Eseguire l’azione:    Lo faccio 5. Percepire lo stato del mondo:    Guardo lo schermo e l’ambiente 6. Interpretare lo stato del mondo:    Lo schermo è fermo e la luce è accesa < Golfo della valutazione: esecuzione:  che cosa è successo? > 7. Valutare il risultato:    Non ho raggiunto il mio scopo NOTA: Analisi dell’esempio precedente secondo il modello di Norman  R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
a)- b)- R.Polillo - Ottobre 2010
Quale pomello accende la luce e quale il ventilatore? R.Polillo - Ottobre 2010 FAN LIGHT
Come progettare per la usabilità ,[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010 (fare in modo che le azioni possibili corrispondano in modo evidente alle intenzioni)   (fare in modo che lo stato fisico del sistema sia interpretabile in modo univoco e immediato)   “ affordance”    “ feedback”
Affordance ,[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Affordance: esempi R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
Affordance ambigua: suggerisce possibili  usi alternativi R.Polillo - Ottobre 2010
Pessima affordance R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
Apparecchio radio: esempio 1 R.Polillo - Ottobre 2010
Apparecchio radio: esempio 2 R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
Bottoni R.Polillo - Ottobre 2010
Sliders MAC OS 8 R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010 ?
R.Polillo - Ottobre 2010 BOTTONI O TITOLI?
Buona affordance: i pezzi si incastrano solo nel modo corretto R.Polillo - Ottobre 2010
Feedback ,[object Object],[object Object],R.Polillo - Ottobre 2010
“ Big Silly Rubber Button” Amy Stone, 1997 http://www.mowa.org/work/buttons/bttns5.html R.Polillo - Ottobre 2010
Da: SQL Windows Esempio: feedback facilmente interpretabile? R.Polillo - Ottobre 2010
Una definizione di “Usabilità” ,[object Object],ISO 9241 R.Polillo - Ottobre 2010
Una definizione di “Usabilità” ,[object Object],ISO 9241 R.Polillo - Ottobre 2010
Una definizione di “Usabilità” ,[object Object],ISO 9241 R.Polillo - Ottobre 2010
Una definizione di “Usabilità” ,[object Object],ISO 9241 R.Polillo - Ottobre 2010
“ Usabilità” è un concetto relativo Tre variabili indipendenti: R.Polillo - Ottobre 2010 Ambienti d’uso Obbiettivi Utenti
“ Usabilità” ,[object Object],ISO 9241 R.Polillo - Ottobre 2010
“ Usabilità” ,[object Object],l’accuratezza e completezza con cui raggiungo  l’obbiettivo ISO 9241 R.Polillo - Ottobre 2010
“ Usabilità” ,[object Object],ISO 9241 le risorse spese per ottenere tale risultato R.Polillo - Ottobre 2010
“ Usabilità” ,[object Object],ISO 9241 il comfort e la accettabilità del sistema R.Polillo - Ottobre 2010
“ Usabilità” ,[object Object],ISO 9241 Possiamo definire  delle metriche per “misurare” la usabilità R.Polillo - Ottobre 2010
Un esempio R.Polillo - Ottobre 2010
Le tre dimensioni della usabilità R.Polillo - Ottobre 2010 usabilità
Esempio: la sveglia di iPhone R.Polillo - Ottobre 2010
Esempio: metriche per la usabilità della manopola della doccia: ,[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Approfondiamo la definizione ,[object Object],… ma quando? La prima volta che uso il sistema, o dopo che l’ho utilizzato a lungo? R.Polillo - Ottobre 2010
L’evoluzione dell’utente R.Polillo - Ottobre 2010 Novizio Principiante Competente Esperto
Due concetti importanti ,[object Object],[object Object],R.Polillo - Ottobre 2010
Apprendibilità ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Profilo di apprendimento R.Polillo - Ottobre 2010 A B tempo usabilità Focus sull’utente novizio Focus sull’utente esperto
Memorability ,[object Object],[object Object],R.Polillo - Ottobre 2010
Sui manuali d’uso ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Perché i manuali d’uso non vengono letti ,[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Learnability e memorability: le sfide ,[object Object],[object Object],R.Polillo - Ottobre 2010
Queste slides… ,[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Ähnlich wie 2. Usabilità

Ähnlich wie 2. Usabilità (20)

4. Usabilita
4. Usabilita4. Usabilita
4. Usabilita
 
4. La ingegneria della usabilita
4. La ingegneria della usabilita4. La ingegneria della usabilita
4. La ingegneria della usabilita
 
1. Introduzione
1. Introduzione1. Introduzione
1. Introduzione
 
1. Introduzione al corso
1. Introduzione al corso1. Introduzione al corso
1. Introduzione al corso
 
5. Il progetto di esame
5. Il progetto di esame5. Il progetto di esame
5. Il progetto di esame
 
7. Ingegneria e creativita
7. Ingegneria e creativita7. Ingegneria e creativita
7. Ingegneria e creativita
 
3. Progettare per l’utente
3. Progettare per l’utente3. Progettare per l’utente
3. Progettare per l’utente
 
6. Requisiti
6. Requisiti6. Requisiti
6. Requisiti
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)
 
1. Introduzione
1. Introduzione1. Introduzione
1. Introduzione
 
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
 
16. Principi e linee guida (i)
16. Principi e linee guida (i)16. Principi e linee guida (i)
16. Principi e linee guida (i)
 
10. Principi e linee guida
10. Principi e linee guida10. Principi e linee guida
10. Principi e linee guida
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
8. Valutare la usabilita
8. Valutare la usabilita8. Valutare la usabilita
8. Valutare la usabilita
 
11. Progettare per l errore
11. Progettare per l errore11. Progettare per l errore
11. Progettare per l errore
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
10. Conoscere l'utente (Parte I)
10. Conoscere l'utente (Parte I)10. Conoscere l'utente (Parte I)
10. Conoscere l'utente (Parte I)
 
7.Ingegneria e creativita'
7.Ingegneria e creativita'7.Ingegneria e creativita'
7.Ingegneria e creativita'
 
9. Conoscere l utente
9. Conoscere l utente9. Conoscere l utente
9. Conoscere l utente
 

Mehr von Roberto Polillo

Mehr von 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
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'errore
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)
 
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
 
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
 

Kürzlich hochgeladen

Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
nico07fusco
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
sasaselvatico
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
lorenzodemidio01
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
giorgiadeascaniis59
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
lorenzodemidio01
 

Kürzlich hochgeladen (20)

Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
TeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdfTeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdf
 
TeccarelliLorenzo-i4stilidellapitturaromana.docx
TeccarelliLorenzo-i4stilidellapitturaromana.docxTeccarelliLorenzo-i4stilidellapitturaromana.docx
TeccarelliLorenzo-i4stilidellapitturaromana.docx
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxTeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptx
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptx
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opere
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 

2. Usabilità

Hinweis der Redaktion

  1. This picture shows a projector screen in a conference room. The white screen is lowered from the ceiling in front of a blackboard. To the right of the screen are some electrical switches. Guess which switch raises and lowers the screen? The switch next to the screen? No, it&apos;s the switch farthest away from the screen!
  2. This picture shows a ceiling fan with a built-in light. The problem here is to figure out and remember which chain is for controlling the light and which is for the fan. One nice thing about this design is that the two chains have different pulls so you won&apos;t easily mistake them for each other.
  3. This picture is from a restaurant in Santa Barbara. There is no urinal in the men&apos;s restroom. The fixture in the corner affords a certain activity. To try to discourage this activity someone taped a small sign to the wall above the fixture. The sign says &amp;quot;This is a mop sink.&amp;quot;
  4. We borrowed this portable stereo from a friend so we could play some music at our outdoor wedding. We put a CD in the CD player and then pressed the play button on the row of buttons next to the CD player. It didn&apos;t work. Careful study revealed that the row of buttons next to the CD player controlled the tape player! And the row of buttons that controlled the tape player? They are next to the CD player!
  5. Buona affordance
  6. BUONA AFFORDANCE
  7. CATTIVA AFFORDANCE Perhaps it was the designer&apos;s intention of presenting a visually balanced dialog, but we considered the inclusion of non-command buttons to be particularly unbalanced. Apparently, when there are commands that apply in certain contexts but not to the current context, their labels are hidden from the user, and a placeholder for the button is left. In a typical Windows application, the button is given a disabled appearance, not unlike that of the &amp;quot;Exit Profile Viewer&amp;quot; button, which despite its appearance, is the only selectable button.
  8. CATTIVA AFFORDANCE Many programmers admit to this problem in their early GUI applications. In this image, the developer has chosen to give the section labels a raised appearance. That&apos;s one way of ensuring that the user doesn&apos;t confuse them with the editable fields, but does it come as any surprise that users try to click on them?
  9. This message is generated by the SQL Windows development environment. It arises when the developer has typed an incorrect statement while writing a program. The available responses are meaningless: what does &apos;Yes&apos; do - retain the incorrect statement? The really unfortunate aspect of these error messages is that programmers learn primarily through example. When the programming environment itself generates poor messages, and the sample programs contain poor messages, is it any wonder that the programmers will tend to write poor messages in their future applications?