Sei sulla pagina 1di 59

Iannone Angela, Lotito Fabiana- rapporto di check up del sito: www.hihostels.

com

RAPPORTO DI CHECK-UP DEL SITO:

Versione:

1.0

Data:
16.09.2010

Autori:
Iannone Angela

Lotito Fabiana
1. OBIETTIVI DELLA VALUTAZIONE

Nome del sito

www.hihostels.com

Home page

Requisiti generali del sito


Lo scopo principale del sito è quello di fornire informazioni sugli ostelli della gioventù che
fanno parte della catena Hostelling International e di effettuare il booking online. Il sito
mostra all'utente, anche attraverso fotografie, i vari ostelli (insieme ai relativi prezzi), i servizi
offerti dall'ostello prescelto e le offerte del mese.

La categoria di utenti a cui si rivolge il sito è composta principalmente da giovani – 18-35 anni
- con poche disponibilità economiche che vogliono girare il mondo senza spendere troppo per
il pernottamento.

2
I prezzi per il pernottamento in ostello infatti non sono molto elevati, facendo presupporre
quindi che Hostelling International includa nel suo target di mercato persone con un budget
non molto elevato.
Il contesto d'uso principale del sito è quello di permettere la ricerca, a singoli e a gruppi di
persone, di un ostello economico ed efficiente nella meta in cui si stanno recando per le
vacanze, garantendo un'ampia scelta di pernottamenti in ogni parte del mondo, gestendo circa
4.000 ostelli.

Obiettivi della valutazione

Gli obiettivi della valutazione riguardano la capacità del sito di effettuare il booking online con
facilità e di fornire le adeguate informazioni ai visitatori, consentendo loro di trovare l'ostello
senza particolari disagi o difficoltà.

Vengono valutate anche la grafica del sito, in modo da rilevare gli eventuali problemi che
particolari utenti – esempio i daltonici - potrebbero riscontrare durante la navigazione e il
tipo di tecnologia utilizzata per la realizzazione delle pagine, che potrebbe causare la non
corretta visualizzazione (o nel caso peggiore il totale impedimento alla fruizione) del sito ad
utenti che non dispongano di una particolare plug-in o browser.
Non è stato possibile valutare il sito nella sua interezza a causa dell’eccessiva mole di
informazioni che esso fornisce agli utenti .

2. METODOLOGIA USATA

Il team di valutazione è composto da Iannone Angela e Lotito Fabiana; il lavoro è stato svolto
sinergicamente dal team.

Anche il giudizio sulla Usabilità è frutto della valutazione del sito da parte di entrambe.

Per analizzare alcune delle precedenti caratteristiche, sono stati utilizzati i seguenti strumenti
automatici:
• Comunicazione: il servizio offerto dal sito www.anybrowser.com per visualizzare le
pagine in finestre di diversa grandezza, simulando le risoluzioni più critiche dei
monitor(640x480, 800x600, 544x384);
• Colore: il sito http://gmazzocato.altervista.org/colorwheel/wheel.php e il
programma www.vischeck.com che permettono di verificare visivamente il contrasto
tra colore del testo e colore dello sfondo, sia visti da utenti .normodotati, sia da utenti
daltonici
• Gestione: Xenu’s Link Sleuth per l’individuazione di eventuali link spezzati
all‟interno del sito e NetCraft per ricavare informazioni sull’uptime del server;
• Accessibilità: Dr. Watson per il calcolo della dimensione delle pagine e i tempi di
download delle stesse, i motori di ricerca Google, Yahoo! Search e MSN Live Search
per l’analisi delle referenze al sito, Widexl per la stima delle referenze al sito,
WebXACT per la verifica della conformità del sito alle linee guida definite dal W3C
WAI, validatori HTML e CSS del W3C.

3
Nello stilare il rapporto finale sulla valutazione del sito, per il calcolo dei voti alle varie
caratteristiche relative allo stesso e per il tracciamento dei diagrammi a stella, è stato
utilizzato il template messo a disposizione dal prof. Medaglia sulla web cattedra.

I criteri utilizzati nell’attribuzione dei voti alle varie caratteristiche, sono i seguenti (la scala di
voto per ogni singola caratteristica parte da un minimo di 0 e arriva ad un massimo di 4):

Nella seguente tabella invece viene indicato il tempo impiegato nella valutazione di ciascuna
caratteristica:

Caratteristica Tempo impiegato

Architettura 2 giorni

Comunicazione 2 giorni
Funzionalità 2 giorni

Contenuto 1 giorno
Gestione 2 giorni
Accessibilità 2 giorni
Usabilità 2 giorni

4
3. RISULTATI DELLA VALUTAZIONE

3.1. ARCHITETTURA

Valutazione:

Sottocaratteristica Voto Peso Voto pesato


Struttura 3 1 3
Mappa del sito 3 0.5 1.5
Navigazione 3 1 3

Legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo

Struttura del sito:

Rappresentazione della struttura del sito www.hihostels.com tramite diagramma ad albero:

Home

Book a Hostel Group Hostel About Hostels Hi Membership Hi Travel info Special Offers

My bookings Group hostels Standards&quality Preferred Access Hostel guides


home

Il sito si sviluppa su due livelli e la sua struttura è chiara e semplice: è presente un menu di
primo livello nella parte superiore di ogni pagina, il quale consente di accedere alle
sottosezioni del menù di secondo livello. Tutte le sezioni di primo livello, ad eccezione della
sezione “Special Offers”, contengono sottosezioni nel menù di secondo livello, che si aprono
clicckando sulle voci di primo livello.
La scelta di una delle sezioni di primo livello porta l’utente ad una nuova pagina che
raggruppa le varie tipologie di informazioni inerenti alla voce selezionata.
Il menu di primo livello rimane sempre visibile in home page, permettendo all’utente di
navigare nelle macrosezioni e favorendo il passaggio da una voce all’altra senza troppi click.
Nella home page si trova subito il form per il booking online dell’ostello e la lista delle top
hostels, ovvero degli ostelli più visitati e con un feedback positivo, 2 elementi importanti che
sono alla base della mission del sito.

5
Il form per il booking online e la top hostel destination

Il sito è quindi così strutturato:


1) Menu principale
2) Menu di secondo livello
3) Navigazione per tipologia di sezione del menu principale scelta

Il sito ha una struttura ad albero e nonostante le sottosezioni può essere visitato solo
orizzontalmente.
La suddivisione delle sezioni in tante sottosezioni permette di raggruppare per argomenti
ogni campo di interesse, in questo modo l’utente che vuole prenotare avrà nelle sottosezioni
tutte le necessarie informazioni, così come chi è interessato solo alle informazioni degli ostelli
senza effettuare il booking potrà navigare nelle sezioni del menu “About Hostels”.
La sezione “special offers” invece presenta una navigazione verticale, grazie alla presenza di
link sempre interni al sito che portano l’utente a conoscenza delle offerte del mese e di un
eventuale prenotazione finale.
La terminologia scelta per indicare le voci del menu è chiara comprensibile e senza ambiguità
per l’utente.
In conclusione, il voto per la struttura del sito è buona.

6
Mappa del sito

Hi- Sitemap, pagina web

Il sito dispone di una mappa raggiungibile da ogni pagina tramite il link “Sitemap” in alto a
destra della stessa. La mappa risulta chiara e semplice, mostrando chiaramente i livelli in cui è
suddiviso il sito grazie all’uso dei link alle varie pagine. Inoltre, affianco ad ogni link, è stata
inserita una piccola spiegazione al link per rendere ancora facile l’accesso all’utente nella
pagina che sta cercando.
La mappa è organizzata come un indice di un libro ed ha il vantaggio di essere facilmente
leggibile, ma lo svantaggio di essere troppo lunga, occupando così l’intera schermata, e
rendere quindi necessario lo scroll verticale, non potendo quindi mai avere l’intera mappa
sotto gli occhi. Sarebbe stato preferibile far partire l’elenco dei link subito sotto “Hi Sitemap”
riducendo, anche se di poco, lo scroll.
Ogni voce della mappa è un collegamento alla relativa pagina web e permette quindi un
rapido accesso ai contenuti ricercati.

7
Navigazione
La navigazione risulta fluida e adeguata, ed i menu di primo e secondo livello permettono
all’utente di conoscere la propria posizione all’interno del sito e quindi di orientarsi
facilmente tra le varie sezioni. Al click sulle voci infatti, queste vengono evidenziate in modo
da mostrare all’utente in quale sezione del sito si trova – alle sezioni di primo livello cambia
addirittura il colore, da arancione a grigio - restituendo un feedback immediato.

Le sezioni evidenziate permettono all’utente di capire in quale pagina si trovano

