Valutare l efficacia dei siti web

Transcript

1 Valutare l efficacia dei siti web

2 Web Usability ossia la praticità della semplicità (Jakob Nielsen) Il web visto dalla prospettiva dell utente: Gli utenti vogliono trovare rapidamente ciò che cercano Se non sanno esattamente ciò che cercano, vogliono comunque accedere in modo rapido ed efficace alle informazioni contenute nel sito Se il Web è usabile per l utente, è anche efficace per chi lo ha progettato (ossia risponde agli obiettivi)

3 Il concetto di usabilità Con riferimento all ergonomia delle macchine (interazione uomo-macchina) In ambito informatico: usabilità del software (praticità e funzionalità nell uso da parte dell utente) Anni 80 e 90: usabilità dei software per utenti non esperti Con la nascita di Internet: web usability

4 Web usability Un sito è usabile quando soddisfa i bisogni (informativi) dell utente finale che lo sta visitando e interrogandolo, fornendogli facilità di accesso e navigabilità e consentendo un adeguato livello di comprensione dei contenuti (definizione adattata da Visciola, 2000)

5 Come misurare l efficacia e l usabilità Approcci ex-post di un sito Web misurazione del gradimento degli utenti una volta che il sito è stato pubblicato su Internet Approcci ex-ante valutazione in anticipo (in fase di progettazione) stimando efficacia, usabilità e qualità dal punto di vista dell utente

6 Come misurare l efficacia di un sito Web: possibili strumenti ex-post Conteggi ex post numero di utenti diversi che visitano un sito numero di volte che uno stesso utente visita un sito pagine visitate da un utente, ecc. LIMITI: non danno indicazioni dettagliate né qualitative non forniscono suggerimenti in progettazione

7 Come misurare l efficacia di un sito Web: possibili strumenti ex-post Indagini campionarie sui navigatori (ex-post) su registrazione dei profili utente con somministrazione di questionari LIMITI difficoltà delle indagini (questione della validità statistica) non sempre sono gradite dall utente non forniscono suggerimenti in progettazione

8 Come misurare l efficacia di un sito Web: possibili strumenti ex-ante Indagini sugli utenti questionari su campioni prefissati focus group con (pochi) utenti selezionati osservazione dei comportamenti di navigazione di un piccolo campione di utenti LIMITI difficoltà e costi dell indagine richiedono che sia disponibile una versione prototipale del sito

9 Come misurare l efficacia di un sito Web: possibili strumenti ex-ante Corrispondenza del progetto con i modelli di comportamento dell utente es.: reattività ai colori, movimento degli occhi sullo schermo, modalità di lettura, ecc. lettura modo testo lettura modo TV LIMITI richiede competenze specifiche può essere troppo sofisticato o inadeguato al problema

10 L approccio alla Web Usability di Jakob Nielsen 1. Offre: 1. Criteri per valutare l efficacia di un sito (dal punto di vista dell utente) 2. Criteri per progettare un sito efficace (per l utente, e per l azienda) - ex ante 2. Approccio semplice e poco costoso 3. Può essere adottato in combinazione con gli altri metodi di valutazione

11 PERALTRO: Non si tratta di criteri validi in assoluto (elevata soggettività delle valutazioni) Sono indicazioni e suggerimenti per focalizzare l attenzione del progettista sui punti critici che potrebbero determinare una modesta usabilità sulla coerenza o meno con gli obiettivi del sito, dell azienda, ecc. Una serie di linee guida o check list per valutare (qualitativamente) l efficacia di un sito esistente o in progetto Approccio dichiaratamente di derivazione pratica (considerazioni ricavate dal buon senso nell esperienza professionale) e non teorica (deduzioni o conclusioni sulla base di modelli)

12 La Web Usability: Offre criteri che combinano: Aspetti tecnici (ad es. velocità di caricamento, risoluzione video, ecc.) Aspetti comunicazionali (efficacia dei contenuti, immediatezza comunicativa, ecc.) Aspetti legati al business (cosa si vuole valorizzare in un sito, ecc.) Le politiche di marketing L immagine aziendale Le funzionalità operative da implementare Ecc.

13 Dunque criteri per valutare la coerenza del progetto del sito con: L utente di riferimento (a chi il sito è destinato): Clienti? Altri utenti? Quali? Quali categorie o tipologie? L obiettivo di riferimento cosa si vuol fare con il sito? Informare o vendere? Sito di presenza, vetrina, vendita? quale messaggio si intende veicolare? in che modo? Gli strumenti a disposizione quale tecnologia o modalità di design si adopera in coerenza con quanto sopra indicato?

