Accessibilità - Adriano Cerocchi - SEO Training 2011
1 like311 views
Il documento tratta dell'usabilità nel web, definendone concetti chiave come facilità d'uso, efficacia, efficienza e soddisfazione dell'utente. Vengono presentate le dieci euristiche di Nielsen per migliorare l'usabilità dei siti web, evidenziando l'importanza di feedback, coerenza e prevenzione degli errori. Infine, si sottolinea come un buon design possa generare fidelizzazione degli utenti e portare al successo commerciale.
Accessibilità - Adriano Cerocchi - SEO Training 2011
- 1. Usabilità nel Web Adriano Cerocchi 13/04/11
- 2. Cosa è l’usabilità definizioni di un termine che sembra poco italiano •La proprietà che rifleAe la facilità di impiego di un sistema informaDco (1971) •L’insieme delle seguenD caraAerisDche: effeGvità, apprendibilità, flessibilità e aAeggiamento (1991) •L’insieme delle seguenD caraAerisDche: facilità di apprendimento, efficienza nell’impiego, facile da ricordare, pochi errori, soggeGvamente gradevole (1993) •Il livello di efficacia, efficienza e soddisfazione da parte degli utenD raggiunto da un prodoAo che venga uDlizzato da specifici utenD per raggiungere determinaD scopi in determinaD ambienD (1993) 2 13/04/11
- 3. Cosa è l’usabilità in poche parole... •L’usabilità è la capacità che ha un oggeAo di far percepire all’utente lo scopo e le modalità d’uso dell’oggeAo stesso •è un termine molto generico perchè non si riferisce ad un contesto parDcolare •usabilità bellezza 3 13/04/11
- 4. Esempi di Usabilità e non 4 13/04/11
- 5. Esempi di Usabilità e non 5 13/04/11
- 6. Perchè l’usabilità i moDvi e le ragioni per invesDre nell’usabilità •l’usabilità genera fidelizzazione dell’utenza •l’utente cambia le proprie abitudini indirizzandole verso soluzioni più semplici da usare anche a paAo di perdita di funzionalità •nell’oGca del SEO, se l’oGmizzazione per i motori significa trovare il modo per portare la gente in casa, l’usabilità significa di certo far rimanere la gente in casa •l’usabilità è il mezzo più veloce per far percepire all’utente il caraAere e la bontà di un prodoAo (vedi prossime slides) •i maggiori successi in campo informaDco sono staD fortemente caraAerizzaD dall’usabilità (vedi prossime slides) 6 13/04/11
- 10. IPhone e IPad 10 13/04/11
- 11. Perchè l’usabilità i moDvi e le ragioni per invesDre nell’usabilità •Il TomTom, Google, l’IPhone...sarebbero divenuD famosi se non fossero staD usabili? 11 13/04/11
- 12. Usabilità nel mondo del Web introdurre l’usabilità nel mondo del web •Rendere il web “usabile” significa avere a disposizione un’arma potente per gadagnare clienD: “quello è più semplice, usa quello” •ma quali sono le regole da seguire per rendere un sito “usabile”? •molte delle tecniche per verificare l’usabilità sono generiche e non si riferiscono ad un contesto specifico, tuAavia possono essere contestualizzate in maniera semplice •un esempio di linee guida molto uDli è rappresentato dalle euris5che di Nielsen RiferimenD: 1 Molich, R., and Nielsen, J. (1990). Improving a human-computer dialogue, Communications of the ACM 33, 3 (March), 338-348. 2 Nielsen, J., and Molich, R. (1990). Heuristic evaluation of user interfaces, Proc. ACM CHI'90 Conf. (Seattle, WA, 1-5 April), 249-256. 3 Nielsen, J. (1994a). Enhancing the explanatory power of usability heuristics. Proc. ACM CHI'94 Conf. (Boston, MA, April 24-28), 152-158. 4 Nielsen, J. (1994b). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods, John Wiley & Sons, New York, NY. 12 13/04/11
- 13. Le dieci eurisDche di Nielsen 1/10 introdurre l’usabilità nel mondo del web •Visibility of system status •tuG i contenuD principali sono visibili senza scroll? •l’utente dovrebbe sempre avere percezione di quanto sta accadendo •l’utente dovrebbe sempre ricevere dei feedback del sistema in un tempo ragionevole •l’uso di ajax è caldamente suggerito 13 13/04/11
- 14. Le dieci eurisDche di Nielsen 2/10 introdurre l’usabilità nel mondo del web •Match between system and the real world •il sistema deve parlare la lingua dell’utente e non viceversa •un esempio (negaDvo) famoso: “obliterare il biglieAo prima di salire sull’autobus” •la tecnologia è digitale ma l’uomo è analogico (S. Jobs) •usare sempre termini rappresentaDvi per l’utente e non per il sistema 14 13/04/11
- 15. Le dieci eurisDche di Nielsen 3/10 introdurre l’usabilità nel mondo del web •User control and freedom •l’utente spesso preme sui link “per provare” o “per errore”, bisogna sempre esporre chiaramente “l’uscita di emergenza” •il boAone “log-‐out” è sempre piccolo e nascosto •aAenzione ai pulsante “indietro” e “avanD” del browser 15 13/04/11
- 16. Le dieci eurisDche di Nielsen 4/10 introdurre l’usabilità nel mondo del web •Consistency and standards •Mantenere sempre le stesse diciture all’interno di uno stesso sistema •verificare l’esistenza eventuale di “diciture standard” per le funzionalità offerte •verificare l’esistenza di icone standard •sfruAare la conoscenza pregressa dell’utente •apportare piccoli cambiamenD piuAosto che un cambio radicale (vedi il mondo dell’auto con l’introduzione dei “model year”) 16 13/04/11
- 17. Le dieci eurisDche di Nielsen 5/10 introdurre l’usabilità nel mondo del web •Error preven5on •evitare qunto più possibile le “text box”, limitare la libertà d’azione dell’utente a domini noD •evitare quanto più possibile i messaggi di errore, proporre sempre dei pulsanD di scelta •evitare sempre di lasciare l’utente in una situazione di “stuck” •dove streAamente necessario fornire all’utente delle spiegazioni chiare dell’errore •nel caso di pagamenD con carta di credito rassicurare sempre l’utente dell’accaduto in caso di errore 17 13/04/11
- 18. Le dieci eurisDche di Nielsen 6/10 introdurre l’usabilità nel mondo del web •Recogni5on rather than recall •il cervello umano non legge simboli, bensì ne riconosce le forme: •cosa ne pensate della progettazine informatica? •usare le icone quanto più possibile (vedi slides sulle icone) •rendere sempre disponibili a video tuAe le informazioni che l’utente dovrebbe ricordare •pensate sempre di avere a che fare con un utente “senza memoria” 18 13/04/11
- 19. Le dieci eurisDche di Nielsen 7/10 introdurre l’usabilità nel mondo del web •Flexibility and efficiency of use •introdurre scorciatoie per utenD esperD rendendole poco visibili •il sistema deve poter accogliere un nuovo utente guidandolo passo passo e allo stesso tempo non deve permeAere ad un utente esperto di saltare degli step che già conosce •i pulsanD in primo piano devono guidare l’utente alle prime armi, quelli in secondo piano favorire l’utente alle prime armi 19 13/04/11
- 20. Le dieci eurisDche di Nielsen 8/10 introdurre l’usabilità nel mondo del web •Aesthe5c and minimalist design •eliminare tuAo il superfluo •tuAo ciò che è di raro interesse va nascosto (magari in un box a comparsa/scomparsa “maggiori informazioni”) •Google AdSense non favorisce l’usabilità (e non la favorirà mai), valutare sempre con aAenzione l’uso di questo strumento! 20 13/04/11
- 21. Le dieci eurisDche di Nielsen 9/10 introdurre l’usabilità nel mondo del web •Help users recognize, diagnose, and recover from errors •i messaggi di errore (se necessari...) devono essere chiari e semplici •esempio: si è verificato questo per quest’altro moDvo, possibile soluzione •i messaggi del Dpo “si è verificato un errore sconosciuto, contaAare l’assistenza tecnica” •salvare sempre in forma nascosta le informazioni tecniche dell’errore che serviranno per una eventuale diagnosi •la schermata blu di windows è l’esaAo esempio di cosa non andrebbe faAo 21 13/04/11
- 22. Le dieci eurisDche di Nielsen 10/10 introdurre l’usabilità nel mondo del web •Help and documenta5on •se i 9 punD precedenD fossero completamente soddisfaG non ci sarebbe bisogno di questo punto •tuAavia... •alcuni utenD hanno bisogno della documentazione, la ritengono in qualche modo “una sicurezza” •la documentazione dovrebbe fornire informazioni nel modo più veloce possibile andando subito al punto •documentazione video -‐-‐> molto gradita e chiara 22 13/04/11
- 23. Le dieci eurisDche di Nielsen 11/10 introdurre l’usabilità nel mondo del web •mul5plaOorm suppor5ng •il sistema è compaDbile con una risoluzione di 1024x768? •il sistema è pienamente navigabile con tuG i browsers? •il sistema è pienamente navigabile con tuAe le piaAaforme mobili? •ho faAo un uso oculato dei contenuD javascript? •ho introdoAo contenuD flash? •aAenzione agli evenD “onMouseOver”, “onDoubleClick, ... •su sistemi molto complessi è bene valutare l’opzione App... 23 13/04/11
- 24. L’uso delle icone introdurre l’usabilità nel mondo del web •lo scopo di un’icona è quello di richiamare immediatamente la funzione associata ad un pulsante •non tuAe le funzionalità hanno possono avere delle icone globalmente riconosciute •troppe icone confondono •privilegiare sempre l’approccio icona + descrizione: l’utente non deve cliccare su una icona per scoprirne la funzionalità annessa 24 13/04/11
- 25. Esempi introdurre l’usabilità nel mondo del web •Alcuni esempi di usabilità: •www.ghisu-‐autonoleggio.com •www.adrianocerocchi.it •confronto tra corriere.it e repubblica.it •www.vinocatarraAo.it 25 13/04/11