Download - Usabilità del web

Transcript
  • 1. Corso di usabilit sul web BOZZA questa presentazione ancora in fase di revisione

2. Usabilit del Web

  • Quando un utente visita il sito, hai 2 minuti per dire tutto quello che devi 3. Gli utenti restano mediamente 27 secondi per pagina 4. Internet piena di spazzatura
    • Gli utenti non hanno tempo di studiare tutto quello che c' online 5. Un utente non sa se vale la pena visitare una pagina, bisogna convincerlo

6. Analisi

  • Gli utenti riescono ad usare i siti che visitano per la prima volta solo nel 66% dei casi
    • Negli anni novanta il 40%
  • La soddisfazione degli utenti non determinante per l'usabilit:
    • Generalmente si tende ad adeguarsi e ad essere gentili 7. Non pu valutare se la sua esperienza stata deludente, perch non sa se poteva avere accesso a informazioni pi rilevanti

8. Elementi importanti

  • Gli utenti devono sapere dove sono arrivati e come raggiungere le altre parti del sito
    • Nome o logo aziendale in alto a sinistra 9. Link diretto alla home page 10. Box di ricerca in alto a destra
  • Link con briciole di pane 11. La posizione raggiunta in un sito pu essere dovuta anche a un motore di ricerca o a un altro sito

12. Home page

  • Un utente esperto sta su una home page 25 secondi in media per valutarla 13. Un utente neofita sta 35 secondi 14. C' pochissimo tempo per fare buona impressione 15. Fondamentali:
    • Su che sito sono arrivati 16. Quali vantaggi o servizi si possono aspettare 17. Qualcosa sull'azienda, novit 18. Possibilit a disposizione per muoversi nel sito

19. Home page

  • Nelle visite successive gli utenti passano meno tempo sulla home
    • 31 25 22 -19 secondi
  • Lo scopo della home guidare gli utenti, quando familiarizzano la guardano meno 20. Non fanno scorrere la pagina
    • 23% - 16% - 16% - 14%

21. Pagine interne

  • Neofita 60, Esperto 45 22. Parte del tempo dedicata a studiare il sistema di navigazione per pianificare la prossima mossa 23. Leggono meno di met del testo dei primi 2 paragrafi in cerca di parole chiave 24. Guardano i primi 3-4 paragrafi al massimo 25. Il resto del tempo per guardare le foto 26. E' pi probabile che clicchino all'interno del contenuto anzich in navigazione.

27. Ricerca

  • Per svolgere un compito (esempio booking) gli utenti:
    • 88% motore di ricerca 28. 12% va su siti noti (expedia,ecc...)
  • Gli utenti non cercano siti da esplorare a fondo e usare in modo intensivo: cercano risposte specifiche

29. Information foraging

  • Pi semplice reperire nuove risorse informative, meno tempo gli utenti dedicano a ciascuna di esse. 30. Prendono quello che trovano, e non perdono tempo a cercare il meglio 31. Cercano RISPOSTE non NAVIGAZIONE

32. Generare valori

  • Come valorizzare utenti che arrivano a pagine interne da motori di ricerca?
    • Pagine specializzate, titoli chiari, soluzioni a problemi comuni 33. Arricchire risposte con link approfondimento 34. Fornire analisi e consigli 35. Distribuire newsletter via mail per rendere esperienza pi individuale

36. SERP

  • Risultati click:
    • 1 51% 37. 2 16% 38. 3/4 6% 39. 5-10 < 5% 40. 11+ 5% 41. Riepilogo 1 pagina SERP: 95%

42. Keyword advertising

  • Maggiore il valore di un nuovo visitatore, pi alta deve essere l'offerta per attirarlo

43. Utenti pigri

  • Mediamente scorrono 2,3 schermate di pagina compresa la principale 44. Se quello che c' in cima alla pagina non ritenuto utile, non si perde tempo a cercarlo nel resto della pagina

45. Convenzioni di design e usabilit

  • Standard: 80% dei siti, gli utenti che visitano un sito nuovo si aspettano funzioni cos 46. Convenzione: dal 50 al 79% dei siti, si aspettano che gli elementi convenzionali funzionino cos 47. Confusione: poco meno di 50%, gli utenti non sanno cosa aspettarsi

