Esame di usabilità ed estetica del web

Transcript

1 Università degli studi di Catania Facoltà di scienze matematiche, fisiche e naturali Corso di laurea in informatica Esame di usabilità ed estetica del web Valutazione della qualità del sito: Studente: Torrisi Alessandro 1

2 SOMMARIO: 1 Descrizione sintetica del sito Nome del sito Home page Requisiti generali del sito 3 2 Obiettivi della valutazione 4 3 Metodologia usata 4 4 Architettura La struttura del sito è adeguata? Esiste la mappa del sito? La navigazione del sito è adeguata? Giudizio 7 5 Comunicazione La home page comunica chiaramente gli obiettivi del sito? Il sito è coerente con la brand image? La grafica del sito è adeguata? Giudizio 9 6 Funzionalità Adeguatezza Le funzioni del sito sono adeguate? Il trattamento degli errori è adeguato? Gli strumenti di ricerca delle informazioni sono adeguati? è possibile comunicare in modo adeguato con chi gestisce il sito? Le funzioni del sito sono corrette? Giudizio 12 7 Contenuto L informazione è classificata in modo adeguato? Lo stile del testo è adeguato al Web? L informazione è adeguata, pertinente, affidabile e aggiornata? Il sito è correttamente localizzato? Giudizio 14 8 Gestione Il sito è sempre attivo e disponibile? L utilizzo del sito è adeguatamente monitorato? Il sito viene costantemente aggiornato e migliorato? Le relazioni con gli utenti sono adeguatamente presidiate? Giudizio 16 9 Accessibilità I tempi di accesso sono adeguati? Il sito è facile da trovare? Il sito è accessibile con ogni browser? Il sito è utilizzabile da utenti disabili? Giudizio Usabilità Test di usabilità Compiti da svolgere Risultati Giudizio Sintesi rapporto valutazione Suggerimenti finali Priorità 1: interventi indispensabili ed urgenti Priorità 2: interventi consigliati ma meno urgenti Priorità 3: interventi auspicati 27 2

3 1. Descrizione sintetica del sito 1.1 Nome del sito: Home Page La seguente è l Home Page del sito dell azienda di autonoleggi Hertz. Figura 1.1 Home page di Hertz 1.3 Requisiti generali del sito Hertz è un azienda multinazionale di autonoleggi. Come vediamo dalla home page lo scopo primario del sito di Hertz è quello di fornire un insieme di strumenti per la prenotazione di un noleggio e informazioni di vario genere(offerte speciali, servizio clienti, tariffe, ecc). Nella home page(figura 1.1), la schermata per effettuare una prenotazione, appare al centro e permette l inserimento di informazioni quali ritiro e consegna dell autovettura nonché informazioni sull arrivo. La pagina contiene pure una schermata di login per coloro che sono membri iscritti al sito. In questo caso è richiesto l inserimento di un codice socio e una password. In alto a destra ci sono due caselle: una permette di scegliere il paese di residenza, l altra la lingua con cui si desidera visitare il sito. 3

4 2 Obiettivi della valutazione Lo scopo di un sito è quello di comunicare e interagire con l utente, e proprio su queste due fasi, la comunicazione e l interazione, approfondirermo il nostro discorso. L obiettivo di questa valutazione è un analisi dettagliata di tutte le funzioni offerte da della coerenza, completezza e compatezza delle informazioni, della qualità di quest ultime e per ultima, ma non meno importante l usabilità del sito. 3. Metodologia usata Per effettuare il rapporto di valutazione si è seguito lo schema del libro il check up dei siti web del professore Roberto Polillo, oltre alle esperienze personali e numerevoli tools disponibili on line utilizzati da esperti di usabilità dei siti web. Ho deciso di dare un giudizio per ogni aspetto della valutazione, che va da 0 a 4: 0 = pessimo 1 = insufficiente 2 = sufficiente 3 = buono 4 = ottimo Ho elencato alla fine di ogni aspetto i punti di forza e di debolezza. Per svolgere al meglio l analisi mi sono servito di alcuni strumenti on-line, spesso segnalati sul libro, come: per l analisi dei problemi visivi come il daltonismo. per controllare la visualizzazione tra diversi browser. per l uptime e l analisi dei server per controllare l accessibilità. per controllare tutte le tappe intermedie che il sito svolge per arrivare dal server principale alla mia abitazione. 4 Architettura Con questo termine indichiamo l organizzazione del sito nelle sue parti costitutive, vale a dire nelle sue pagine; dobbiamo esaminare e valutare anche i meccanismi di navigazione che esso mette a disposizione dei suoi utenti. 4.1 La struttura del sito è adeguata? Voto: 3 L home page è divisa in tre colonne: una colonna sinistra che contiene un menù e una schermata di login, una colonna centrale che mostra una scheda per la prenotazione di un noleggio e una colonna destra contenente bunner pubblicitari. Analizziamo i menù: come si vede dalla figura 4.1 ce ne è uno in alto a sinistra(evidenziato in blu) che permette la navigazione del sito. Le voci del menù sono chiare e comprensibili, l utente difficilmente si perderà visto che lo schema gerarchico che riassume il menù si ferma a bassi livelli. Questa struttura inoltre rimane sempre visibile durante la navigazione. Il centro dell home page è rappresentato da una scheda(evidenziata in verde) che permette la richiesta di un preventivo. In basso a sinistra appaiono alcuni link(evidenziati in rosso) a pagine interne del sito che contengono informazioni aggiuntive(contatti, informazioni legali,ecc); tali link sono disposti in maniera caotica all interno della pagina e non contengono una cornice. 4