14 Il punto di partenza: quando un sito è progettato male secondo J. N. (alcuni esempi) Sito come brochure o depliant e non invece come un nuovo modello di relazionarsi con clienti, utenti, ecc. Sito come un qualunque altro progetto aziendale interno destinato unicamente alle esigenze interne dell azienda Sito come pura rappresentazione della struttura informativa interna contenuti strutturati secondo l ottica e la struttura organizzativa aziendale (per esempio: ciascuna sezione del sito dedicata a un area, funzione o divisione aziendale) piuttosto che con un orientamento all utente/cliente (che potrebbe piuttosto essere: sezioni diverse per tipi di prodotto o servizi diversi, ecc.) Si punta solo all effetto del design delle pagine Contenuti riprodotti con lo stesso identico stile interno usato in azienda ad es. indicando i prodotti, i servizi o i mercati con i termini in uso all interno dell azienda piuttosto che quelli che utilizzerebbe (e dunque comprenderebbe) un utente/cliente Sito non interconnesso con il resto del Web ossia un sito centrato unicamente sull azienda isolata

15 Criteri della Web Usability: un applicazione alle homepage Homepage (HP): la pagina di partenza di un sito Internet (da cui si accede alle varie sezioni interne) Rappresenta l elemento critico di un sito (di un azienda, organizzazione, ente pubblico, ecc.) Di seguito esaminiamo alcune aree critiche per un sito secondo la Web Usability. Le porremo in una forma di check list, ossia di interrogativi che esaminando un sito (o un progetto) ci si può porre per evidenziare eventuali problemi o soluzioni alternative

16 1. Comunicare lo scopo del sito Primo fondamentale obiettivo della HP: comunicare alla prima occhiata gli elementi fondamentali che identificano il sito - a che azienda/ente si riferisce - cosa il sito offre (che magari non si trova altrove), ecc.

17 PUNTI DA OSSERVARE PER IL PROGETTISTA: Posizione e dimensione del nome e logo dell azienda? ragionevolmente scelte in modo da attirare l attenzione rispetto ad altri elementi circostanti? corredata di una riga di spiegazione rapida (ad es.: cosa fa l azienda, ecc.)? Enfasi su ciò che il sito offre all utente, anche rispetto a siti concorrenti? La HP è diversa dalle altre pagine Web? (Nel caso di aziende conglomerate, gruppi, divisioni): chiara distinzione tra pagine iniziali di ciascuna divisione e la HP iniziale di tutta l azienda? Chiara distinzione tra il nome dell azienda (es. Companyname) e il nome del sito aziendale (Companyname.com)?

18 2. Comunicare informazione sull azienda La HP ha poi lo scopo di offrire indicazioni più specifiche per utenti diversi (ad es. potenziali investitori, giornalisti, ecc.)