Sintesi.
Punti di Forza:

• Navigazione orizzontale, poco dispersiva


• Feedback sulla posizione dell’utente all’interno del sito tramite voce del menu
evidenziata
• Presenza costante ti tutte le voci del menu durante la navigazione

• Navigazione fluida

Punti di debolezza:
• La mappa del sito a indice non permette la visualizzazione completa, ma necessita di
scroll
• La navigazione verticale della sezione “Special Offers” può creare perdita di
orientamento nell’utente, essendo diversa dalle altre pagine del sito

3.2. COMUNICAZIONE
8
Valutazione:
Sottocaratteristica Voto Peso Voto pesato
Home Page 3 1 3
Brand Image 3 1 3
Grafica 2 1 2

Legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo

Analisi:

Home page

HI- Hostelling International è una delle più grandi organizzazioni no-profit per gli ostelli della
gioventù. L’obiettivo del sito, ovvero quello di fornire informazioni circa il pernottamento in
ostello e il relativo booking online, è ben definito nell’home page del sito, dove si trova subito
il form per la ricerca e la prenotazione dell’ostello, oltre ai banner con le offerte speciali e la
top Hostels destinations, ovvero le destinazioni che hanno un feedback positivo da parte degli
utenti.
Pur presentando uno scroll verticale, la sezione più importante è comunque presente nella
parte superiore dell’home page, mentre la parte inferiore presenta dei banner, la possibilità di
iscriversi alla newsletter e i link per raggiungere HI sui più famosi social network, come
Facebook e Youtube.
Si può quindi affermare che l’obiettivo del sito è abbastanza riconoscibile dalla sua home
page.

Parte superiore della Home page

9
Parte inferiore della home page

Brand Image
Hostelling International è tra i marchi più importanti nel settore della ricezione degli ostelli
per la gioventù, un settore dedicato principalmente ad un target giovanile con un budget
ristretto, ma sempre al passo con le nuove tecnologie. Per questo la sua area di interesse dove
fare promozione è il sito web, un sito dallo stile sobrio e ben concepito, con il form di
prenotazione visualizzabile dalla home page.
Il logo – di forma circolare, rappresentante una casa e un albero e il brand name - collocato in
alto a destra è ben visibile all’apertura della pagina ed è cliccabile, rimandando ogni volta
l’utente alla home page. L’Url del sito affianco al logo appare un po’ inutile e ridondante,
sarebbe stato preferibile uno slogan d’effetto che ne chiarisse la mission.

Layout
Le pagine del sito hanno un layout liquido ottimizzato per la risoluzione 1024x768, ma
garantiscono un’ottima visualizzazione delle immagini e dei testi anche per le risoluzioni più
basse, come ad esempio 800x600. Questa scelta di implementazione permette quindi, anche
agli utenti che non dispongono di monitor ad alta risoluzione, di poter navigare nel sito senza
dover utilizzare scrollbar orizzontali all’interno delle pagine. Per coloro i quali utilizzano le
alte risoluzioni (1024x768 e superiori) invece, il vantaggio consiste nel poter ridurre la
finestra del browser senza per questo veder modificata la disposizione delle informazioni
nella stessa.

10
La sezione alta della home page in risoluzione 1024x768

Importante: ogni volta che viene aggiornata la pagina, c’è un banner– situato sul form di
prenotazione – che si aggiorna continuamente. È la sezione “Inspire me”, dal quale si avvia
una specie di prenotazione “guidata” all’ostello per gli utenti che sono ancora indecisi sulla
meta. Si aprono infatti macrosezioni, come “World Heritage”, o “Winter Fun”, attraverso le
quali sono stati suddivisi i tipi di ostello in base alle proprie attitudini.
Il banner è collegato comunque alla sezione “book a hostel”.

Il banner “Inspire me”

11
Clicckando sul banner, compaiono delle diverse sezioni per scegliere la propria meta

12
Una volta selezionata la macrosezione, compaiono diversi ostelli di ogni parte del mondo.
Scegliendolo, si procede con il form di prenotazione standard.

Gestalt

La forma del sito è chiara, omogenea e semplice. La sua omogeneità è data dalle stesse cromie
per tutte le sezioni, in cui cambia di colore solo quando si cliccka su una sezione specifica.
Lo sfondo anche è lo stesso durante tutta la navigazione e la parte centrale della navigazione
si sviluppa nella sezione centrale, presente già dalla home page, in cui cambiano soltanto i
contenuti a seconda del menu o del sottomenu prescelto.
La forma semplice permette una notevole comprensione da parte dell’utente, anche perché la
struttura è lineare e consequenziale. Facciamo un esempio.
Dalla home page, selezionando il menu, “Book a Hostel”, dopo aver compilato il form con i dati
richiesti dal sito – stato, città data di arrivo e di partenza, numero persone e sesso – si avvia la
ricerca dell’ostello.

13
Il form di compilazione per la prenotazione

Una volta avviata la ricerca, gli ostelli disponibili compaiono sempre nella sezione centrale,
ognuno di loro separato da una linea orizzontale. Sarebbe stata più utile una differenziazione
attraverso riquadri, comunque le fotografie degli ostelli servono a distinguere le varie scelte.
Per ogni ostello viene visualizzata l’identica scelta grafica: immagine-nome ostello- info –
pulsante prenotazione
Le attività centrali del sito si svolgono quindi nella sezione centrale della pagina web.
Attraverso google maps è possibile anche geolocalizzare gli ostelli.
Una volta deciso l’ostello, ci sono 2 possibilità di avere informazioni: o clicckando sulla foto o
sul nome della città. Nel primo caso si aprirà una pop up con una gallery di foto dell’ostello;
nel secondo caso invece verrà visualizzata l’intera pagina con un menu a tendina per le foto e
tutte le necessarie informazioni sull’ostello. Inoltre, vantaggio del sito, è che si possono
cercare ulteriori soluzioni di date e/o persone per l’ostello che si sta visualizzando senza
dover tornare alla pagina precedente. Le informazioni quindi sono tutte sulla stessa pagina,
ma lo scrollbar verticale è troppo lungo, ci sono troppe informazioni nella stessa pagina, si
sarebbero potuti utilizzare dei link.
È possibile anche effettuare la prenotazione direttamente clicckando sul tasto “Book”. Verrà
richiesto il login – o la registrazione – e si procederà alla prenotazione.

14
Gli ostelli selezionati dalla prenotazioni sono separati da una linea orizzontale.

15
È possibile il booking già dalla prima ricerca, senza dover necessariamente ottenere tutte le
informazioni.

La pop up con la gallery di foto

16
La pagina di informazioni e foto (parte superiore)

La pagina con le informazioni (parte centrale). All’interno della stessa pagina si possono cercare
ulteriori soluzioni di date nello stesso ostello, senza dover tornare alla pagina precedente.

17
I dettagli dell’ostello. Queste info sono presenti sempre all’interno della stessa pagina, creando uno
scrollbar verticale troppo lungo.

Altri dettagli dell’ostello selezionato.

18
Nel sito è presente un banner pubblicitario verticale – a destra del sito – con l’offerta del mese.
Sono poi presenti inserzioni pubblicitarie interne, relative a sconti sulle polizze viaggio o ad
altre offerte di ostelli, ma sempre con collegamenti interni al sito.
L’unico inserto pubblicitario non inerente al sito- e che presenta quindi un collegamento
esterno - è presente in fondo al sito e riguarda la possibilità di effettuare una donazione per gli
alluvionati del Pakistan. Clicckandoci, viene aperta una nuova pagina del browser che porta su
https://www.donate.bt.com/dec_form_pfa.html?p_form_id=PFA45
Banner e inserti sono comunque poco invasivi e non presentano animazioni fastidiose in flash.

Il banner pubblicitario interno al sito

19
Il banner pubblicitario con collegamento esterno.

Le inserzioni pubblicitarie interne al sito

20
Colore

I colori dominanti del sito sono 3: azzurro, arancione e bianco, che riprendono i colori del logo
di HI, evidenziando quindi una forte identità del brand.
In particolare i colori sono così utilizzati:
• azzurro: sfondo, pulsanti dei menu di secondo livello, box per le form e titoli dei
contenuti
• azzurro/grigio: pulsanti del menu di secondo livello
• bianco: riquadro centrale
• arancione: menu di primo livello
• nero: testi

Un esempio di un titolo e teso