5 È possibile tornare da qualsiasi pagina direttamente all home page tramite il pulsante home posizionato in alto a destra. Ad ogni modo la struttura del sito appare semplice e permette all utente di raggiungere tutte le informazioni di cui ha bisogno attraverso un menù verticale di piccole dimensioni. Figura 4.1 La struttura del sito 4.2 Esiste una mappa del sito che ne rappresenta con chiarezza la struttura? Voto: 0,5 Il sito non dispone di una site map. La site map è uno strumento semplice e poco costoso da realizzare che mostra come i vari argomenti sono organizzati e permette di raggiungerli rapidamente. Ecco come sarebbe la site map relativa a : 5

6 + home - Tariffe & prenotazioni Fai un preventivo & prenota Cancella una prenotazione Controlla/Modifica una prenotazione - Offerte Speciali In italia Partners Destinazione Europa/Medio Oriente/Africa Destinazione Stati Uniti e Canada In Australia/Nuova Zelanda In America latina/caraibi In Asia Resto del Mondo - Agenzie, auto e molto più Agenzie Auto Extra/Optional Requisiti per il noleggio Prodotti & servizi o Stati uniti o Canada o Europa o Australia and Nuova Zelanda o Caraibi o America Latina o Asia - #1 Club Descrizione Hertz #1 Club Hertz #1 Club Gold - Partners Aerei Treni Hotel Viaggi Fidelity Altri - Business to Business Opportunità per i licenziatari Agenzie di viaggio - Notizie su Hertz Hertz Corporate profile o Profilo aziendale di Hertz o Direzione aziendale di Hertz o La famiglia delle società Hertz o Hertz First o Storia Opportunità d impiego Ufficio stampa Investor Relations - Altre attività Hertz Camper Furgoni Usato - Servizio Clienti Contattaci Richiesta di una fattura Credito Frequent traveler FAQ Notiamo che la mappa può apparire abbastanza complessa nei contenuti, ma è essenzialmente semplice nella struttura poiché non va oltre il secondo livello. 6

7 4.3 La navigazione del sito è adeguata? Voto: 3 Il sito presenta un menù di navigazione globale costituito da pulsanti verticali, che si declinano in voci secondarie (navigazione locale). Esiste anche un menù di servizio, di minore rilievo grafico rispetto al menù di navigazione globale. Si può affermare che la navigazione è rapida e precisa nel senso che si può arrivare all obiettivo con pochi click e difficilmente ci si può perdere per strada. Forse per questo non è stato utilizzato il breadcrumb ovvero quello strumento che indica la strada percorsa dalla home fino al contesto attuale. La navigazione del sito è fluida. È sempre possibile tornare al punto di partenza cliccando il tasto indietro del browser. Non esistono pagine invisibili, che portano a strade a senso unico. Inoltre, come già abbiamo detto, è possibile tornare sempre alla home page tramite un apposito pulsante in alto a destra. 4.4 Giudizio: 2,16 Sintesi: punti di forza: - Navigazione rapida grazie al menù di navigazione globale - Possibilità di accedere alla Home da qualsiasi pagina - Navigazione precisa, non ci si può perdere - Architettura non ramificata, non va oltre il secondo livello Punti di debolezza - Manca la mappa del sito - Menù in basso a sinistra poco coeso col resto della pagina 5 Comunicazione Per valutare il sito da questo punto di vista, dovremo chiederci in che misura il modello raggiunge i suoi obiettivi di comunicazione, nei confronti della categoria di utenti cui è prioritamente destinato. 5.1 La home page comunica chiaramente gli obiettivi del sito? Voto: 1 La prima pagina non chiarisce adeguatamente l area di argomento del sito. L azienda hertz, pur non essendo sconosciuta, richiede uno slogan che caratterizza in modo chiaro e sintetico lo scopo del sito. Inoltre non compare nella home alcun testo che contiene la parola oggetto del sito, ovvero il noleggio di autovetture. A sinistra dello schermo ci sono tre bunner che pubblicizzano alcune iniziative ed offerte tramite immagini e slogan. 7