48. Standard

  • Gli utenti sanno le funzionalit da aspettarsi e:
    • Come vengono presentate graficamente 49. Dove trovarle 50. Come usarle 51. Non trascurano elementi importanti del resto del sito

52. Traccia delle informazioni

  • Gli utenti valutano se la pista che seguono porter a risultati. Pertanto:
    • Link e descrizione categorie espliciti 53. Non usare parole inventate o slogan come elementi di navigazione 54. Far capire all'utente che sulla traccia giusta

55. Traccia

  • Non ostacolare le visite brevi 56. Incoraggiare i visitatori a tornare, raccogliere newsletter 57. Migliorare visibilit nei motori

58. Errori tipici di design

  • Link che non cambiano colore dopo la visita
    • Devono accorgersi di dove sono gi stati
  • Pulsante indietro non funzionante 59. Apertura nuove finestre / popup 60. Parti di interfaccia simili a pubblicit 61. Contenuti vaghi e sensazionalismo 62. Contenuti troppo densi e testo non scandibile

63. Flash

  • Non lascia all'utente interattivit 64. Non serve per ravvivare le pagine 65. Navigazione non standard ostacola la navigazione 66. Deve fornire funzionalit non abitualmente disponibili su pagine statiche 67. Fa perdere tempo 68. Problemi con dispositivi mobili

69. Layout

  • Evitare scorrimento orizzontale 70. Adolescenti lasciano perdere, non si ingegnano 71. Giovani poca pazienza 72. Adulti non apprezzano multimedialit 73. I link dovrebbero essere blu o ben distinguibili 74. Pi complesso un menu meno facile da usare

75. Registrazione

  • Non costringere a registrarsi, o se necessario lasciarlo alla fine 76. Non chiedere troppe informazioni personali, limitarsi a quelle necessarie, che gli utenti percepiscano come tali

77. Chi siamo

  • E' fondamentale, solo il 70% dei siti lo mostra
    • Nome direttore generale 62% 78. Come contattare l'azienda 62% 79. Filosofia 59% 80. Storia e principali risultati 58%

81. Cerca nel sito

  • Box in alto a destra, ben evidente 82. La ricerca avanzata deve essere solo opzione secondaria 83. La prima query la pi importane: 83% 84. Viene riformulata solo nel 17%

85. Tipografia e testo

  • Nero su sfondo bianco 86. Sfondo troppo affollato da evitare 87. Usare al minimo testi scorrevoli, maiuscolo e testi grafici 88. Dimensione almeno di 12 punti 89. Non scendere sotto i 10 punti e non salire oltre i 14 90. Verdana il pi leggibile sul web

91. Font

  • Arial: gradito a tutte le et 92. Comic: informale 93. Georgia: tradizionale, gradevole 94. Impact: sfacciato 95. Times: non preferito da nessuna fascia di et, poco professionale 96. Trebuchet: moderno e di tendenza 97. Verdana: moderno e professionale. Raccomandato.

98. Scrivere per il web

  • Brevi paragrafi 99. Scrivere semplice, non usare termini tecnici 100. Dare colpo d'occhio alle parole chiave 101. Aneddoti e storie sono apprezzati 102. Bisogna conoscere il pubblico cui ci si rivolge 103. Evitare gergo, acronimi, sarcasmo, giochi di parole, luoghi comuni 104. Ridurre enfasi da imbonitore

105. Scrivere per il web

  • Sintetizzare i punti chiave 106. Titoli e intestazioni brevi e descrittivi 107. Liste puntate e numerate
    • Se ci sono almeno 4 elementi 108. Fraseggio parallelo
  • Nelle prime 2 righe enunciare il concetto chiave della pagina 109. Test di revisione dei testi:
    • Trovare informazioni l'80% pi velocemente 110. Aumenta del 37% la soddisfazione verso un sito

111. Presentare prodotti e offerte

  • Descrizioni accurate 112. Dire sempre quanto costa 113. Immagini adeguate 114. Mostrarsi sinceri 115. Mostrare tutti i costi aggiuntivi

116. Errori del layout

  • Se l'utente si aspetta di trovare informazioni in una determinata area dello schermo, non le cercher altrove n scorrer la pagina 117. Se c' spazio bianco a fondo schermata, pensano che la pagina finisca l 118. Elementi simil-pubblicitari a fondo schermata vengono interpretati come fine pagina