I colori sono fondamentali soprattutto nell’agevolare a distinguere in quale sezione del sito ci
troviamo. Per questo – come già segnalato sopra – è importante il cambio del colore (da
arancione a bianco) quando si seleziona un menu di primo livello; mentre per distinguere un
menu di secondo livello da un altro viene utilizzato una specie di riquadro.
Questi colori utilizzati rendono anche la lettura dei contenuti agevole.
È presente nella parte inferiore della pagina una barra in nero, in cui troviamo dei link con dei
rimandi interni al sito, la sitemap, i desclaimer, i contatti e altre sezioni presenti anche in alto
a destra del sito.

21
I campi della form sono racchiusi in un box azzurro.

22
Gli ostelli suddivisi per categorie hanno tutti una foto e una didascalia.

Per simulare la visione delle pagine da parte di utenti daltonici, è stato utilizzato il sito
www.vischeck.com, grazie al quale è stato possibile “vedere” con gli occhi degli utenti che
soffrono dei 3 tipi di daltonismo:
Deuteranopia (difetto nella percezione del verde);
Protanopia (difetto nella percezione del rosso);
Tritanopia (difetto nella percezione del blu e del giallo).
Qui di seguito, viene mostrato come la home page del sito Hi Hostels venga percepita in base
al tipo di daltonismo:

23
Immagine originale della Home page

24
Simulazione della deuteranopia

Simulazione della tritanopia

25
Simulazione della protanopia

In tutti i casi di daltonismo, anche nel caso più raro di tritanopia, le pagine risultano ben
comprensibili.
Si può quindi concludere che le pagine del sito HI-Hostelling International sono comprensibili
anche agli utenti affetti da daltonismo.
Inoltre, non sono presenti oggetti e scritte lampeggianti o in movimento, le cui frequenze di
intermittenza potrebbero provocare disturbi da epilessia fotosensibile o della concentrazione.

Tipografia
Dal sito gmazzoccato.altervista.org risulta che anche la coppia di colori scelta per testo e
sfondo è accessibile, rendendo il contrasto di luminosità tra foreground e background
accessibili ad ogni tipo di utente.
In tutte le pagine del sito, vengono utilizzati caratteri senza grazie; questo contribuisce a
rendere i testi più leggibili sullo schermo. Inoltre non è per niente presente il corsivo.
Più precisamente, il font utilizzato è il Times New Roman. Un difetto potrebbe essere la
grandezza del font (10 pixel) che risulterebbe un po’troppo piccola per consentirne la lettura
ad utenti che non dispongano della massima capacità visiva (affetti ad esempio da miopia o
astigmatismo). Sarebbe stato preferibile non utilizzare mai font con dimensione inferiore agli
11/12 pixel, in modo da garantire la corretta visualizzazione delle informazioni trattate ad
ogni tipologia di utente del sito.
Il rapporto tra il colore del testo e quello del suo sfondo risulta corretto (testo scuro su sfondo
chiaro e chiaro su sfondo scuro).

26
Attrattiva

Nel complesso, l’impostazione grafica del sito risulta attuale e gradevole; la scelta dei colori,
degli sfondi, delle immagini, hanno la capacità di attrarre l’utente e i colori predominanti
(l’azzurro, il bianco e l’arancio), trasmettono una sensazione di tranquillità e armonia.

Sintesi

Punti di forza:
• Ottima la scelta di un layout elastico per permettere una corretta visualizzazione delle
pagine del sito con diverse risoluzioni video;
• Dalla home page è chiaramente riconoscibile l’obiettivo del sito;
• La scelta dei colori è ottima e trasmette l’identità del brand
• Le pagine sono comprensibili anche agli utenti daltonici
• Lo stile del font è chiaro (nessun corsivo, nessun maiuscolo)
• La grafica non è invasiva nella comprensione del teso
• La forma del sito è semplice e omogenea

Punti di debolezza:
• Troppe informazioni in un’unica pagina necessitano di uno scrollbar verticale troppo
lungo
• La dimensione dei caratteri è troppo piccola e rende difficoltosa la lettura

3.3. FUNZIONALITÀ

Valutazione:
Sottocaratteristica Voto Peso Voto pesato
Adeguatezza 3 1 3
Correttezza 3 1 3

Legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo

Analisi:

Adeguatezza

Le principali transazioni che si possono effettuare attraverso il sito hihostels.com sono:


• Prenotazione/cancellazione ostello online
• Pagamento della stanza con carta di credito
• Iscrizione alla newsletter

27
Per quanto riguarda il tesseramento, il sito rimanda tramite link al sito dell’ostello più vicino
del proprio paese. Nel nostro caso, sul sito www.aig.com è possibile ottenere tutte le
informazioni sul tesseramento.

Uno scenario d’uso tipico per descrivere una transazione del sito (prenotazione ostello)
potrebbe essere il seguente:

Mike è un ragazzo americano di 18 anni, neodiplomato. I suoi parenti gli hanno regalato un
po’di soldi per il suo diploma e lui ha scelto di fare una vacanza in Italia. Tra le sue prime
tappe c’è sicuramente Roma. Da Google cerca “hostels in Rome” e tra i vari risultati esce anche
il sito www.hihostels.com.
Una volta acceduto alla home page, compila i dati richiesti dal form della prenotazione e
cliccka su “search”. Per il periodo da lui scelto, il risultato è di un solo ostello. Visualizza le foto
della Gallery, legge le informazioni sul posto e decide di prenotarlo.

La pagina che si visualizza con tutti i dati della prenotazione

28
Lo step successivo chiede a Mike di inserire la sua mail e se ha già una password. Essendo
nuovo cliente, Mike seleziona su “No, I’m a new costumer”.
Clicckando su “Login”, a Mike viene chiesto di compilare il form con i suoi dati, e i dati della
carta di credito. Una volta effettuata questa operazione, dopo aver accettato le condizioni e i
termini di prenotazione, la prenotazione sarà confermata. Una mail di conferma arriverà sulla
sua e-mail.

29
30
La form di inserimento dati per pagamento con carta e conferma prenotazione

L’operazione di booking risulta semplice e veloce e la richiesta di informazioni proporzionale


al tipo di transazione.
Durante la transazione non sono comparse specifici campi da compilare per la tutela della
privacy.

Gestione degli errori

Considereremo i messaggi visualizzati dal sistema in seguito a eventuali omissioni da parte


dell’utente nel caso specifico di booking online.
• Se vengono lasciati in bianco gli spazi di destinazione (country e city), il sistema si
carica ma riporta in automatico all’home page, senza nessun messaggio di alert; questo
accade invece nella sezione “Group Hostels +10”, in cui una finestra di alert ci avvisa di
inserire l’ostello ma non il numero di persone;
• Nel caso in cui non vengono inseriti il numero e il genere di persone, vengono mostrate
finestre di alert in seguito alla mancata compilazione dei campi obbligatori
• Nel caso in cui non vengono compilati i campi necessari per l’acquisto, non si apre
nessuna finestra di alert, ma compaiono in rosso alcune scritte in cui viene richiesto ciò
che manca
• Se l’utente vuole controllare o cancellare la sua prenotazione, dovrà inserire la sua mail
e la password che gli verrà fornita a seguito della prenotazione; se non si ricorda la
password, uscirà una finestra in cui viene chiesto di inserire nuovamente la propria
mail. Un messaggio sulla posta elettronica rimanderà all’utente la password.

31
• In caso di registrazione alla newsletter, non inserendo la mail e clicckando su “sign”
non comprta alcun cambiamento, né finestre di alert. La pagina non viene nemmeno
ricaricata
• In nessuna pagina c’è attesa per il caricamento in corso; la navigazione è veloce
• Viene inoltre permesso all’utente di tornare sui propri passi (utilizzando il tasto
“indietro”), nel caso avesse erroneamente inserito dati non corretti nelle pagine
precedenti, senza per questo perdere le informazioni corrette inserite (backward
recovery).
• Il fatto che la maggior parte dei campi presenti nelle form del sito sia di tipo select,
consente all’utente di non commettere errori nell’inserimento (i dati vengono immessi
nei campi dal sistema e l’utente deve solo selezionare quello che lo riguarda). Anche il
problema riscontrato nell’inserimento delle date può essere limitato utilizzando il
calendario posto al fianco dei relativi campi.
• Una volta inseriti i campi, questi non si cancellano quando viene ricaricata la pagina

La finestra di alert che si apre se non si inseriscono il numero e il genere di prenotanti

32
Le scritte in rosso compaiono se non si compilano i campi relativi al pagamento

La sezione in cui inserire mail e password per il controllo della prenotazione

33
La pop up che richiede la mail in caso non ci si ricordi la password

Ricerca
Il sito possiede un motore di ricerca interno che consente all’utente di ricercare informazioni
per parole chiave. il motore di ricerca si trova in alto a destra ed è sempre visibile durante la
navigazione.
Una volta effettuata una ricerca, la pagina di presentazione dei risultati è organizzata ad
elenco, ma è poco chiara: a volte la ricerca è troppo larga e non sempre la parola cercata
ricompare tra i risultati.
Se la ricerca restituisce più di 10 risultati, questi vengono suddivisi e visualizzati in più pagine.