8 5.2 Il sito è coerente con la brand image? Voto: 2 Col termine brand image si denota l insieme delle associazioni mentali evocate da un brand, che può essere il nome di un azienda, di un prodotto o di un servizio. Ecco di seguito il brand del sito in questione: La brand image è nella posizione canonica di home, ovvero in alto a sinistra e rimane lì in ogni pagina del sito. Ciò nonostante il sito non è pienamente coerente con il suo logo; infatti i colori utilizzati per il brand sono utilizzati solo per il menù verticale che compare sulla sinistra ma non riappare nel resto della pagina. Il sito, quindi, potrebbe rafforzare il brand curando di più la distribuzione dei colori. 5.3 La grafica del sito è adeguata? Voto: 2,5 Nella valutazione del sito dovremo esaminare con particolare attenzione l impostazione e la qualità della grafica. Il layout delle pagine è adeguato ai vari formati video? Il sito utilizza un layout statico ottimizzato per il formato video 1024*768 pixel. Se si utilizza una larghezza fissa, invece che percentuale, per lo spazio occupato dai contenuti, gli utenti che visualizzano la pagina con monitor e/o risoluzioni più grandi di quelle ipotizzate vedranno grandi spazi vuoti e solo una piccola frazione occupata dalla pagina, mentre gli utenti che hanno monitor e/o risoluzioni più basse di quelle ipotizzate dovranno scorrere orizzontalmente la barra del loro browser e fare una gran fatica per leggere il testo. Quindi c'è da dire che un layout pensato per una determinata risoluzione risulta decisamente poco professionale se visualizzato con una risoluzione minore. Questo problema sarebbe stato parzialmente risolto tramite l'impiego di un layout semiliquido. Infatti l'uso della grafica nella regione bianca, avrebbe perlomeno attenuato questa impressione di vuoto nello schermo che si ha con un monitor ad alta risoluzione. Sono state fatte delle prove di visualizzazione con risoluzioni differenti( 1400x1050, 1024x768, 800x600,1600x1200,1280x1024,1280x800,1440x900). Il layout delle pagine facilita la comprensione dei contenuti? Il layout facilita la comprensione dei contenuti, infatti in ogni pagina, in posizione centrale, c è l argomento principale trattato, mentre sul lato sinistro c è la barra del menù grazie a cui si può accedere alle altre funzioni del sito. Il tutto è immediato per l utente, che quindi può sapere in che sezione si trova in qualsiasi momento, grazie al solo layout. La pagina Web presenta una mediocre Gestalt: infatti sul fondo della home page ci sono diversi link posizionati in modo disordinato e caotico, non hanno una cornice e sono in contrasto col resto della pagina. Non ci sono grandi spazi allocati a banner pubblicitari e ciò permette agli utenti di focalizzarsi esclusivamente sui servizi offerti dell azienda Hertz. Il colore è utilizzato in modo adeguato? Il colore dello sfondo delle pagine adottato è il bianco, un colore poco aggressivo che non possiede particolari connotazioni di significato. L utilizzo complessivo di pochi colori e la predominanza del grigio e delle sue sfumature, facilita in maniera efficiente la lettura all utente ed aumenta l efficacia. 8

9 C e un uso incoerente col resto della pagina del colore giallo utilizzato per il menù verticale; il progettista del sito ha probabilmente realizzato il menù di questo colore per riproporre il brand, ma in tal caso tali colori dovevano apparire uniformemente in tutta la pagina. Quindi i colori utilizzati sono 3 diverse tonalità di grigio, il nero e il giallo di cui abbiamo parlato. Il colore del testo è spesso il nero ed è sempre corretto rispetto allo sfondo. La scelta dei toni, infine, rende accessibile la navigazione del sito anche a utenti daltonici (un maggior approfondimento è presente nella valutazione dell accessibilità). L associazione colore/significato è coerente e mantenuta per tutto il sito. I caratteri utilizzati rendono il testo ben leggibile? In tutto il sito vengono utilizzati caratteri senza grazie ; ciò aiuta a rendere i testi più leggibili sul video. In particolare, il carattere di default scelto per i testi è Arial, mentre il carattere alternativo è l Helvetica. L utilizzo del tutto maiuscolo in frasi lunghe è stato certamente evitato; questa tecnica non è stata utilizzata neanche per i titoli. Per massimizzare la leggibilità sono stati utilizzati caratteri scuri su sfondo chiaro oppure viceversa. Non sono stati mischiati caratteri di colori diversi nello stesso testo. Le dimensioni del carattere inoltre contribuiscono ulteriormente a rendere leggibile il contenuto del sito. La dimensione dei caratteri è modificabile localmente attraverso il browser, senza compromettere il layout della pagina. La grafica è attraente? A mio parere la grafica è semplice e quindi conforme agli scopi del sito (pubblicitarioinformativo/prenotazione online); i riquadri sono ben allineati e non sono presenti figure inutili. Lo scopo del sito è quindi orientato ad un aspetto pratico e commerciale, non a una grafica attraente e simpatica, bensì essenziale e ordinata. 5.4 Giudizio: 1,83 Sintesi: punti di forza: - Pochi spazi allocati a bunner pubblicitari - Grafica semplice e chiara - Testo uniforme, chiaro e conciso - Utilizzo di font senza grazie e di una dimensione del carattere leggibile. - Le pagine risultano sufficientemente comprensibili anche ad utenti daltonici. Punti di debolezza - L'utilizzo di un layout fisso rende le pagine troppo lunghe sul video e crea troppo spazio bianco in presenza di alte risoluzioni. - Poche figure esplicative - L home page non chiarisce l area di argomento del sito 9