19 PUNTI DA OSSERVARE PER IL PROGETTISTA: Esistono sezioni chiaramente distinte per dare informazioni (diverse) ai possibili navigatori (diversi)? Ad es. sezioni tipiche: Sezione about us (panoramica generale sintetica) Sezione investors relation (informazioni economico finanziarie) Sezione press room (estratti di comunicati stampa, articoli spesso autoprodotti sull azienda, e altre note sintetiche di utilità per i giornalisti) Quali meccanismi di feedback offre il sito? A chi sono destinati? Perché un dato strumento ((ad es. un indirizzo , un modulo da compilare, i guest book, ecc.) è scelto? È sufficientemente chiaro anche all utente lo scopo dello strumento scelto (ad es. perché un utente dovrebbe lasciare il proprio nominativo?) Se esistono modalità articolate (ad es. indirizzi diversi di uffici diversi): l area feedback è confusa con il resto del sito, oppure è in una sezione separata? (ad es. Contact us ) Le informazioni destinate agli utenti interni (ad es. aree riservate, ecc.) sono mescolate con il resto del sito? È sufficientemente chiara la differenza? (Se utile, in particolare per i siti di vendita) è chiara la privacy policy (ossia il modo con cui sono gestiti i dati personali)

20 3. Linguaggi e formati I linguaggi e i formati scelti sono uno degli aspetti più critici per conferire chiarezza al contenuto; inoltre, possono contribuire a un immagine di professionalità inevitabilmente associata all azienda

21 PUNTI DA OSSERVARE PER IL PROGETTISTA Il linguaggio risulta sufficientemente focalizzato sul cliente/utente ( customerfocused o user-focused )? Ci sono informazioni ridondanti? Esiste uno scopo preciso per questo? Sono sufficientemente autoesplicativi eventuali slogan usati (specialmente quelli che dovrebbero evocare servizi o offerte particolari)? Si usa un linguaggio morbido oppure imperativo? ad es: scrivere immettete qui il vostro nome senza spiegare perché l utente dovrebbe farlo potrebbe essere un approccio brutale Riguardo lo stile: C è consistenza degli stili (ad es.: maiuscolo/minuscolo, dimensione carattere, colori, grassetto/corsivo, ecc.) tra testi collegati, o all interno di elenchi di categorie? Oppure sono abbastanza distinti gli stili di elementi di contenuto diversi? Le etichette o titoli di una sezione sono utili (ad es. nel caso di una sezione già chiara)? Gli elenchi contengono almeno due voci? Nei testi, ci sono parole interrotte e portate a capo? Le abbreviazioni e gli acronimi sono tutti immediatamente chiari? Sono coerenti? Se ci sono testi enfatizzati (punti esclamativi! P A R O L E staccate o p.u.n.t.a.t.e.), a quale scopo? Risulta chiaro all utente perché sono enfatizzati?

22 4. Grafici e animazioni Elemento importante in quanto: - caratterizza la qualità complessiva del sito - elemento di distinzione - permette di attirare l attenzione su elementi chiave MA.

23 PUNTI DA OSSERVARE PER IL PROGETTISTA Grafici e figure: Veicolano effettivamente del contenuto (un messaggio), o sono semplicemente per decorare? In questo secondo caso: sono davvero necessari? Sono sufficientemente autoesplicativi, o necessiterebbero di un sottotitolo o didascalia di spiegazione? Hanno dimensioni appropriate allo schermo? Hanno visibilità e leggibilità adeguate? Animazioni Sono elementi che distraggono l utente da altri elementi di contenuto che potrebbero essere più importanti. La loro inclusione dovrebbe essere valutata in relazione all effettiva necessità Sono animati anche elementi di contenuto critici? In questo caso la loro fruizione potrebbe essere più problematica. È lasciata all utente la possibilità di attivare/disattivare le animazioni? (questo può essere utile per utenti che non dispongono di browser aggiornati o calcolatori potenti)

24 5. Disegno complessivo del sito (Graphic Design) Dopo aver esaminato separatamente gli elementi testuali e quelli grafici, vediamo la loro coerenza nel disegno complessivo del sito

25 PUNTI DA OSSERVARE PER IL PROGETTISTA Ci sono formattazioni che rischiano di distrarre inutilmente il navigatore rispetto ai punti che si vogliono davvero sottolineare? Per i punti critici: ci sono colorazioni a contrasto elevato (per accrescerne evidenza e leggibilità)? Gli elementi con posizione prioritaria (specie quelli in alto nella pagina, o al centro di fronte all occhio dell utente) sono anche quelli più rilevanti o critici? Scrolling vs. Completezza La HP dovrebbe includere tutti i contenuti ritenuti fondamentali; però potrebbe risultare troppo lunga per risultare visibile in una schermata, il che costringe l utente a far scorrere la pagina. Ci si deve chiedere: la HP progettata ha un giusto compromesso tra l esigenza della completezza e la necessità di usare lo scrolling il meno possibile? Nel caso di scrolling: quali elementi finiscono comunque in prima pagina, e quali invece diventano visibili solo facendo scorrere la pagina? Quanto rilevante è ciò ai fini del sito? Le pagine si autoformattano (ossia si adattano automaticamente al browser dell utente), o hanno una struttura rigida? Perché questa scelta? Si usano logo? Di chi? Perché?

26 6. Navigazione e visita nel sito Il sito dovrebbe fornire in modo immediatamente fruibile tutte le indicazioni per guidare l utente nella navigazione interna

27 PUNTI DA OSSERVARE PER IL PROGETTISTA Le sezioni principali sono abbastanza in evidenza? La navigazione e la visita dell utente sono abbastanza guidate o orientate in coerenza con lo scopo del sito? Le sezioni collegate tra loro sono raggruppate, o sono sparse nella pagina? Perché? Ci sono sezioni doppie per uno stesso argomento? Generalmente la duplicazione è uno spreco, quindi la cosa si giustifica solo se funzionale allo scopo Le titolazioni delle sezioni sono chiare? Ci sono auto-link alla stessa HP (generalmente sono inutili) Le icone sono autoesplicative, oppure no? Si usano grafiche di uso comune (in caso contrario: perché)? Sono coerenti con il loro significato ( evocano il significato corretto)? Sono coerenti all interno della HP se presenti più volte (es. usare la stessa icona con lo stesso telefono per indicare la stessa cosa ossia un numero di telefono)

28 7. Uso di esempi Un esempio può essere un modo efficace per spiegare a cosa serve il sito, qual è il suo contenuto, ecc.

29 PUNTI DA OSSERVARE PER IL PROGETTISTA Finalizzazione degli esempi: Per aiutare a comprendere lo scopo del sito, più che semplicemente per descrivere gli esempi stessi. Tipi classici: - La descrizione di un esempio di prodotto che viene venduto nel sito, di un offerta particolare che rappresenta anche una tipologia tipica, ecc. - La descrizione di un progetto importante seguito dall azienda presso un cliente (il che dovrebbe far meglio capire cosa fa l azienda) Link agli esempi - Gli esempi scelti sono pertinenti? Sono troppi? - C è un link separato per ogni esempio citato, oppure uno per tutti gli esempi (descritti poi di seguito)? Questo punto è importante perché può determinare la chiarezza o meno nel sottolineare all utente gli esempi - C è una sezione separata per gli esempi (sezione esempi o casi ), oppure sono descritti o introdotti direttamente nella HP? È adeguata la scelta? - L utente individua facilmente il link per accedere ai dettagli su un dato esempio?

30 8. Link verso pagine esterne al sito Sono un elemento importantissimo, perché: Evidenziano il legame con altri siti Rendono meno azienda-centrico il sito Caratteristiche importanti da tener presente: - Chiarezza - Indicano precisamente a cosa puntano ( indicazioni come click here, more, ecc. non specificano cosa l utente troverà) - Differenziazione: sono distinti l uno dall altro, oppure ci sono più link alla stessa pagina della HP? La scelta è coerente con lo scopo del sito? - L evidenziazione dei link è sufficientemente chiara (colori differenti, sottolineati, caratteri diversi, ecc.)? - Il browser registra (con un cambiamento di colore) i link già visitati dall utente (è una caratteristica utile per chi naviga)? - Sono link solamente ad altre HP? Puntano a pagine specifiche? In generale, i link usati dovrebbero essere direttamente correlati al contenuto all interno del quale vengono posti; in caso contrario, l utente sarebbe costretto a cercare nella pagina richiamata l approfondimento o il dato - Si indica abbastanza esplicitamente se il link necessita di un plug-in (es. file pdf che richiedono un programma apposito per essere letto)?

31 9. URL, titoli, ecc. Il problema della registrazione dell URL (Uniform Resource Locator, ossia Il nome facilita la visibilità; dipende da come il sito è stato registrato Il titolo della pagina è chiaro? (nb. Dire che questa è una homepage può essere superfluo Data e ora: è chiaro a quale Data e quale ora si riferiscono? (ad es: data di aggiornamento del sito? Data delle ultime notizie riportate? Data di oggi?) I benvenuti e altri saluti sono davvero necessari? Credit (tributi, ringraziamenti, indicazioni alle società che hanno fornito il software, autocelebrazioni dell azienda ad es. premi vinti, ecc.): Sono davvero essenziali? Sono eccessive autocelebrazioni? Pubblicità di altre aziende: Sono davvero necessarie? Sono adeguatamente collocate (con il giusto rilievo non modesto né eccessivo)?

32 10. Archivi Molti siti tengono traccia dei contenuti passati (ad es. siti di news ) Sono facilmente accessibili? Elenchi o strumenti di ricerca per data, contenuto, ecc.

33 11. Motori di ricerca interni e altri strumenti Input box : La posizione è adeguata? La dimensione è sufficiente per le parole chiave tipiche? Il pulsante search (o go ) è in evidenza? Ricerca semplice o avanzata? Estensione della ricerca (è chiaro quali sezioni del sito sono incluse? È chiaro che non si tratta di un motore di ricerca nel Web? Altri strumenti e shortcut (ad es.: calcola il tuo bollo auto, l oroscopo, ecc.): Sono davvero necessari? Sono appropriati? Se li si pone nella HP allora dovrebbero essere davvero rilevanti. È così?

34 12. Reindirizzamenti e popup Window Reindirizzamenti: sono davvero necessari? Popup window (nuove finestre che si aprono quando l utente clicca su un determinato link): sono davvero necessarie? (Distraggono l utente e potrebbero essere fastidiose).

35 13. Le prestazioni Velocità di caricamento? Dimensionamento rispetto allo schermo tipico di PC? Ci sono errori di caricamento che si verificano? Ci sono link non più attivi, o che sono cambiati? L accesso alla HP richiede all utente di scaricare plug-in?

36 check list usabilità 1. Identificare lo scopo del sito: Che sito è (presenza, vetrina, vendita, pura informazione,.)? A quanti e quali utenti è presumibilmente destinato? (clienti, fornitori, consumatori, utenti esperti o no, ) Ecc. 2. Valutare la usability : Comunicare lo scopo del sito Comunicare informazioni sull azienda Linguaggi e formati Grafici, Figure e animazioni Struttura complessiva e Graphic Design Esempi e casi Link esterni Navigazione all interno dei sito Titoli, indirizzo URL Motori di ricerca interni e altri strumenti Le prestazioni