SlideShare ist ein Scribd-Unternehmen logo
1 von 26
Web usability Andrea Crevola [email_address] http://webdesign.3juice.com
Definizione ,[object Object],[object Object]
Efficacia, efficienza e soddisfazione ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
L’oggetto dell’usabilità ,[object Object],[object Object],[object Object]
La relazione utente-artefatto Modello implementativo Modello mentale  dell’utente Immagine del sistema Azione Feedback [D. Norman] Team di progetto e sviluppo Utente http:// Sistema
Usabilità: ridurre il gap di conoscenza ,[object Object],[object Object],[object Object],[object Object],[object Object]
Knowledge gap (Nessuna conoscenza) (Tutta la conoscenza) Conoscenza posseduta dall’utilizzatore Conoscenza richiesta dallo strumento Gap di conoscenza / competenza Usabilità  incremento delle conoscenze dell’utente Usabilità  riduzione della complessità dello strumento [ http://www.uie.com/articles/design_intuitive ]
Livelli di conoscenza/competenza ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Usabilità: ridurre e gestire gli errori ,[object Object],[object Object],[object Object],[object Object],[object Object]
L’azione umana e gli errori Formazione dello scopo Formazione dell’intenzione Specificazione dell’azione Esecuzione Interpretazione Percezione Valutazione del risultato [D. Norman] Golfo dell’esecuzione Golfo della valutazione Utente http://
Golfo dell’esecuzione ,[object Object],[object Object],[object Object],[object Object],[object Object]
Golfo della valutazione ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
La gestione dell’errore ,[object Object],[object Object],[object Object],[object Object]
Come ottenere l’usabilità? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Principi a sostegno dell’usabilità ,[object Object],[object Object],[object Object],[object Object],[object Object]
Apprendibilità (1) ,[object Object],[object Object],[object Object]
Apprendibilità (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Apprendibilità (3) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Flessibilità (1) ,[object Object]
Flessibilità (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Flessibilità (3)
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Flessibilità (4)
Robustezza (1) ,[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Robustezza (2)
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Robustezza (3)
Robustezza (4) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

Relazione finale progetto Pedalami
Relazione finale progetto PedalamiRelazione finale progetto Pedalami
Relazione finale progetto PedalamiMelaniaMauri
 
Portfolio matteo vacca
Portfolio matteo vaccaPortfolio matteo vacca
Portfolio matteo vaccaMatteo Vacca
 
Tesi Laurea Magistrale
Tesi Laurea MagistraleTesi Laurea Magistrale
Tesi Laurea MagistraleMatteo Vacca
 
Users on social networks: Cinque scoperte fatte durante le attività user cent...
Users on social networks: Cinque scoperte fatte durante le attività user cent...Users on social networks: Cinque scoperte fatte durante le attività user cent...
Users on social networks: Cinque scoperte fatte durante le attività user cent...Luca Mascaro
 
Screen Reader e web 2.0: binomio possibile?
Screen Reader e web 2.0: binomio possibile?Screen Reader e web 2.0: binomio possibile?
Screen Reader e web 2.0: binomio possibile?Alessio Mantegna
 
Web usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerWeb usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerMatteo Magni
 
Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerWeb Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerMatteo Magni
 
Com pa 05nov2009_7
Com pa 05nov2009_7Com pa 05nov2009_7
Com pa 05nov2009_7Argentea
 

Was ist angesagt? (9)

Relazione finale progetto Pedalami
Relazione finale progetto PedalamiRelazione finale progetto Pedalami
Relazione finale progetto Pedalami
 
Portfolio matteo vacca
Portfolio matteo vaccaPortfolio matteo vacca
Portfolio matteo vacca
 
Tesi Laurea Magistrale
Tesi Laurea MagistraleTesi Laurea Magistrale
Tesi Laurea Magistrale
 
Users on social networks: Cinque scoperte fatte durante le attività user cent...
Users on social networks: Cinque scoperte fatte durante le attività user cent...Users on social networks: Cinque scoperte fatte durante le attività user cent...
Users on social networks: Cinque scoperte fatte durante le attività user cent...
 
Screen Reader e web 2.0: binomio possibile?
Screen Reader e web 2.0: binomio possibile?Screen Reader e web 2.0: binomio possibile?
Screen Reader e web 2.0: binomio possibile?
 
Gal.Internet
Gal.InternetGal.Internet
Gal.Internet
 
Web usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerWeb usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesigner
 
Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerWeb Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesigner
 
Com pa 05nov2009_7
Com pa 05nov2009_7Com pa 05nov2009_7
Com pa 05nov2009_7
 

Ähnlich wie Lezione 04/2006

Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...Irene Raineri
 
Studio sull'ergonomia del touchscreen dell' iphone
Studio sull'ergonomia del touchscreen dell' iphoneStudio sull'ergonomia del touchscreen dell' iphone
Studio sull'ergonomia del touchscreen dell' iphoneRiccardo Venturato
 
Progetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusProgetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusJessica Forlani
 
8. Come valutare l’usabilità
8. Come valutare l’usabilità8. Come valutare l’usabilità
8. Come valutare l’usabilitàRoberto Polillo
 
Valutazione TELCO - Workshop Alturalabs
Valutazione TELCO - Workshop AlturalabsValutazione TELCO - Workshop Alturalabs
Valutazione TELCO - Workshop AlturalabsMarco Camilli
 
Jannis. Comunicazione pubblica
Jannis. Comunicazione pubblicaJannis. Comunicazione pubblica
Jannis. Comunicazione pubblicaGiorgio Jannis
 
Gal.Comunicazionepubblica
Gal.ComunicazionepubblicaGal.Comunicazionepubblica
Gal.ComunicazionepubblicaGiorgio Jannis
 
Agile User story mapping (Mokabyte)
Agile User story mapping (Mokabyte)Agile User story mapping (Mokabyte)
Agile User story mapping (Mokabyte)Emiliano Soldi
 
Progettare per la condivisione: usabilità e redesign di un sito web commerciale
Progettare per la condivisione: usabilità e redesign di un sito web commercialeProgettare per la condivisione: usabilità e redesign di un sito web commerciale
Progettare per la condivisione: usabilità e redesign di un sito web commercialeGiulia S
 
I cat tools strumenti di organizzazione
I cat tools strumenti di organizzazione I cat tools strumenti di organizzazione
I cat tools strumenti di organizzazione noemiricci2
 
Progettazione di Cartella Clinica Informatizzata
Progettazione di Cartella Clinica InformatizzataProgettazione di Cartella Clinica Informatizzata
Progettazione di Cartella Clinica InformatizzataRiccardo Ghignoni
 
Flss Test Plan
Flss Test PlanFlss Test Plan
Flss Test PlanSara M
 
Coding, pattern e pensiero computazionale
Coding, pattern e pensiero computazionaleCoding, pattern e pensiero computazionale
Coding, pattern e pensiero computazionaleAlessandri Giuseppe
 
Costabile fiera del levante 13 set 2018
Costabile fiera del levante 13 set 2018Costabile fiera del levante 13 set 2018
Costabile fiera del levante 13 set 2018Redazione InnovaPuglia
 
Valutazione Dellinterazione
Valutazione DellinterazioneValutazione Dellinterazione
Valutazione DellinterazioneAlartzero
 
Progetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazioneProgetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazioneGiulia Camedda
 

Ähnlich wie Lezione 04/2006 (20)

Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
 
Studio sull'ergonomia del touchscreen dell' iphone
Studio sull'ergonomia del touchscreen dell' iphoneStudio sull'ergonomia del touchscreen dell' iphone
Studio sull'ergonomia del touchscreen dell' iphone
 
Progetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusProgetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +Plus
 
8. Come valutare l’usabilità
8. Come valutare l’usabilità8. Come valutare l’usabilità
8. Come valutare l’usabilità
 
Valutazione TELCO - Workshop Alturalabs
Valutazione TELCO - Workshop AlturalabsValutazione TELCO - Workshop Alturalabs
Valutazione TELCO - Workshop Alturalabs
 
Jannis. Comunicazione pubblica
Jannis. Comunicazione pubblicaJannis. Comunicazione pubblica
Jannis. Comunicazione pubblica
 
Gal.Comunicazionepubblica
Gal.ComunicazionepubblicaGal.Comunicazionepubblica
Gal.Comunicazionepubblica
 
Agile User story mapping (Mokabyte)
Agile User story mapping (Mokabyte)Agile User story mapping (Mokabyte)
Agile User story mapping (Mokabyte)
 
User Visual Impact - SR Labs Marketing&Usability
User Visual Impact - SR Labs Marketing&UsabilityUser Visual Impact - SR Labs Marketing&Usability
User Visual Impact - SR Labs Marketing&Usability
 
Progettare per la condivisione: usabilità e redesign di un sito web commerciale
Progettare per la condivisione: usabilità e redesign di un sito web commercialeProgettare per la condivisione: usabilità e redesign di un sito web commerciale
Progettare per la condivisione: usabilità e redesign di un sito web commerciale
 
I cat tools strumenti di organizzazione
I cat tools strumenti di organizzazione I cat tools strumenti di organizzazione
I cat tools strumenti di organizzazione
 
Progettazione di Cartella Clinica Informatizzata
Progettazione di Cartella Clinica InformatizzataProgettazione di Cartella Clinica Informatizzata
Progettazione di Cartella Clinica Informatizzata
 
Ux research olistica
Ux research olisticaUx research olistica
Ux research olistica
 
Na.atm validazione
Na.atm validazioneNa.atm validazione
Na.atm validazione
 
Flss Test Plan
Flss Test PlanFlss Test Plan
Flss Test Plan
 
Coding, pattern e pensiero computazionale
Coding, pattern e pensiero computazionaleCoding, pattern e pensiero computazionale
Coding, pattern e pensiero computazionale
 
Costabile fiera del levante 13 set 2018
Costabile fiera del levante 13 set 2018Costabile fiera del levante 13 set 2018
Costabile fiera del levante 13 set 2018
 
Valutazione Dellinterazione
Valutazione DellinterazioneValutazione Dellinterazione
Valutazione Dellinterazione
 
HCI -> Human Computer Interaction
HCI -> Human Computer InteractionHCI -> Human Computer Interaction
HCI -> Human Computer Interaction
 
Progetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazioneProgetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazione
 

Lezione 04/2006

  • 1. Web usability Andrea Crevola [email_address] http://webdesign.3juice.com
  • 2.
  • 3.
  • 4.
  • 5. La relazione utente-artefatto Modello implementativo Modello mentale dell’utente Immagine del sistema Azione Feedback [D. Norman] Team di progetto e sviluppo Utente http:// Sistema
  • 6.
  • 7. Knowledge gap (Nessuna conoscenza) (Tutta la conoscenza) Conoscenza posseduta dall’utilizzatore Conoscenza richiesta dallo strumento Gap di conoscenza / competenza Usabilità incremento delle conoscenze dell’utente Usabilità riduzione della complessità dello strumento [ http://www.uie.com/articles/design_intuitive ]
  • 8.
  • 9.
  • 10. L’azione umana e gli errori Formazione dello scopo Formazione dell’intenzione Specificazione dell’azione Esecuzione Interpretazione Percezione Valutazione del risultato [D. Norman] Golfo dell’esecuzione Golfo della valutazione Utente http://
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.