10 6 Funzionalità Analizzeremo ora l insieme dei servizi che il sito mette a disposizione dei suoi utenti. 6.1 Adeguatezza Le funzioni per effettuare transazioni sono adeguate? Voto: 3 La transazione più evidente è sicuramente quella che permette di eseguire la prenotazione di un noleggio. A tal scopo ho effettuato personalmente la simulazione di una prenotazione che si articola in 3 step: 1 step: È la schermata che è posizionata nella home e permette l inserimento di dati quali data di consegna e ritiro del mezzo noleggiato nonché informazioni sull arrivo. C e un tasto continua che permette di proseguire nella nostra prenotazione(figura 6.1.1) Figura Prenotazione di un auto 1 step 2 step: Appaiono le autovetture con i relativi costi di noleggio e la richiesta di alcuni servizi opzionali. Da notare che mentre si evolve una prenotazione appaiono i dettagli relativi ai campi inseriti nel precedente step permettendo di modificarli. La presenza del costo della transazione in questo step è vantaggiosa: l utente percepisce quasi subito il costo dell operazione di noleggio. 3 step: A questo punto c e la richiesta di nome, cognome e indirizzo . Segue a fine pagina un tasto prenota che permette di terminare l operazione. Come vediamo non ce la richiesta di inserimento di informazioni inutili e il significato dei campi è facilmente intuibile. Inoltre è presenta la voce requisiti per il noleggio nel secondo step che permette di accedere a tutte le informazioni di cui abbiamo bisogno. Esistono altre transazioni all interno del sito. Per esempio quella che permette di eseguire il login: in questo caso basterà inserire un numero di socio e una password nella schermata presente sulla home page. C è la possibilità di iscriversi come membro, al sito; a tal scopo appare una schermata che richiede l inserimento di informazioni personali e informazioni sulla patente di guida. In tale schermata non si capisce, però, il significato della voce suffisso subito dopo cognome ; inoltre non compare l asterisco nei campi obbligatori. 10

11 6.1.2 Il trattamento degli errori dell utente è adeguato? Voto: 3 Gli errori sono gestiti in maniera funzionale; ho provato a inserire dei valori inesatti in alcuni campi di inserimento e in tutti i casi l errore viene visualizzato in alto in rosso. Come possiamo notare, nel caso in cui gli errori sono molti, l utente è costretto a rileggersi più volte l elenco, man mano che ricompila i campi errati. Seppure la soluzione presentata sia buona, poteva comunque essere migliorata, facendo apparire ogni segnalazione dell errore accanto(o sopra) al rispettivo campo. Inoltre è presente nella voce servizio clienti del menù verticale dell home page un servizio FAQ(frequently asked questions): ho visitato tale servizio ed ho notato che appaiono informazioni su diverse categorie tra cui i messaggi d errore(figura 6.1.2). Figura La schermata di FAQ (Frequently asked questions) Gli strumenti di ricerca delle informazioni sono adeguati? Voto: 1 Il sito non prevede un motore di ricerca, né una mappa del sito, ovvero i due strumenti più utili alla ricerca di informazioni. Le informazioni sui servizi proposti dall azienda sono organizzate nel menù verticale che appare in ogni pagina È possibile comunicare in modo adeguato con chi gestisce il sito? Voto:2 Nella voce contattaci presente sul menù verticale appaiono informazioni sui contatti dell azienda. Attualmente attraverso il sito di Hertz non è possibile contattare direttamente chi gestisce il sito attraverso una normale . All utente vengono infatti fornite due diverse alternative, ovvero: - Possibilità di chiamare un servizio di call-center - Compilare dei moduli predefiniti per inviare un richiamo o un suggerimento. Sempre tra le pagine di secondo livello riconducibili da servizio clienti, troviamo una FAQ che contiene domande e relative risposte a un gran numero di categorie di informazioni quali: programmi, termini e condizioni, tariffe e prenotazioni, ecc. 11

12 6.2 Le funzioni del sito sono corrette? Voto: 3 Non ho riscosso problematiche nelle funzioni proposte dal sito durante il periodo di esamina, sia dal punto di vista transazionale che dal software. 6.3 Giudizio: 2,6 Sintesi: punti di forza: - Metodi di compilazione standard e concisi - Messaggi di errore chiari e ben visibili - Presenza di una FAQ ben strutturata - Transazioni semplici e veloci Punti di debolezza - Mancanza avviso di obbligo nella compilazione dei campi - Mancanza di comunicazione diretta tramite con il gestore del sito - Assenza di un motore di ricerca interno al sito. 7 Contenuto Valutiamo la qualità dei contenuti informativi veri e propri del sito, e soprattutto la loro adeguatezza agli obiettivi che esso si propone di raggiungere. 7.1 L informazione è classificata in modo adeguato? Voto: 2 L organizzazione dell informazione è basata sui contenuti: il menù in basso a sinistra riguarda infatti tutte le informazioni relative all azienda, privacy e notizie legali. Nel menù verticale in alto a sinistra presente nell homepage vi sono voci che sono ripetute anche nel sottostante menù. Nella figura sono evidenziate in blu i link duplicati: 12

13 Figura Link duplicati Il labelling scelto per il menù a navigazione globale è sufficientemente appropriato. Poco chiaro è il significato della voce business to business : bisogna accedere a tale link per capire, infatti, di cosa stiamo parlando. Talvolta troviamo accostamenti tra voci in italiano e in inglese: ciò potrebbe causare incomprensioni tra tutti quegli utenti che non hanno dimestichezza con la lingua straniera. Nella home page appare al centro, come abbiamo già visto, il modulo per la richiesta di un preventivo. Notiamo che tale informazione è raggiungibile anche dalla voce tariffe & prenotazioni del menù verticale(figura 7.1.2). Figura Duplicazione del link prenotazione 13

