Usabilità	  	  nel	  Web                  Adriano	  Cerocchi13/04/11
Cosa	  è	  l’usabilità   definizioni	  di	  un	  termine	  che	  sembra	  poco	  italiano   •La	  proprietà	  che	  rifleAe	...
Cosa	  è	  l’usabilità   in	  poche	  parole...   •L’usabilità	  è	  la	  capacità	  che	  ha	  un	  oggeAo	  di	  far	  p...
Esempi	  di	  Usabilità	  e	  non4 13/04/11
Esempi	  di	  Usabilità	  e	  non5 13/04/11
Perchè	  l’usabilità   i	  moDvi	  e	  le	  ragioni	  per	  invesDre	  nell’usabilità   •l’usabilità	  genera	  fidelizzazi...
Perchè	  l’usabilità7 13/04/11
TomTom8 13/04/11
Google9 13/04/11
IPhone	  e	  IPad10 13/04/11
Perchè	  l’usabilità    i	  moDvi	  e	  le	  ragioni	  per	  invesDre	  nell’usabilità    •Il	  TomTom,	  Google,	  l’IPho...
Usabilità	  nel	  mondo	  del	  Web    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Rendere	  il	  web	  “usabil...
Le	  dieci	  eurisDche	  di	  Nielsen	  1/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Visibility	  of	  s...
Le	  dieci	  eurisDche	  di	  Nielsen	  2/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Match	  between	  s...
Le	  dieci	  eurisDche	  di	  Nielsen	  3/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •User	  control	  an...
Le	  dieci	  eurisDche	  di	  Nielsen	  4/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Consistency	  and	 ...
Le	  dieci	  eurisDche	  di	  Nielsen	  5/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Error	  preven5on  ...
Le	  dieci	  eurisDche	  di	  Nielsen	  6/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Recogni5on	  rather...
Le	  dieci	  eurisDche	  di	  Nielsen	  7/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Flexibility	  and	 ...
Le	  dieci	  eurisDche	  di	  Nielsen	  8/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Aesthe5c	  and	  mi...
Le	  dieci	  eurisDche	  di	  Nielsen	  9/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Help	  users	  reco...
Le	  dieci	  eurisDche	  di	  Nielsen	  10/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Help	  and	  docum...
Le	  dieci	  eurisDche	  di	  Nielsen	  11/10    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •mul5plaOorm	  supp...
L’uso	  delle	  icone    introdurre	  l’usabilità	  nel	  mondo	  del	  web    •lo	  scopo	  di	  un’icona	  è	  quello	  ...
Esempi	      introdurre	  l’usabilità	  nel	  mondo	  del	  web    •Alcuni	  esempi	  di	  usabilità:          •www.ghisu-...
Upcoming SlideShare
Loading in …5
×

Accessibilità - Adriano Cerocchi - SEO Training 2011

545 views

Published on

L'usabilità e l'accessibilità del sito come paradigmi da riscoprire e rivalutare, in ottica SEO e di fidelizzazione del cliente.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Accessibilità - Adriano Cerocchi - SEO Training 2011

  1. 1. Usabilità    nel  Web Adriano  Cerocchi13/04/11
  2. 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. 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à                                                    bellezza3 13/04/11
  4. 4. Esempi  di  Usabilità  e  non4 13/04/11
  5. 5. Esempi  di  Usabilità  e  non5 13/04/11
  6. 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
  7. 7. Perchè  l’usabilità7 13/04/11
  8. 8. TomTom8 13/04/11
  9. 9. Google9 13/04/11
  10. 10. IPhone  e  IPad10 13/04/11
  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. 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 CHI90 Conf. (Seattle, WA, 1-5 April), 249-256. 3 Nielsen, J. (1994a). Enhancing the explanatory power of usability heuristics. Proc. ACM CHI94 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. 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  suggerito13 13/04/11
  14. 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  sistema14 13/04/11
  15. 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  browser15 13/04/11
  16. 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. 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  errore17 13/04/11
  18. 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. 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  armi19 13/04/11
  20. 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. 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  faAo21 13/04/11
  22. 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  chiara22 13/04/11
  23. 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. 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à  annessa24 13/04/11
  25. 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.it25 13/04/11

×