34
Inserita la parola “dinner”nel motore, nel primo caso è evidenziata, negli altri e due è poco chiara.

Comunicazione

Il sito non permette all’utente di comunicare con il webmaster, poiché non è presente ne una
sezione “credits”.
Ci sono però indirizzo mail, indirizzo postale e numeri di telefono per contattare l’ufficio
amministrativo di Hostelling International.

Correttezza

Durante l’esecuzione dei principali scenari d’uso, non è stato rilevato alcun
malfunzionamento dovuto al software presente nel sito.

Sintesi

Punti di forza:
• Facilità e fluidità nelle operazioni di prenotazione
• In caso di errore, i dati già inseriti non vengono cancellati
• La segnalazione degli errori (ove presente) è tempestiva e chiaramente segnalata
all’utente;
• Nei messaggi di errore vengono indicati in modo specifico la natura dell‟errore e il
procedimento necessario per correggerlo.
• È presente il motore di ricerca interno al sito

Punti di debolezza:
• Non sono presenti campi da compilare sulla tutela della privacy
• Il motore di ricerca avvia una ricerca a volte troppo vasta
• Il sito non permette di comunicare con i gestori dello stesso in caso di necessità

35
3.4 CONTENUTO

Valutazione:

Sottocaratteristica Voto Peso Voto pesato


Categorizzazione/labelling 3 1 3
Stile 2 1 2
Informazione 3 1 3
Localizzazione 4 1 4

Legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo

Analisi

Categorizzazione/Labelling

La categorizzazione delle informazioni è adeguata alle aspettative dell’utente e l’informazione


è raggruppata in modo adeguato agli obiettivi del sito (cioè consentire la ricerca di ostelli, le
offerte del mese e l’eventuale prenotazione).
Anche il labelling utilizzato nel sito è chiaro, in modo da permettere all’utente di procedere
senza particolari impedimenti nella ricerca delle informazioni e di definire in modo
consistente e preciso la suddivisione delle varie sezioni del sito.

Stile

Lo stile adottato nel sito esprime i concetti in modo conciso, preferendo paragrafi brevi. Le
informazioni dettagliate di un ostello compaiono tutte nella stessa pagina, rendendo
necessario uno scroll verticale.
Quando ci sono più opzioni invece, le informazioni vengono suddivise su più pagine: nella
prima pagina, viene mostrata la parte iniziale del testo e il collegamento ipertestuale ad una
nuova pagina per la descrizione completa, mentre nella seconda vengono presentati tutti i
dati. Il link ipertestuale è evidenziato in modo chiaro con la parola “more” in arancione.
Lo stile di redazione dei contenuti è apparso adeguato agli obiettivi del sito e ai suoi utenti e
coerente in ogni pagina visitata.
Altri link ipertestuali sono utilizzati per rimandare direttamente a delle pagine interne del
sito, agevolando la navigazione all’utente.
I contenuti sono inoltre strutturati in titoli, in alcune sezioni è stata privilegiata una redazione
a punti, più schematica e sintetica. Non ci sono parti di testo evidenziate in grassetto o con un
altro colore.

36
Pagina con la lista degli ostelli a Parigi; breve presentazione e link alla pagina per la
descrizione completa

Informazione

Le informazioni presenti all’interno del sito sono adeguate agli scopi che lo stesso si prefigge,
cioè fornire agli utenti le offerte e le informazioni utili e dettagliate sugli ostelli per la
gioventù, in modo da consentire loro di prendere decisioni sulla prenotazione dell’ostello che
più gli si addice. Le informazioni sono complete e precise ed il loro aggiornamento costante.

Localizzazione

Il sito, oltre alla versione in inglese, è disponibile anche in tedesco, spagnolo e francese.
Possiamo quindi definirlo un sito internazionale.

Sintesi

Punti di forza:
• Categorizzazione degli argomenti ed etichette ben definite;
• Concetti chiari e concisi
• Sito internazionale
Punti di debolezza
• Le informazioni compaiono nella stessa pagina, rendendo necessario uno scroll
verticale

37
3.5. GESTIONE

Valutazione:
Sottocaratteristica Voto Peso Voto Pesato
Disponibilità 4 1 4
Monitoraggio 1 1 1
Aggiornamento 2 1 2
Relazione con gli 3 1 3
utenti

Legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo

Analisi

Disponibilità
Nel periodo di analisi, il sito è risultato sempre reperibile.
La disponibilità è risultata ottima in quanto il sito è reperibile 24 ore su 24; in questo modo il
cliente ha la possibilità di accedervi a qualsiasi ora del giorno e della notte per prenotare
l’ostello desiderato.
Attraverso NetCraft siamo in grado di fornire anche le statistiche sull'uptime del servizio:
http://uptime.netcraft.com/up/graph?site=www.hihostels.com

Monitoraggio

Non è stato possibile ottenere dati riguardo al monitoraggio del sito, non avendo l'opportunità
di accedere ai log file. Non esistono questionari on-line per raccogliere le opinioni degli utenti
sul sito. È presente un indirizzo e-mail, info@hihostels.com
ma è specifico per le informazioni sul booking. Non siamo in grado di sapere se ci si può
rivolgere anche nel caso in cui si abbiano delle opinioni da comunicare.

Aggiornamento

Nel sito, nella sezione “special offers”, sono presenti post datati il 31 agosto. Non c’è quindi un
aggiornamento giornaliero. Lo si denota anche dal fatto che sono presenti post del 19 gennaio
che non sono stati rimossi o sostituiti.
Non è presente, comunque, un'indicazione chiara relativa alla data di ultimo aggiornamento.

38
I vecchi post non vengono rimossi né sostituiti

Abbiamo utilizzato Xenu's Link Sleuth per verificare la presenza di link spezzati all’interno
del sito. Sono stati rinvenuti link spezzati (in rosso), principalmente a file di immagini e fogli
di stile, ma anche in html. Questo può arrecare disagio nell’utente, che non viene portato nella
pagina clicckata.

Relazioni con gli utenti


Il sito prevede la possibilità di inviare e-mail per richiedere informazioni; sono inoltre
presenti dei call center di assistenza telefonica per avere informazioni sull’ostello prenotato.
Inoltre, nella sezione “Hi booking centers” l’utente può trovare il centro HI più vicino – con
tanto di indirizzo e-mail e numero telefonico – per ottenere maggiori informazioni ed
effettuare la prenotazione e il pagamento in contanti, se l’utente non risponde di internet o di
carta di credito.

Sintesi

Punti di forza:
• Il sito è attivo 24H
• Il sito fornisce diversi modi per mettere l’utente in contatto con loro

39
Punti di debolezza
• L’aggiornamento non è continuo, alcuni vecchi contenuti non sono stati rimossi
• Presenza di link spezzati, principalmente di file di immagini e fogli di stile

3.6. ACCESSIBILITÀ

Valutazione:
Sottocaratteristica Voto Peso Voto pesato
Tempi d’accesso 2 1 2
Reperibilità 2 1 2
Indipendenza dal 3 0.75 2.25
browser
Accessibilità per 1 0.25 0.25
disabili

Legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo

Analisi:

Tempi d’accesso
Per valutare la dimensione delle pagine del sito ed il relativo tempo d’accesso, è stato
utilizzato il software on-line http://watson.addy.com.
Nella seguente tabella, vengono riportati i risultati ottenuti valutando la home page del sito:
(N.B.: al responso si è visualizzata questa informazione: “I'm sorry, but your page is 127418
bytes, which is more than I'm allowed to try and perform certain tasks on. Doing what I can”).

Tempo di download dell’home page del sito

Dai dati riportati in tabella, l’home page risulta avere una dimensione di circa 130Kb.
In Italia la banda larga non è ancora molto diffusa (solo il 39%, dati Eurostat 2009), quindi
prenderemo in considerazione per lo più i dati derivanti dai modem tradizionali (56K).
L’utente impiega circa 40 secondi per scaricare l’home page,un tempo lungo ma normale per
una connessione lenta come quella a 56K.

40
Effettuando anche l’analisi ad una pagina interna al sito, ad esempio la pagina relativa alla
ricerca dell’ostello, i risultati ottenuti sono i seguenti:

Tempi di download relativi alla ricerca ostello

La pagina ha una dimensione di circa 140Kb, appesantita a causa delle immagini; i tempi di
visualizzazione però restano sempre nella media(40secondi).

Reperibilità

Nonostante la popolarità dell’organizzazione, sarebbe difficile per l’utente arrivare al sito


senza conoscerne il link completo.
Per vedere se il sito è facilmente reperibile dai motori di ricerca, abbiamo effettuato delle
ricerche attraverso Google, Yahoo! Search, MSN Live Search.
Nella seguente tabella vengono riportati i risultati di tale ricerca, mostrando, per ogni motore
di ricerca, la posizione in graduatoria del sito www.hihostels.com nella pagina dei risultati
(ottenuta utilizzando diverse parole chiave).

Chiavi di ricerca Google Yahoo! Search Msn Live Search


Hostelling 2° della pagina 1°della pagina 2°(dopo sito
International sponsorizzato)
Hostel 7°della pagina Non presente nelle Non presente nelle
prime 10 pagine prime 10pagine
hostels 5°della pagina In 5°pagina In 5°pagina
Hostels booking 4° della pagina In 5°pagina In 3°pagina
Find hostel 6°della pagina In 5°pagina Non presente nelle
prime 10pagine
Cheap hostels Non presente nelle In 5°pagina Non presente nelle
prime 10pagine prime 10pagine
Hostels in Rome 6°in prima pagina Non presente nelle In 6°pagina
prime 10 pagine

Esaminando gli esiti delle ricerche riportati nella tabella, si nota che specificando nei motori
di ricerca il nome completo dell’organizzazione, "Hostelling International”, il sito compare
nella prima pagina in tutti e tre i casi. Invece, utilizzando chiavi di ricerca più generiche, il sito
o non compare nelle prime dieci pagine dei risultati oppure tra la 4° e la 5°pagina,
comparendo invece altri siti di hostel bookers. Questo potrebbe essere uno svantaggio per
l’organizzazione, poiché raramente gli utenti continuano la ricerca oltre le prime tre pagine.

41
Anche attraverso una ricerca più particolareggiata – ad esempio ostelli a Roma – soltanto
Google, che è il motore di ricerca più grande al mondo, visualizza un link in prima pagina; gli
altri motori o non lo visualizzano o lo visualizzano alla 6°pagina.
In conclusione, occorrono interventi che migliorino la visibilità del sito nei motori di ricerca,
affinché questo compaia nelle prime due pagine di risultati anche utilizzando termini di
ricerca generici (inserendo parole chiavi inerenti agli argomenti trattati nelle pagine
all’interno del meta tag “keywords”).

Utilizzando poi il servizio online gratuito offerto all’indirizzo: www.widexl.com/remote/link-


popularity, riportiamo il numero di pagine che referenziano il sito di Hostelling International,
cioè il numero di link presenti in siti esterni verso lo stesso.

Motore di ricerca N°referenze al sito www.hihostels.com


Google 33.800
Yahoo! Search 312.879
Msn Live Search 87.300

Basando la nostra analisi sui risultati ottenuti utilizzando i 3 motori di ricerca più noti del
web, si nota che il sito è abbastanza differenziato, ma la differenza tra il numero di risultati
restituiti da Yahoo! Search rispetto agli altri 2 motori di ricerca è estremamente consistente.

la posizione in classifica del sito Hi Hostels in base al numero di referenze possedute (confrontandole
con altri siti di vario genere).

42
Indipendenza dal browser

Per verificare l’indipendenza del sito dal browser, sono stati eseguiti dei test con:
• Internet Explorer 6 e 7 per Microsoft Windows;
• Mozilla Firefox 1.5 e 2 per Microsoft Windows.
Il sito è risultato accessibile in ognuno dei casi testati e non si sono riscontrati problemi ne
nella visualizzazione delle pagine ne nella navigazione delle stesse.
Accessibilità per i disabili
Per verificare i criteri di accessibilità al sito da parte di utenti disabili, sono stati eseguiti i test
del W3C per verificare la correttezza della sintassi HTML (http://validator.w3.org/) e del
foglio di stile associato alle pagine del sito (http://jigsaw.w3.org/css-validator/)
Per quanto riguarda la correttezza della sintassi, sono stati rilevati 3065 errori nel tag body,
mentre per quanto riguarda il foglio di stile associato, si è notata la presenza di elementi non
conformi agli standard del Web, riscontrando 10 errori.
Abbiamo tentato di fare il test per verificare se le pagine del sito rispondono ai criteri definiti
dal WAI (Web Content Accessibility Guidelines 1.0). all’indirizzo
http://sipt07.si.ehu.es/evalaccess2/servlet/Evaluate.
Ecco i risultati:

http://sipt07.si.ehu.es/evalaccess2/servlet/Evaluate

Sintesi

Punti di forza
• Indipendenza dal browser
• Tempi d’accesso non troppo lunghi per connessione 56K

43
Punti di debolezza
• Sito difficilmente reperibile dai principali motori di ricerca
• Numero di referenze da altri siti poco elevato
• Problemi rilevati al sito riguardo l’accessibilità per disabili

3.7. USABILITÀ

Valutazione:
Sottocaratteristica Voto Peso Voto pesato
Efficacia 3 1 3
Efficienza 2 1 2
Soddisfazione 3 1 3

Legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo

Analisi:

Test di usabilità

Il test di usabilità è stato condotto servendoci di 5 utenti con differente formazione e


conoscenza del web ed assegnando loro compiti tipici da eseguire.
Dopo una attenta osservazione, sono stati raccolti e analizzati i dati ed espresse conclusioni
sulla base degli stessi. Nessuno degli utenti selezionati ha visitato in precedenza il sito in
questione; ciò permetterà di ottenere ottimi e validi risultati, non influenzati da precedenti
esperienze di fruizione del sito.
Gli utenti campione inoltre, appartengono alle categorie di utenti a cui il sito intende
rivolgersi (giovani, amanti dei viaggi, dimestichezza con le nuove tecnologie, budget ristretto,
ecc).
Le fasi del test sono state realizzate da entrambi i 2 componenti del team.
Le fasi sono:
• Preparazione del test
• Esecuzione del test
• Analisi dei risultati
• Conclusioni

Le metriche utilizzate per la valutazione dell’usabilità del sito sono:


• Il tempo richiesto per svolgere un determinato compito;
• Il tasso di errore;
• La soddisfazione dell‟utente;
• La percentuale dei compiti portati a termine con successo.

Per la valutazione dell’usabilità del sito, è stata utilizzata la tecnica del “Thinking aloud”, per
attuare la quale abbiamo chiesto a ciascuno degli utenti campione di svolgere un compito e,
contemporaneamente, di esprimere ad alta voce le proprie impressioni.

44
Compiti da svolgere:

È stato chiesto ad ogni utente di svolgere i seguenti 4 compiti:


1. Cercare gli ostelli disponibili per Lisbona a partire dal 3 novembre 2010 fino al 10
novembre 2010, visualizzare le foto di uno o di tutti.
2. Simulare una prenotazione – fino alla pagina di inserimento dati carta di credito per
New York dal 3 al 10 novembre 2010
3. Cercare un ostello nella destinazione del mese – in questo caso Cuba - e vedere la
disponibilità di un ostello a l’Havana dal 18 al 24 settembre
4. Consultare la pagina “Inspire me” individuare la sezione “World heritage”

Utente campione

A ciascun utente campione, è stato chiesto di compilare il seguente questionario (in modo da
conoscerne le caratteristiche e la preparazione):
1. Nome
2. Età
3. Titolo di studio
4. Professione
5. Esperienza d’uso del web (scarsa, media, buona, ottima)
6. Numero di ore alla settimana trascorse sul web (meno di 5, tra 5 e 10, più di 10)
7. Hai già utilizzato il sito in esame?
8. Hai mai utilizzato siti simili?

Risposte al questionario

Domanda Utente1 Utente 2 Utente 3 Utente 4 Utente 5


Nome Antonia Ferdinando Nelda Daniele Valentina
Età 35 29 25 30 18
Titolo di studio Laureata Laureato Laureata Laureato Diplomata
Professione Insegnante Fonico Studentessa Disoccupato inoccupata
universitaria
Esperienza del buona ottima media Buona Scarsa
web
Ore trascorse sul Tra 5 e 10 Più di 10 Meno di 5 Più di 10 Meno di 5
web
Utilizzo No no no No no
precedente del
sito
Utilizzo siti No no sì No no
simili

Esecuzione

Utente 1
• Compito 1

45
Appena collegatosi al sito, l’utente individua subito la form centrale da dove effettuare la
ricerca. Trova un minimo di difficoltà perché inizia a cercare “Lisbona” nella prima casella in
cui c’è scritto “country”. Una volta capito questo piccolo inconveniente, compila la form e
cliccka su “Search”. La pagina rileva 4 ostelli disponibili in quel periodo. L’utente scorre la
pagina e decide di visualizzare solo le foto del 3°”perché è in zona centrale”.

Risultato: il compito è stato portato a termine in 1:11 secondi

• Compito 2
L’utente compila – questa volta senza errori – la form con i dati necessari per il booking, poi
cliccka su “search”. Viene visualizzato un solo ostello disponibile, l’utente decide di prenotarlo
senza visualizzare foto né info sull’ostello, clicckando su “Proceed to booking”. Dopo una
rapida lettura, inserisce l’opzione di prenotazione più economica. Effettua anche la
conversione di preventivo in euro. Cliccka su “next”. La pagina chiede all’utente di inserire
l’indirizzo e mail e se è un nuovo cliente o già in possesso di password. L’utente inserisce
l’indirizzo mail e cliccka su “new costumer”, poi cliccka su “Login”, arrivando alla pagina
conclusiva del booking, con la compilazione dei dati di carta di credito.

Risultato: il compito è stato portato a termine in 1:58 minuti

• Compito 3

Dalla home page, l’utente nota il banner “Hi destination of the month” e cliccka. Si apre una
pagina con informazioni sugli ostelli a Cuba; l’utente è disorientato perché non sa da dove
arrivare agli ostelli in offerta per l’Havana. Scorrendo la pagina, trova un link in basso in cui è
scritto “Havana” e cliccka. Appare la pagina con l’ostello in offerta a l’Havana. L’utente
inserisce i dati nel form per il booking per visualizzarne la disponibilità per il periodo da noi
suggerito.

Risultato: il compito è stato portato a termine in 2:08 minuti

• Compito 4
L’utente accede alla sezione dal menù di secondo livello; clicckandoci compaiono le varie
sezioni di “inspire me”. Con lo scrollbar, arriva alla fine della pagina, individua la sezione
“world heritage”.

Risultato: il compito è stato portato a termine in 0:35 secondi

Utente 2

• Compito 1
L’utente inserisce i dati nella form, scegliendo la data clicckando sull’icona del calendario, che
facilita l’inserimento dati. Appare la pagina con gli ostelli disponibili in quel periodo; l’utente
visualizza tutte le foto di tutti gli ostelli. Infine sceglie l’ostello.

Risultato: il compito è stato portato a termine in 2:27 minuti


• Compito 2
L’utente osserva le voci del form, inserisce “Usa” per velocizzare la ricerca. Clicckando sul
tasto “N” poi, individua New York, utilizza nuovamente l’opzione grafica del calendario per
inserire la data e cliccka su “Search”. Appare la pagina dell’ostello, dà una rapida lettura e
cliccka su “book”. Senza leggere, scorre alla fine della pagina e cliccka su “Next”, appare la
46
pagina in cui inserire indirizzo mail. L’utente lo inserisce e cliccka su “Login”, che lo porta al
form dove inserire gli estremi di pagamento.

Risultato: il compito è stato portato a termine in 1:29 minuti

• Compito 3
L’utente, dalla home page, visualizza sia il banner che il menu di secondo livello, ma decide di
clicckare sul banner “perché credo sia più diretto”. Il banner lo porta alla pagina informativa
su Cuba, l’utente cliccka sul link Havana, appare la pagina col form di compilazione dati;
inserisce i suoi dati e verifica la disponibilità per il periodo da noi suggerito.

Risultato: il compito è stato portato a termine in 1:21 minuti

• Compito 4
L’utente cliccka sul banner “Inspire me” che si trova sul form per la compilazione dati “che
avevo visto già prima durante la navigazione”. Appare la pagina con le varie sezioni
tematizzate degli ostelli; l’utente scorre la pagina e trova in fondo “World heritage”,
cliccandoci su.

Risultato: il compito è stato portato a termine in 0:30 secondi

Utente 3

• Compito 1

L’utente inizialmente inserisce dati sbagliati (Italy e Rome), pensando di dover inserire la sua
localizzazione geografica. Poi si rende conto dell’errore e inserisce i dati esatti. Clicca su
“search” e compare la pagina con gli ostelli presenti a Lisbona. Clicca sulla prima immagine del
primo ostello che compare e visualizza le foto. Non chiude la finestra pop up con la gallery e
clicca sul secondo ostello. Le foto sono nella finestra pop up ridotta a icona, ma l’utente ci
mette un po’ a capire che è finita in fondo alla barra del menu. Al terzo ostello visualizza
correttamente la finestra pop up.

Risultato: il compito è stato portato a termine in 2:49 secondi

• Compito 2

L’utente inserisce correttamente i dati richiesti, passando alla pagina successiva. Dà una
rapida lettura alle info e va a visualizzare la gallery. Scorre in fondo alla pagina, poi risale su
“Book”. È inizialmente disorientata, non sa se cliccare su “proceed to booking” o “Add my
itinerary”, decide di cliccare sul primo perché influenzata dal colore arancione del pulsante.
Procede alla pagina successiva, seleziona una scelta di pernottamento e clicca su “next”.
Inserisce senza problemi il suo indirizzo mail, cliccando anche su “remembrer me next time”,
clicca su “Login”, arrivando alla pagina con il form per gli estremi di pagamento.

Risultato: il compito è stato portato a termine in 2:21 minuti


• Compito 3

Dall’home page, l’utente entra nella sezione richiesta attraverso “Hi suggest”, cliccando dalla
foto che si trova nella parte centrale del sito. Si apre la pagina generica, con le offerte del mese
ma anche con quelle dei mesi precedenti. Clicca su “Cuba september 2010”, si apre la pagina
47
informativa su Cuba. L’utente scorre la pagina, non capisce però da dove effettuerà la ricerca.
prova a cliccare sul link “Discover Cuba”, si apre la pagina con il form del booking. Inserisce
quindi i dati da noi forniti ed effettua la ricerca. Compare il sito disponibile per quella data,
clicca su “Book”.

Risultato: il compito è stato portato a termine in 3:13 minuti

• Compito 4

All’apertura dell’home page, sul banner – che si aggiorna automaticamente – compare la


scritta “Interest of world Heritage?”. L’utente quindi clicca sul banner, aprendosi la sezione
“Inspire me”. Scorre fino alla fine della pagina e trova alla fine la sezione “world heritage”.

Risultato: il compito è stato portato a termine in 0:38 secondi

Utente 4

• Compito 1
L’utente compie velocemente il compito perché subito visualizza la form di prenotazione,
“Search hostels worldwilde”. Inserisce i dati e successivamente visualizza le foto degli ostelli.

Risultato: il compito è stato portato a termine in 1:15 minuti

• Compito 2
L’utente compie lo stesso procedimento, cambiando solo la città di destinazione. Appare la
pagina con le varie offerte, l’utente legge i vari “pacchetti”proposti e seleziona il più
economico. Procede con il booking, appare la pagina dove inserire l’indirizzo e-mail, inserisce
la mail e procede con il login, fino ad arrivare alla pagina con gli estremi di pagamento.

Risultato: il compito è stato portato a termine in 3:00 minuti.

• Compito 3
L’utente viene subito attirato dal banner “vistoso” che segnala la destinazione del mese, clicca
sul banner e apre la pagina informativa. Scorre la pagina dall’alto al basso, poi individua il link
“Havana” e ci clicca su. Compila la form con i dati da noi assegnati e procede con la
prenotazione.

Risultato: il compito è stato portato a termine in 2:49 minuti

• Compito 4
L’utente visualizza il banner con l’immagine che si aggiorna, clicca su “Inspire me”. Appare la
pagina con le varie sottosezioni, l’utente scorre con il mouse leggendo attentamente le
didascalie, poi trova la sezione interessata e ci clicca su.

Risultato: il compito è stato portato a termine in 0:40 secondi

Utente 5
• Compito 1

48
L’utente dà una visualizzazione generica all’homepage, poi individua e compila la form con i
dati da noi suggeriti. Compare la pagina con gli ostelli ricercati, l’utente clicca sulla foto del
primo ostello che compare in alto alla schermata, senza scendere con lo scrollbar in basso.

Risultato: il compito è stato portato a termine in 1:14 secondi

• Compito 2
Dall’homepage, l’utente inserisce solo New York nel campo “City”, inserisce la data e clicca su
“Search”. Compare l’ostello, l’utente non ha dimestichezza con l’inglese e prova a cliccare in
campi non cliccabili. Dà una visualizzazione generale alla pagina, poi clicca su “Add itinerary”,
riconoscendo l’icona del carrello. La prenotazione viene registrata in alto a destra, l’utente
quindi procede con “continue to booking”. Visualizza la pagina con le varie opzioni, non
sceglie nessuna opzione, fa però la conversione in euro. Alla pagina successiva, non vuole
inserire la mail e cerca comunque di continuare la prenotazione. Il sistema evidenzia in rosso
il campo non compilato con l’indirizzo mail, l’utente allora inserisce il suo indirizzo e prosegue
con la prenotazione, fino ad arrivare alla pagina con il form per gli estremi di pagamento.

Risultato: il compito è stato portato a termine in 2:43 minuti

• Compito 3

L’utente clicca sul banner, si apre la pagina informativa su Cuba. L’utente legge qualcosa, non
capisce bene dove deve prenotare,non clicca sui link fella pagina ma clicca su “search hostels”,
il pulsante all’interno di “my itinerary”. Ovviamente non si apre la pagina con le destinazioni
del mese, ma l’utente inserisce comunque i dati da noi forniti per la prenotazione.
Arriva comunque alla visualizzazione dell’ostello.

Risultato: il compito è stato portato a termine in 2:08 minuti

• Compito 4
L’utente dalla home page legge “Inspire me” e clicca sul banner pubblicitario. Appare la pagina
con le sottosezioni, l’utente effettua uno scrollo verticale, fino ad individuare la sezione da noi
richiesta e ci clicca su.

Risultato: il compito è stato portato a termine in 0:42 secondi

Compito1 Compito2 Compito3 Compito4


esito tempo esito Tempo esito tempo esito tempo
Utente1 O 1:11 O 1:58 O 2:08 O 0:35
Utente2 O 2:27 O 1:29 O 1:01 O 0:20
Utente3 O 2:49 O 2:21 O 3:13 O 0:38
Utente4 O 1:15 O 3:00 O 2:49 O 0:40
Utente5 O 1:14 O 2:43 O 2:08 O O:42

Legenda: “O” compito completato totalmente,


”/” compito completato parzialmente,
“X”compito abbandonato

49
Questionario post-test
Al termine del test di usabilità, è stato chiesto a ciascun utente di rispondere ad alcune
domande per comprendere il livello di gradimento del sito; vengono di seguito riportate le
risposte.

1.Quale impressione generale ti ha fatto il sito?


Antonia È facile da usare
Ferdinando Sono presenti troppi link che portano alla
stessa destinazione,dovrebbe essere più
chiaro
Nelda Non sono pratica di siti, ma mi è sembrato un
po’troppo confusionario
Daniele Abbastanza chiaro, l’unica confusione la
danno le numerose voci presenti
Valentina Il sito mi sembra buono

2. Quali aspetti ti sono piaciuti di più e perché?


Antonia Le foto dettagliate degli ostelli
Ferdinando La form di prenotazione alla home page
Nelda Le foto e le informazioni dettagliate
Daniele Il form per la ricerca al centro della home
page
Valentina Il fatto che tutto quello che serve si trova
sulla home page

3.Quali aspetti non ti sono piaciuti affatto e perché?


Antonia Le vecchie prenotazioni che non si cancellano
Ferdinando Troppo testo nella pagina info degli ostelli
Nelda Per alcuni aspetti è troppo confusionario
Daniele Font e foto piuttosto piccoli e veste grafica
poco accattivante
Valentina Caratteri piccoli di testo

4.Quali parti o funzioni secondo te sarebbe utile aggiungere al sito?


Antonia Non saprei
Ferdinando La form di prenotazione alla home page
Nelda Non so, non sono un’esperta
Daniele Una pagina interattiva per gli utenti del sito
dove suggerire gli ostelli migliori,inserire
foto e commenti
Valentina La traduzione del sito anche in italiano

50
5. Quali parti o funzioni secondo te si potrebbero eliminare?
Antonia Non saprei
Ferdinando Non ho avuto modo di visualizzarlo al
completo
Nelda Nessuna
Daniele La voce hostels worldwide, nel primo
sottomenu, che riporte sempre alla main
page
Valentina Credo nessuna

6. La struttura del sito ti è sembrata adeguata?


Antonia Sì
Ferdinando Abbastanza, forse eliminerei delle voci dai
menu
Nelda Sì
Daniele Sì,ma alcune voci del menu sono ripetitive
Valentina Sì

7. Come si potrebbe migliorare?


Antonia Non saprei
Ferdinando Portando la sezione “destination of the
month” al menu di primo livello,
aggiornandolo.
Nelda Non so, non sono un’esperta
Daniele Semplificando la struttura
Valentina La traduzione del sito anche in italiano

8. Ti è sembrato facile navigare nel sito?


Antonia Abbastanza
Ferdinando Sì
Nelda A volte mi sono trovata disorientata, però sì
Daniele Abbastanza
Valentina Tranne in alcuni casi, per il resto sì

9. Hai dei miglioramenti da suggerire?


Antonia No
Ferdinando Rendere il banner pubblicitario più evidente,
magari in flash
Nelda No
Daniele Semplificare la struttura
Valentina La traduzione anche in italiano

10. I termini usati sono di facile comprensione?


Antonia Sì
Ferdinando Sì

51
Nelda Sì
Daniele sì
Valentina Abbastanza, all’inizio non mi era chiaro “HI”

11. A tuo parere la home page fa capire subito lo scopo del sito?
Antonia Sì,ma io conoscevo il logo
Ferdinando Sì
Nelda Sì
Daniele sì
Valentina Sì

12. Hai dei miglioramenti da suggerire?


Antonia No
Ferdinando Eliminare un po’di banner
Nelda No
Daniele Semplificare la struttura del sito
Valentina Fare il form di prenotazione più grande

13. Il sito ti sembra coerente con l’immagine che l’azienda vuole dare?
Antonia Sì
Ferdinando Abbastanza
Nelda Sì
Daniele sì
Valentina Sì

14. Ti piace la grafica del sito?


Antonia Sì, è molto semplice
Ferdinando Non molto, c’è troppo materiale sull’home
page
Nelda No
Daniele Non molto
Valentina Avrei utilizzato altri colori

15. Trovi che i caratteri siano ben leggibili?


Antonia Secondo me sono troppo piccoli
Ferdinando Non sono abbastanza grandi
Nelda No
Daniele Sono piccoli
Valentina Sì

16. Trovi che le immagini siano ben scelte?


Antonia Sì, corrispondono con il testo
Ferdinando Abbastanza
Nelda Sì
Daniele Sono troppo standardizzate
Valentina Alcune non sono chiare

17. Lo stile usato per i testi è leggibile?


Antonia Sì

52
Ferdinando Si
Nelda Sì
Daniele sì
Valentina Sì

18. Ti sembra che sia facile trovare le informazioni nel sito?


Antonia Sì
Ferdinando I menu di primo livello sì
Nelda In alcuni casi è un po’disorientante
Daniele Abbastanza
Valentina A parte la sezione della destinazione del
mese

19. Il sito ti è sembrato nel complesso facile da usare?


Antonia Nel suo complesso sì
Ferdinando Sì abbastanza intuitivo
Nelda Non sempre immediata
Daniele Sì
Valentina Abbastanza

20. Come giudichi questo sito in rapporto a siti analoghi che già conosci? (specifica
quali)
Antonia Non ho mai utilizzato siti di prenotazione
ostelli
Ferdinando Ho utilizzato siti di booking online ma non di
ostelli
Nelda Non conosco altri siti
Daniele È poco aperto al contributo degli utenti
Valentina Non so,non conosco altri siti

53
Elenco dei problemi individuati

Nella seguente tabella, vengono riportati i problemi individuati durante il test di usabilità
sulla base delle informazioni forniteci dagli utenti campione e sulle nostre impressioni al
termine del test. A ciascun problema, corrisponde una lettera che indica il livello di
importanza corrispondente allo stesso, in base alle difficoltà che potrebbe comportare in
termini di usabilità del sito. I problemi più rilevanti vengono contrassegnati con la lettera A,
quelli di media entità con la lettera B, mentre quelli meno significativi con la lettera C. Il metro
di giudizio con il quale è stato assegnato il grado di priorità ad ogni problema, è basato sul
numero di volte in cui lo stesso è stato riscontrato da parte degli utenti campione e sugli
effetti che questo ha comportato sul completamento del compito loro richiesto.

Problema identificato Priorità


Le sezioni informative sono piene di testo e B
creano confusione
La sezione “destination of the month” ha A
poco chiara la modalità di booking e allunga
il procedimento
Le offerte del mese hanno contenuti vecchi e A
non aggiornati
A volte, dalla pagina di inserimento degli B
estemi di pagamento, non è possibile tornare
indietro con la freccia
La form per il booking non cancella i dati B
precedentemente inseriti
In alcune sezioni lo scrollbar verticale è A
troppo lungo
Manca il contatto mail del web master C
Presenza di link spezzati per le immagini C
È difficilmente reperibile sui motori di A
ricerca
Problemi di accessibilità per utenti disabili A
Il motore di ricerca effettua una ricerca B
troppo ampia
Manca traduzione in italiano C
La grafica della home è troppo piena di B
elementi e poco accattivante
I caratteri del testo sono troppo piccoli A

EFFICACIA
Ognuno degli utenti campione prestatisi al test di usabilità ha terminato i compiti assegnati.
Non sono stati rilevati aspetti che riducano l’efficacia del sito in base alle conoscenze
pregresse possedute dagli utenti, all’età o al tipo di formazione scolastica.

54
EFFICIENZA
Si è notato un lieve aumento dei tempi di svolgimento di alcuni compiti da parte degli utenti in
base al tipo di conoscenza del web posseduta; più questa era bassa, più i tempi per il
raggiungimento dell‟obiettivo si allungavano. Alcuni tempi si sono allungati anche in base a
delle distrazioni o delle mancanze degli utenti, più che per problemi di efficienza del sito
stesso.

SODDISFAZIONE
Riportiamo nella seguente tabella i dati sul livello di gradimento espresso dagli utenti
campione in relazione ad ogni singolo compito richiesto (scala di voto: da 1 a 5).

Utente 1 Utente2 Utente 3 Utente 4 Utente 5 Media


Compito1 3 3 3.5 3 3 3.8
Compito2 3 3 2 3 3 3,5
Compito3 3 2.5 2 3 1.5 3
Compito4 4 4 4 4 4 5

I compiti il cui svolgimento ha soddisfatto meno gli utenti sono, il secondo e il terzo, dai quali
valori assegnati deduciamo che che queste funzioni sono poco chiare e quindi poco
apprezzate e necessiterebbero una modifica.
In particolare, il compito 3 riguardava la ricerca e la prenotazione dell’ostello della
destinazione del mese. Qui quasi tutti gli utenti hanno riscontrato difficoltà nell’individuare il
link che li portasse alla pagina di prenotazione. Alcuni, come l’utente 5, hanno perso molto
tempo, allungando anche il percorso di booking.
Sarebbe il caso di rendere i link più visibili o magari di realizzare un pulsante che porti
direttamente alla prenotazione, mettendo le informazioni in una pagina a parte, linkabile solo
da chi ne vuole usufruire.

55
3.8. SINTESI

Qui sotto, vengono riportate la tabella riassuntiva dei voti assegnati alle varie
sottocaratteristiche durante la valutazione del sito e il relativo diagramma a stella:

Caratteristica Voto Peso Voto pesato


Architettura 3.00 2.50 3.00
Struttura 3 1 3
Mappa del sito 3 0.5 1.5
Navigazione 3 1 3
Comunicazione 2.6 3.00 2.67
Home page 3 1 3
Brand image 3 1 3
Grafica 2 1 2
Funzionalità 3.00 2.00 3.00
Adeguatezza 3 1 3
Correttezza 3 1 3
Contenuto 3.00 4.00 3.00
Categorizzaione/Labelling 3 1 3
Stile 2 1 2
Informazione 3 1 3
Localizzazione 4 1 4
Gestione 2.5 4.00 2.5
Disponibilità 4 1 4
Monitoraggio 1 1 1
Aggiornamento 2 1 2
Relazione con gli utenti 3 1 3
Accessibilità 2.00 3.00 2.16
Tempi d’accesso 2 1 2
Reperibilità 2 1 2
Indipendenza dal browser 3 0.75 2.25
Accessibilità per disabili 1 0.25 0.25
Usabilità 2,67 3.00 2,67
Efficacia 3 1 3
Efficienza 2 1 2
Soddisfazione 3 1 3

56
Diagramma a stella per caratteristiche del sito

Dal diagramma si evince che il sito ha difetti nella gestione, nell’usabilità e nell’accessibilità,
mentre ha quasi il massimo in funzionalità e comunicazione.

Diagramma con valutazione relativa alle singole caratteristiche


57
4. RACCOMANDAZIONI FINALI

Priorità 1: Interventi indispensabili e urgenti

• Ingrandire la dimensione del font


Per i testi presenti nel sito sarebbe più idoneo utilizzare una dimensione del font più grande,
dal momento che la maggior parte degli utenti campione ne hanno evidenziato la necessità nel
test di usabilità, lamentando la presenza di caratteri eccessivamente piccoli e quindi poco
leggibili;
• Semplificare la struttura del sito
Dal test è risultato che molte voci del menu di secondo livello sono una ridondanza del primo;
risultando quindi superflue e anche confusionare a chi naviga.
• Aggiornare la pagina delle offerte
Dalla visualizzazione del sito è risultato che sono presenti offerte anche dello scorso anno;
sarebbe necessario eliminarle dalla pagina, inserendo aggiornamenti

Priorità 2: Interventi consigliati ma meno urgente

• Permettere la comunicazione diretta con il web master


Mettere in contatto l’utente con il web master in caso di problemi con la navigazione del sito
• Migliorare la visibilità del sito nei motori di ricerca
La visibilità del sito nei motori di ricerca è molto scarsa; si consiglia di rendere il sito più
reperibile utilizzando nel meta tag “keywords”, presente all‟interno del codice HTML, delle
parole chiave che corrispondano al contenuto delle pagine
• Sfoltire le pagine informative di testo
Rendere, attraverso l’uso di link, le pagine in cui compaiono le info dell’ostello più snelle,
sfoltendole del testo in eccesso, evitando anche il continuo scrollbar
• Rendere la ricerca del motore di ricerca meno vasto
Il risultato al motore di ricerca è troppo generico; sarebbe preferibile utilizzare dei tag per
rendere la ricerca più mirata

Priorità 3: Interventi auspicati

• Restyling grafico
Rinnovare l’aspetto grafico del sito, rendendolo più accattivante e meno da catalogo d’agenzia.
• Rispetto degli standard W3C
Si auspica la modifica del codice delle pagine HTML e dei file CSS, affinché esso sia totalmente
conforme agli standard HTML, CSS e WAI del W3C

58
ALLEGATO: DESCRIZIONE DEL TEST DI USABILITÀ

a. OBIETTIVI DEL TEST


Il test di usabilità è stato condotto su 5 utenti campione con differente formazione ed
esperienza del web. Il loro livello di esperienza comprende le diverse sfumature che portano
da “Scarso” a “Ottimo” e i compiti richiesti per ottenere dei risultati significativi dal test di
usabilità sono stati i seguenti:
1. Cercare gli ostelli disponibili per Lisbona a partire dal 3 novembre 2010 fino al 10
novembre 2010, visualizzare le foto di uno o di tutti.
2. Simulare una prenotazione – fino alla pagina di inserimento dati carta di credito per
New York dal 3 al 10 novembre 2010
3. Cercare un ostello nella destinazione del mese – in questo caso Cuba - e vedere la
disponibilità di un ostello a l’Havana dal 18 al 24 settembre
4. Consultare la pagina “Inspire me” individuare la sezione “World heritage”

b. METODOLOGIA USATA
Per la valutazione dell‟usabilità del sito, è stata utilizzata la tecnica del “Thinking aloud”, per
attuare la quale abbiamo chiesto a ciascuno degli utenti campione di svolgere un compito e,
contemporaneamente, di esprimere ad alta voce le proprie impressioni.
Compito degli osservatori è stato prima, quello di spiegare il significato del test e rispondere a
domande sullo stesso, successivamente quello di osservare e prendere appunti durante il test
(errori dell’utente, tempo impiegato per ogni singolo compito, impressioni dell’utente
durante lo svolgimento dello stesso).
Il test con gli utenti, è stato effettuato in un 2 giorni distinti, analizzando nel primo giorno i
dati di 2 utenti e nel secondo quelli dei restanti 3.
Il tempo impiegato da ogni singolo utente è risultato relativo alla conoscenze pregresse
possedute dallo stesso, anche se in alcuni casi ci sono stati errori di distrazione, e varia da un
minimo di 5 minuti ad un massimo di 9 minuti.

Più precisamente:
• Utente 1 5:12 minuti
• Utente 2 5:17 minuti
• Utente 3 8:21 minuti
• Utente 4 7:04 minuti
• Utente 5 6:07 minuti

Al tempo precedente, va aggiunto quello impiegato per rispondere alle domande presenti nei
questionari pre e post test di valutazione (circa 20 minuti).
Il tempo complessivo del test di usabilità è quindi di circa 1 ora.
I risultati ottenuti dal test di usabilità sono stati discussi approfonditamente dal team di
valutazione per circa 1 ora prima di trarre le conclusioni e proporre miglioramenti.

59