14 7.2 Lo stile del testo è adeguato al Web? Voto: 3 I concetti sono espressi in modo conciso, breve e chiaro. All interno della home page non ci sono testi particolarmente lunghi. I testi lunghi e che richiedono la presenza di barre verticali sono quelli relativi alle informazioni sulla privacy e sulle politiche raggiungibili tramite link nel menù in basso a sinistra. I contenuti presenti nella sezione politica aziendale, raggiungibile attraverso l apposito link in basso a sinistra nella home page, sono organizzati secondo l impostazione top-down, utilizzando estesamente le possibilità associative di un ipertesto: titoli brevi, paragrafi brevi e rimandi ad approfondimenti attraverso link ipertestuali. In tutto il sito, le sottolineature sono utilizzate solo per i link che presentano, nella maggior parte dei casi, il classico colore azzurrino. Il sito si rivolge all'utente dandogli del tu, per mantenere un rapporto molto personale. La scelta può essere utile soprattutto nei riguardi di quegli utenti che non hanno grande confidenza con l'ambiente web e indubbiamente si sentirebbero meno "rassicurati" ad avere a che fare con un sito che si rivolge a loro col distacco della terza persona. Lo stile utilizzato rimane coerente in tutte le pagine del sito. 7.3 L informazione è adeguata, pertinente, affidabile e aggiornata? Voto: 1 L informazione del sito è adeguata ai suoi obiettivi e tiene presente le esigenze degli utenti al quale è destinato. Inoltre sono presentati in modo chiaro le informazioni sulla società attraverso la voce del menù Hertz Corporate Profile che contiene informazioni sulla direzione aziendale, la famiglia delle società hertz e la sua storia. Per giudicare l aggiornamento dell informazione ho costantemente visitato la voce del menù ufficio stampa per accertarmi della presenza di news; l ultima notizia risale al 22 Marzo quindi possiamo dire che il sito non è costantemente aggiornato. 7.4 Il sito è correttamente localizzato? Voto: 3 Il sito è correttamente localizzato. L utente che visita il sito, infatti, può scegliere un paese di residenza e la lingua con cui desidera visitare il sito. Tutti i siti della Hertz, indipendentemente dalla nazione, presentano la stessa struttura e le stesse funzionalità. Un eccezione è data dal sito in lingua inglese che presenta ancora la vecchia struttura del sito. Infatti la versione in esame è l ultima revisione del sito e presenta rispetto alla precedente versione una grafica e un layout diverso ma appare molto simile dal punto di vista dei contenuti. Il sito oggetto della relazione, quindi, fa parte di un grande gruppo di siti della hertz autonoleggi. 7.5 Giudizio: 2,25 Sintesi: punti di forza: - Informazione ben raggruppata e adeguata agli obiettivi - Approccio personale con l'utente - Corretta localizzazione del sito Punti di debolezza - Imprecisioni nel labelling - Le informazioni in ufficio stampa non vengono aggiornate costantemente 14

15 8 Gestione 8.1 Il sito è sempre attivo e disponibile? Voto: 4 Nel periodo in cui ho svolto questa valutazione, il sito è sempre stato disponibile. Inoltre non ci sono mai stati problemi di accesso a qualunque pagina. Ho comunque analizzato le interruzioni del server dalla messa online del sito ad oggi (usando uno strumento software disponibile online all indirizzo Figura Report di netcraft Osservando i dati riportati, il servizio di Netcraft non è riuscito a rilevare la data di quando è stato effettuato l ultimo riavvio del server, ciò lascia pensare che il server è risultato sempre attivo e correttamente accessibile ai suoi utenti. Figura server, SO per Visualizzando la cronologia dell hosting è possibile accorgersi che il sito è sempre stato funzionante sulla medesima tecnologia di server (IBM_HTTP_Server) ma il sistema operativo ha oscillato tra linux e Windows Server L utilizzo del sito è adeguatamente monitorato? Voto: 0,5 Non è stato possibile ottenere informazioni utili per valutare il monitoraggio del sito in quanto non è stato individuato alcun collegamento a servizi di statistica. 15

16 8.3 Il sito viene costantemente aggiornato e migliorato? Voto: 2 Grazie al servizio offerto dal sito sono riuscito ad ottenere le vecchie versioni di ed ho notato che il sito ha subito grossi cambiamenti da quello iniziale risalente al 1999 a quello attuale. Nel periodo di valutazione il sito non ha subito aggiornamenti dal punto di vista grafico o strutturale. Va invece segnalato che non è presente in home page e in nessun altra pagina la data di ultimo aggiornamento del sito. Con l aiuto del software Xenu's Link Sleuth (scaricabile da ho potuto verificare l integrità di tutti i link del sito. Il sito risulta completo in ogni sua parte e non ci sono sezioni inattive per via di lavori in corso. 8.4 Le relazioni con gli utenti sono adeguatamente presidiate? Voto: 2 Per tenere le relazioni con i clienti, i progettisti del sito hanno scelto di creare un apposita sezione contatti in cui, attraverso la scelta degli argomenti della domanda, indirizzano le richieste alle persone che devono rispondere. Dopo aver effettuato la prima scelta, l utente è accompagnato nell invio della domanda da un web form, da compilare obbligatoriamente in alcune sue parti( nome, cognome, indirizzo mail, ecc) e con uno spazio in cui inserire direttamente la richiesta. Questo assicura ai gestori del sito un corretto utilizzo del servizio, per evitare l invio di materiale indesiderato; d altro canto costringe però l utente realmente interessato a domandare qualcosa a compilare il form in tutte le sue parti, operazione piuttosto fastidiosa se le richieste sono più d una. Manca inoltre, come abbiamo già detto, un contatto diretto tramite con il gestore del sito. 8.5 Giudizio: 2 Sintesi Punti di forza: - Il sito è sempre disponibile on-line - I link all interno del sito sono integri e non esistono pagine di lavori in corso - Stabilità del server Punti di debolezza - Manca un per avere un contatto diretto con il web master. - Non sono disponibili statistiche sugli utenti che navigano il sito. - Nessun riferimento alla data di aggiornamento del sito 16

17 9 Accessibilità Un sito è di facile accesso se tutti possono raggiungerlo e utilizzare i suoi servizi rapidamente e in qualunque momento, senza particolari limitazioni o barriere. 9.1 I tempi di accesso sono adeguati? Voto: 2 Per rispondere a questa domanda ho utilizzato lo strumento software utilizzato e consigliato nel libro il check up dei siti web ; tale strumento è reperibile presso il sito: Watson.addy.com. Inserendo l URL del sito in questione e spuntando la voce Compute estimated download speeds viene mostrata la seguente tabella: Come abbiamo detto nella fase di comunicazione, il sito non ha una grafica attraente perché preferisce rinforzare l aspetto pratico del sito. Quindi ci sono poche immagini e i tempi di caricamento sono soddisfacenti e scendono al di sotto di 1 secondo nel caso di una connessione 56k. Un altro aspetto da non tralasciare per valutare i tempi di accesso è la dislocazione geografica del server di riferimento. Per analizzare e valutare più precisamente i percorsi e i tempi di accesso ho utilizzato uno strumento software scaricato presso il sito Questo programma di analisi ci permette di valutare i tempi di accesso anche in maniera continua in modo da calcolare se siano accettabili per vari periodi di tempo(figura 9.1). 17

18 Figura 9.1 Report di visualroute Ho riportato qui sopra il report che visualroute fornisce per il sito Nella prima parte della figura è riportata una mappa che indica il percorso effettuato dal sito mentre nella seconda parte sono riportate tutte le tappe intermedie che le pagine del sito compiono con i tempi d accesso in ms. Dalla tabella emerge il fatto che per la richiesta, il sito attraversa 13 nodi partendo dagli USA e arriva in italia dopo 6 nodi intermedi. Sotto la tabella si trovano informazioni importanti per analizzare le prestazioni di accesso. In particolare abbiamo il tempo medio di andata e ritorno impiegato per raggiungere ciascun nodo(247 ms), il tempo massimo e il tempo minimo. 9.2 Il sito è facile da trovare? Voto: 3 Il nome del sito è composto da poche lettere che rappresentano il nome dell azienda quindi possiamo affermare tranquillamente che il nome del sito è facile da ricordare anche perché l utente che accede al sito ( per la maggior parte dei casi) ha già l intenzione di prenotare o prelevare informazioni su una prenotazione in quanto conosce l azienda di autonoleggi Hertz. La tabella di seguito mostra in che posizione appare il nostro sito nei più comuni motori di ricerca: PAROLA CHIAVE Hertz Autonoleggio 7 pagina 2 pagina pagina Ho scelto due parole chiavi, una più specifica ed è appunto il nome dell azienda; l altra parola chiave invece rappresenta un ambito molto più generico e nonostante ciò appare in 4 posizione in google e in 3 in tiscali. 18

19 Ho poi ricercato con i servizi offerti da google i siti che contengano un collegamento a quello analizzato: Google : 86 siti collegati Possiamo quindi concludere che il sito, oggetto della mia valutazione, è abbastanza referenziato da altri siti web. 9.3 Il sito è accessibile con ogni browser? Voto: 2 È necessario che il sito presenti la consueta home page anche con diversi browser, senza sconvolgere la composizione della pagina a seconda del browser utilizzato. Per verificare l accessibilità al sito con browser di cui non dispongo ho utilizzato il software browsercam su Per valutare l accessibilità del sito analizzato lo abbiamo sottoposto ai browser: Con sistema operativo windows : - Internet Explorer Firefox Opera 9.02 Con sistema operativo Mac osx : - Safari Firefox Ci sono stati problemi di visualizzazione con Safari 2.0.4, per il resto non si sono rilevati problemi di visualizzazione o di altro genere. 9.4 Il sito è utilizzabile da utenti disabili? Voto: 1 Ho utilizzato il tool gratuito presente nel sito per vedere se i checkpoint dei criteri WAI sono stati rispettati. La figura sottostante mostra i risultati( per ragioni di spazio verrà visualizzata solo la tabella contenente i risultati, la tabella con tutti i dettagli è allegata al CD della relazione) Figura 9.4 : report per i criteri WAI Come vediamo dalla figura non sono stati rispettati i checkpoint delle linee guida WAI per la priorità 1 e priorità 3. Sono stati rispettati parzialmente solo alcuni criteri per la priorità 2. 19

20 Adesso prendiamo in considerazione tre menomazioni visive per effettuare un analisi specifica: ipovisione, daltonismo e cecità. Ipovisione: Per evitare problemi alla tipologia di utenti affetti da tale handicap, le pagine web dovrebbero essere realizzate in modo tale da permettere la scelta della dimensione dei caratteri e del colore del testo durante la navigazione. Nel nostro caso la dimensione del testo è modificabile dal browser mentre il colore risulta non modificabile e in particolare non esiste una versione del sito ad alto contrasto. Daltonismo: Ho utilizzato il servizio gratuito offerto dal sito per ricreare alcuni screenshot che mostrano la Home Page così come la vedrebbe un daltonico nei possibili tre casi: la deutenaropia e la protanopia che impediscono una corretta distinzione fra rosso e verde rispettivamente e la tritanopia che impedisce la distinzione fra blu e giallo. Il contrasto rimane accettabile. Ho inoltre effettuato una prova utilizzando al posto dei colori la scala dei grigi ottenendo un buon risultato. Cecità: Per rendere comprensibile una pagina Web ad utenti non vedenti è necessario ricorrere a tecnologie appositamente concepite, come i browser vocali. Per questo motivo è importante che le immagini di ogni pagina siano corredate di frasi descrittive che possano essere riprodotte dallo stesso browser. Inoltre il testo deve essere organizzato in modo opportuno per risultare comprensibile attraverso la lettura sequenziale del browser vocale. Ho disabilitato la funzione di visualizzazione delle immagini di Firefox per verificare la presenza dei testi alternativi. In seguito ho installato il browser vocale Home page reader di IBM per analizzare la sequenza in cui il sito viene letto. Le immagini non sono sostituite da stringhe descrittive non permettendo l uso delle funzioni veloci. Il browser vocale Home page reader mostra come un non vedente avrebbe serie difficoltà a navigare all interno di questo sito. 9.5 Giudizio: 2,25 Sintesi: Punti di forza: - Nome del sito facile da ricordare e facilmente reperibile - Sito ben referenziato da altri - Il sito è facilmente navigabile anche da utenti daltonici Punti di debolezza - Non rispetta le linee guida WAI - Utenti ipo-vedenti non hanno la possibilità di cambiare a piacere il colore dei caratteri; - Il sito non è strutturato in modo tale da favorire la navigazione agli utenti non vedenti. 20

21 10 Usabilità 10.1 Test di usabilità Il test di usabilità è stato condotto su 5 persone interessate a informazioni sul noleggio di un auto. Gli utenti campioni che sono stati scelti sono rappresentativi delle categorie di utenti a cui si rivolge il sito in esame. Inoltre sono state scelte persone con diversa esperienza sul Web. Il test è stato strutturato in due parti, la prima in cui al soggetto era richiesto di svolgere 4 compiti precisando di esprimere ad alta voce ciò che pensava durante lo svolgimento del compito e alla fine di esprimere un voto da 1 a 5 sul gradimento del compito. Nella seconda parte, invece, l utente ha risposto ad alcune domande sul sito Compiti da svolgere I compiti sono stati scelti dopo una ricerca delle diverse funzioni del sito. In particolare si è voluto effettuare quelle operazioni che rispecchiano gli obiettivi per cui il sito è stato concepito. - Cercare informazioni sul noleggio di auto di piccola cilindrata - Cercare informazioni sulle condizioni di pagamento nel caso in cui si proceda per un noleggio - Iscriversi al sito - Simulare una prenotazione di un noleggio completa Come vediamo, i compiti, hanno una sequenza logica, in quanto rappresentano aspetti del sito che abbiamo visto nel corso di questo rapporto di valutazione. Questionario pre-test: A ciascun utente campione abbiamo chiesto di compilare il seguente questionario per conoscere le sue caratteristiche, le sue conoscenze e le sue attitudini riguardo il Web. 21

22 In seguito alle risposte ottenute mediante questo test, abbiamo potuto suddividere i 5 utenti nelle seguenti categorie: Nome utente Età Professione Conoscenza Web Conoscenza sito Gaetano 25 Studente Scarsa NO Stefania 27 Studentessa Media Sì, usato meno di 3 volte Ignazio 34 Rappresentante Media Sì,usato più di tre volte Malik 28 Dirigente Buona NO Andrea 23 Impiegato Buona Sì, usato meno di 3 volte 10.3 Risultati La seguente tabella riassume i risultati dei test sui diversi utenti mostrando per ogni compito l esito, il tempo con cui tale compito è stato portato a termine e un voto che esprime il gradimento espresso per tale compito in una scala da 1 a 5. Nell ultima riga della tabella sono invece riportati i valori medi raccolti. Compito 1 Compito 2 Compito 3 Compito 4 OK? Tempo Voto OK? Tempo Voto OK? Tempo Voto OK? Tempo Voto Gaetano Sì Sì In Sì parte Stefania Sì 50 4 Sì Sì Sì Ignazio Sì 45 3 Sì Sì Sì Malik Sì 70 3 Sì 90 4 Sì Sì Andrea Sì 35 5 Sì 60 4 Sì Sì Tot/Media Sintesi dei dati significativi: Efficacia = tasso di successo = (19 + (1 *0,5) ) / 20 = 97% Gli utenti intervistati hanno raggiunto per la grande maggioranza delle prove il risultato richiesto in maniera più o meno accurata e completa. C e stata qualche difficoltà nell iscriversi al sito da parte di un utente con poca dimestichezza sul web. Tuttavia non esiste un collegamento per iscriversi al sito direttamente nell homepage, ciò ne riduce l intuitività e la chiarezza. Efficienza = tempo medio = ( ) / 19 = 132,63 Lo sforzo maggiore per eseguire i compiti proposti è stato compiuto da utenti che hanno poca abilità di navigazione. I compiti che hanno richiesto più tempo sono quelli che permettono la registrazione al sito e la richiesta di una prenotazione in quanto contengono molti campi di input Soddisfazione = gradimento medio = 63 / 19 = 3.31 Il gradimento espresso dagli utenti nei test di usabilità appare soddisfacente. La parte più apprezzata è la semplicità della grafica mentre lo è un pò meno la struttura. Il sito risulta, comunque, abbastanza confortevole e ben accetto all utente. 22

23 Questionario post test - 1 Quale impressione generale ti ha fatto il sito? Gaetano Stefania Ignazio Malik Andrea Il sito è semplice da utilizzare anche se una mappa del sito e un mini-motore di ricerca ne avrebbe ridotto la complessità Il sito mi ha fatto una buona impressione dal punto di vista delle funzioni che esso offre; non mi è piaciuto molto il layout adottato. Il sito è molto pratico ed è progettato per quegli utenti a cui non importa una grafica attraente bensì le funzioni che il sito mette a disposizione Il sito è facile da utilizzare anche se a volte disorganizzato, alcune cose importanti non sono in evidenza. Il sito mi ha fatto una buona impressione dal punto di vista delle transazioni che mette a disposizione dei suoi utenti; non risultano però aggiornamenti continui al sito sia dal punto di vista strutturale che informativo. - 2 Quali aspetti ti sono piaciuti di più? Gaetano Stefania Ignazio Malik Andrea Le funzionalità offerte dal sito La grafica semplice del sito e il menù a navigazione globale ben strutturato La struttura perché semplice e intuitiva la gestione degli errori La FAQ del sito - 3 Quali aspetti ti sono piaciuti di meno? Gaetano Stefania Ignazio Malik Andrea La gestione: il sito appare privo di aggiornamenti continui Alcune imprecisioni nel linguaggio adottato e nel labelling in generale Non c e la possibilità di contattare il web master La mancanza di un pay off nel logo dell azienda La mancanza di una mappa del sito e di un motore di ricerca interno - 4 La struttura del sito ti è sembrata adeguata? Gaetano Stefania Ignazio Malik Andrea In parte Si Si In parte No - 5 A tuo parere la home page fa capire subito lo scopo del sito? Gaetano Stefania Ignazio Malik Andrea No In parte Sì In parte No 23

24 - 6 Ti piace la grafica del sito? Gaetano Stefania Ignazio Malik Andrea Sì Sì Sì Sì In parte 10.4 Giudizio: 2,77 Sintesi: Punti di forza: - Uso consistente dei font - Buoni tempi di accesso al sito - Buona gestione degli errori - I servizi offerti sono corretti Punti di debolezza - Alcune informazioni sono difficilmente reperibili - Manca un motore di ricerca interno - Utilizzo di un layout fisso - Manca la mappa del sito - Lunga schermata per l iscrizione al sito 24

25 11 Sintesi rapporto valutazione Riportiamo di seguito il grafico a radar riassuntivo sui sette punti valutati: Accessibilità Gestione Usabilità 3,00 2,50 2,00 1,50 1,00 0,50 0,00 Architettura Comunicazion e Contenuto Funzionalità Efficacia Soddisfazione 4 Efficienza Accessibilità per i 3,5 Struttura Indipendenza dal 3 2,5 Mappa del sito Reperibilità 2 Navigazione 1,5 Tempi d'accesso 1 0,5 Home page Relazioni con gli utenti 0 Brand image Aggiornamento Monitoraggio Disponibilità Localizzazione Informazione Grafica Adeguatezza Correttezza Categorizzazione/Lab Stile 25

26 Caratteristica Voto Peso Voto pesato Architettura 2,17 3,00 2,17 Struttura Mappa del sito 0,5 1 0,5 Navigazione Comunicazione 1,83 3,00 1,83 Home page Brand image Grafica 2,5 1 2,5 Funzionalità 2,63 2,00 2,63 Adeguatezza 2,25 1 2,25 Correttezza Contenuto 2,25 4,00 2,25 Categorizzazione/labelling Stile Informazione Localizzazione Gestione 2,83 4,00 2,13 Disponibilità Monitoraggio 0,5 1 0,5 Aggiornamento Relazioni con gli utenti Accessibilità 2,00 3,00 2,25 Tempi d'accesso Reperibilità Indipendenza dal browser 2 0,75 1,5 Accessibilità per i disabili 1 0,25 0,25 Usabilità 2,77 3,00 2,77 Efficacia 3,8 1 3,8 Efficienza Soddisfazione 2,5 1 2,5 26

27 12 Suggerimenti finali 12.1 Priorità 1: Interventi indispensabili e urgenti Aggiungere l asterisco in tutti quei campi obbligatori Aggiungere una mappa del sito ben strutturata Aggiungere un motore di ricerca interno per facilitare la navigazione Disattivando la visualizzazione della immagini dal browser notiamo che le immagini non sono sostituite da testi descrittivi, per cui è indispensabile, al fine di rendere la pagina più accessibile introdurre tali modifiche Priorità 2: Interventi consigliati ma meno urgenti Aumentare il numero di figure esplicative allo scopo di aumentare la coerenza del sito con il brand Inserire un per consentire la comunicazione diretta tra l utente e il webmaster Aumentare la compatibilità con i browser Fornire una completa traduzione del sito in italiano. Alcuni messaggi, infatti, appaiono in inglese anche avendo selezionato la lingua italiana. Eliminare le ambiguità da alcune pagine Aggiornare più di frequente la rassegna stampa Priorità 3: Interventi auspicati Aggiungere una data di ultima modifica, magari direttamente nell homepage. Effettuare un parziale restyling del sito per rendere la grafica più attraente, conservando tuttavia l impostazione attuale Sistemare alcune imprecisioni nel labelling Migliorare la gestalt delle pagine. Migliorare il layout delle pagine e in particolare passare da un layout di tipo fisso a un layout liquido. 27