UNIVERSITÀ DEGLI STUDI DI BRESCIA
CORSO DI LAUREA MAGISTRALE IN INGEGNERIA INFORMATICA
DIPARTIMENTO DI INGEGNERIA DELL’INFORMAZIONE
STUDIO DI USABILITÀ DEL SITO WEB
UNIEURO
Studenti
Matricola
 Francesco Bocchi
85416
 Massimo Bono
90878
 Davide Bonusi
90901
 Simone Brognoli
91660
 Dario Pellegrini
90871
ANNO ACCADEMICO 2013/2014
Indice
Indice
INTRODUZIONE...................................................................................................................................................... 4
CAPITOLO 1: DESCRIZIONE DEL SISTEMA ............................................................................................................... 5
1.1 PANORAMICA ..........................................................................................................................................................5
1.2 HOMEPAGE .............................................................................................................................................................7
1.2.1 Login...........................................................................................................................................................14
1.2.2 Recupero Password. ...................................................................................................................................14
1.2.3 Logout ........................................................................................................................................................15
1.3 DATI PERSONALI .....................................................................................................................................................15
1.4 REGISTRAZIONE ......................................................................................................................................................15
1.5 CARRELLO PERSONALE .............................................................................................................................................17
1.5.1 Consegna e pagamento .............................................................................................................................18
1.5.2 Riepilogo Ordine .........................................................................................................................................19
1.6 CATEGORIE............................................................................................................................................................20
1.7 ELENCO DEI PRODOTTI .............................................................................................................................................22
1.7.1 Filtro ...........................................................................................................................................................22
1.7.2 Lista prodotti ..............................................................................................................................................23
1.8 PAGINA DI DETTAGLIO DI UN PRODOTTO ......................................................................................................................25
1.9 RICERCA ...............................................................................................................................................................28
1.10 OUTLET AREA, MARCHE, GIFT CARD ........................................................................................................................28
1.10.1 Outlet area ...............................................................................................................................................29
1.10.2 Marche .....................................................................................................................................................30
1.10.3 Gift card ...................................................................................................................................................31
1.11 TROVA NEGOZI ....................................................................................................................................................33
1.12 ISCRIZIONE ALLA NEWSLETTER .................................................................................................................................35
1.13 ACQUISTA AL TELEFONO .........................................................................................................................................36
1.14 FOOTER ..............................................................................................................................................................37
CAPITOLO 2: PROFILO UTENTE ............................................................................................................................. 38
2.1 CARATTERISTICHE PSICOLOGICHE ...............................................................................................................................40
2.2 CARATTERISTICHE INDIVIDUALI ..................................................................................................................................41
2.2.1 Caratteristiche di conoscenza ....................................................................................................................41
2.2.2 Caratteristiche di esperienza ......................................................................................................................41
2.2.3 Caratteristiche fisiche.................................................................................................................................41
2.3 CARATTERISTICHE AMBIENTALI ..................................................................................................................................43
CAPITOLO 3: ANALISI CON METODI ISPETTIVI ...................................................................................................... 44
3.1 VALUTAZIONE EURISTICA ..........................................................................................................................................44
3.1.1 Briefing della valutazione euristica ............................................................................................................44
3.1.2 Fase di debriefing dell’analisi euristica ......................................................................................................47
3.2 WALKTHROUGH COGNITIVO .....................................................................................................................................97
3.2.1 Briefing del walkthrough cognitivo ............................................................................................................97
2
Indice
3.2.2 Fase di valutazione ...................................................................................................................................103
3.2.3 Prima fase di debriefing ...........................................................................................................................121
3.2.4 Seconda fase di debriefing .......................................................................................................................121
CAPITOLO 4: ESPERIMENTO CON GLI UTENTI .................................................................................................... 126
4.1 PIANIFICAZIONE....................................................................................................................................................127
4.1.1 Pianificazione degli aspetti generali ........................................................................................................127
4.1.2 Pianificazione della gestione in corso dell’esperimento ...........................................................................129
4.1.3 Pianificazione dell’analisi dei risultati ......................................................................................................130
4.1.4 Test di compito e Test di Scenario ............................................................................................................131
4.1.5 Utenti di test ............................................................................................................................................134
4.1.6 Pianificazione del test pilota ....................................................................................................................135
4.1.7 Documenti realizzati ................................................................................................................................136
4.2 DEBRIEFING DEL TEST PILOTA ..................................................................................................................................143
4.3 DEBRIEFING DEL TEST SUGLI UTENTI ..........................................................................................................................144
4.3.1 Caratteristiche del campione di utenti .....................................................................................................144
4.3.2 Commento al test con facilitatore ............................................................................................................146
4.3.3 Risultato osservazione compiti e scenari .................................................................................................147
4.3.4 Risultati post questionario .......................................................................................................................156
4.3.5 Grafici riassuntivi .....................................................................................................................................157
4.4 CONCLUSIONI ......................................................................................................................................................161
CAPITOLO 5: ACCESSIBILITÀ ............................................................................................................................... 163
5.1 ANALISI CON ACHECKER .........................................................................................................................................163
5.2 ANALISI CON SORTSITE ..........................................................................................................................................165
CAPITOLO 6: RIPROGETTAZIONE ....................................................................................................................... 167
6.1 RIASSUNTO DEI PROBLEMI ......................................................................................................................................167
6.1.1 Problemi di carattere generale ................................................................................................................167
6.1.2 Problemi in pagine specifiche ...................................................................................................................169
6.2 SOLUZIONI ..........................................................................................................................................................170
6.2.1 Soluzioni per i problemi generali ..............................................................................................................170
6.2.2 Soluzione per l’home page .......................................................................................................................181
6.2.3 Soluzione per la pagina Trova Negozi ......................................................................................................185
6.2.4 Soluzione per la pagina Elenco Prodotti ...................................................................................................190
6.2.5 Soluzione per la pagina Dettaglio Prodotto .............................................................................................195
BIBLIOGRAFIA .................................................................................................................................................... 198
ALLEGATI ........................................................................................................................................................... 199
3
Introduzione
Introduzione
L’elaborato documenta l’analisi di usabilità relativa al sito Unieuro ed è strutturato in sette
capitoli. Nel primo capitolo viene fornita una panoramica del portale in modo da avere una
visione la più ampia possibile del sito web. Nel secondo capitolo viene invece mostrato il profilo
di un utente qualunque che potrebbe utilizzare l’artefatto sotto esame. Dall’analisi effettuata si
passa quindi ad esaminare il sito cercando di individuare dei possibili problemi di usabilità; ciò è
stato fatto nel capitolo tre eseguendo sia un’analisi euristica che un walkthrough cognitivo. Dopo
i metodi ispettivi citati sono stati eseguiti dei test con utenti reali per completare l’analisi sui
problemi di usabilità: la documentazione relativa a tali verifiche è esposta nel capitolo 5. Si è
deciso di effettuare anche un piccola analisi circa l’accessibilità dell’artefatto in considerazione:
tale sezione è esposta nel capitolo 6. Ottenuti vari problemi di usabilità si è quindi passati alla
sintesi degli stessi per poi effettuare, nell’ultimo capitolo del documento, una riprogettazione di
alcune sezioni del sito particolarmente affette da problemi d’usabilità.
4
Capitolo 1: Descrizione del sistema
Capitolo 1: Descrizione del
sistema
In questo capitolo si offrirà una visione globale del sistema analizzato. Per prima cosa se ne
darà una panoramica generale in cui si visioneranno le funzionalità base del sito Unieuro.
In seguito verranno esposte varie sezioni in cui si descriverà ogni settore del sito: per ogni sua
parte, se ne darà una spiegazione, eventualmente corredata con alcune immagini esplicative.
1.1 Panoramica
Il sito web “http://www.unieuro.it” rappresenta l’interfaccia utente dell’azienda Unieuro. Lo scopo
di tale interfaccia è offrire all’utente vari servizi.
Il principale servizio offerto è quello della visione dei prodotti disponibili nei magazzini
dell’azienda: è possibile visionare prodotti come elettrodomestici, fotocamere, videocamere,
televisori e più in generale strumenti casalinghi. Per ogni prodotto è disponibile il prezzo di
vendita, nonché alcune specifiche tecniche ritenute importanti.
Benché i dati di un prodotto possano essere reperiti utilizzando le categorizzazioni previste dal
sito web, il portale offre anche la possibilità di ricercare un prodotto dal proprio nome,
utilizzando un’apposita barra di ricerca: tale barra consente quindi all’utente di cercare un
prodotto nell’intero sito web; in questo modo un utente può capire se Unieuro ha al momento un
particolare oggetto oppure se al momento tale prodotto non è presente in nessun magazzino
dell’azienda.
Relativo alla visualizzazione del prodotto il sito web prevede la possibilità di acquistare online
tali prodotti utilizzando il meccanismo del carrello. A tale proposito è prevista la possibilità di
effettuare una registrazione che velocizza il processo di acquisto e consente all’utente di tenersi
informato riguardo promozioni e sconti nei negozi Unieuro. Sempre per gli utenti interni
registrati, il portale prevede la possibilità di personalizzare il proprio profilo nonché di tenere
traccia di tutte le transizioni che egli ha effettuato.
Il sito web Unieuro offre anche informazioni circa i contatti dell’azienda: è possibile conoscere
quale sia il punto vendita più vicino a casa propria e ottenere il numero telefonico per contattare
il call center Unieuro e ricevere assistenza tecnica.
Un altro servizio importante offerto dal sito web è di informare l’utente circa le modalità con cui
egli può richiedere il servizio di installazione certificata dei prodotti precedentemente acquistati
nei negozi Unieuro o nel portale: il sito spiega come il tecnico effettuerà l’installazione e
consente il download dei documenti necessari per richiederne la messa in opera. Oltre al
servizio di installazione, il portale consente la visualizzazione delle informazioni sul servizio PC
nel quale è possibile richiedere l’avvio del certificato di un prodotto informatico acquistato:
anche qui sono disponibili le modalità con cui il tecnico opererà.
5
Capitolo 1: Descrizione del sistema
Il sito web permette inoltre la visualizzazione, tramite banner, di offerte e sconti attualmente
disponibili presso i negozi Unieuro e/o nel sito web stesso: ciò, insieme alle newsletter per gli
utenti registrati, garantisce la massima diffusione delle notizie riguardanti Unieuro.
6
Capitolo 1: Descrizione del sistema
1.2 Homepage
Di seguito un’analisi della homepage del portale Unieuro. Visualizzando la pagina web, la
descrizione degli elementi procederà dall’alto al basso e da sinistra a destra.
Figura 1 - Menu orizzontale delle categorie.
La prima sezione del sito web analizzata presenta le seguenti funzionalità:
●
●
●
●
●
●
●
Form per la ricerca di prodotti specifici.
Collegamento ipertestuale per accedere alla sezione “Negozi”.
Collegamento ipertestuale per i contatti generici dell’azienda.
Menu orizzontale di categorizzazione, grazie al quale è possibile accedere alle varie
categorie di prodotti presenti sul sito.
Collegamenti all’area Outlet, alle marche e alla sezione gift card.
Collegamenti per Twitter e Facebook.
Collegamenti per l’accesso al proprio carrello e al proprio profilo.
Se ci si posiziona su un tasto del menu di categorizzazione, è possibile visualizzare le categorie
di secondo e terzo livello relative alla categoria di primo livello selezionata. Inoltre sulla destra
appaiono dei prodotti d’esempio, sempre riguardanti la categoria di primo livello selezionata.
Sulla sinistra appare invece un link per accedere a una guida mirata al supporto nell’acquisto
dei prodotti relativi alla categoria di primo livello selezionata. Nel caso mostrato dalla figura che
segue, la guida per l’acquisto fornisce una descrizione relativa alle diverse tipologie di
televisioni (televisori LCD, LED...), decoder digitali ed home cinema.
Figura 2 - Dettagli categoria.
7
Capitolo 1: Descrizione del sistema
Proseguendo l’analisi della home page, si individua un’area dominata da un banner pubblicitario
dinamico.
Figure 3 - Banner pubblicitario dinamico.
L’utilità di questo banner è molto semplice: grazie a esso vengono messe in evidenza le offerte
speciali del sito web (sconti periodici su particolari prodotti), prodotti novità e sconti
momentanei. Il banner scorre tra cinque diverse sezioni in automatico e permette anche
all’utente di selezionare quella desiderata e di essere quindi rimandati alla pagina relativa
all’offerta o al prodotto corrispondente.
Nella pratica questi banner non fanno altro che rimandare l’utente alla lista dei prodotti a cui il
banner fa riferimento. Per esempio se si clicca su “Sconti Web al 50%” si viene indirizzati a una
pagina contenente la lista dei prodotti scontati al 50%.
Figura 4 - Banner pubblicitario.
Se invece si clicca su “Scopri il Nuovo Volantino” si accede a una pagina (mostrata nella figura
successiva) contenente un vero e proprio volantino pubblicitario con elencati tutti i prodotti
scontati dell’ultimo periodo.
8
Capitolo 1: Descrizione del sistema
Figura 5 - Banner volantino.
La sezione “Vetrine speciali” raggruppa una serie di aziende in un menu orizzontale. Ogni logo
corrisponde a un link verso una sezione apposita del sito dedicata all’azienda relativa.
Figura 6 - Sezione vetrine speciali.
In questo modo si possono visualizzare i prodotti divisi per azienda produttrice.
9
Capitolo 1: Descrizione del sistema
10
Il side menu a sinistra raggruppa una serie di link dedicati ai servizi offerti
dal sito web. Le sezioni interessate sono quattro.
La “Guida ai servizi” presenta i seguenti link.
● Consegna a domicilio, per informarsi sulla possibilità di consegna a
domicilio dei prodotti.
● Pacchetti Garanzia, per visionare le opzioni di garanzia offerte
dall’azienda.
● Servizi di installazione.
● Servizi per l’informatica, ossia servizi che l’azienda offre di
assistenza al computer del cliente.
● B2B, per il business to business.
● Credito al consumo, dedicato ai finanziamenti.
● Scegli e ritira, che permette di visionare la sezione riguardante il
salto delle code in negozio.
La sezione “Scopri anche”.
● Catalogo INCASSO, per i prodotti da incassi, come frigoriferi o
forni.
● Lista Nozze.
● Stampa Foto Digitali, per informarsi sulla stampa di foto digitali
offerta dal portale.
● Lavora con noi, per informarsi su eventuali lavori disponibili presso
Unieruro.
Sono infine presenti due sezioni pubblicitarie riguardanti il volantino del
sito e la sezione dedicata al programma soci Nectar.
Figura 7 - Sezione menu a sinistra
Capitolo 1: Descrizione del sistema
È poi presente una sezione che ripropone le categorie di primo livello già viste nel menu
superiore. Per ognuna di esse è dedicata una sottosezione composta da un prodotto in offerta e
dalla lista delle categorie di secondo livello relative. Attraverso esse è ovviamente possibile
raggiungere il prodotto interessato.
Figura 8 - Categorizzazione prodotti interna alla Homepage.
11
Capitolo 1: Descrizione del sistema
La sezione delle novità (a sinistra) presenta la lista delle ultime
cinque novità, visualizzate una a una in modo dinamico.
Più in basso è invece presentata una classifica degli oggetti più
visionati dagli utenti. Tale classifica mette in evidenza i primi tre
oggetti sui dieci totali presenti. Gli altri sette sono mostrati più in
basso e in piccolo.
Questo permette di assegnare una visibilità diversa ai prodotti,
proporzionale alla loro importanza.
Figura 9 - Classifica oggetti più
visti.
12
Capitolo 1: Descrizione del sistema
Proseguendo si trova un’altra sezione dedicata alla pubblicità, nella quale sono visualizzati due
banner pubblicitari statici e un banner che permette l’accesso all’area “Installazione gratuita”.
È possibile infatti richiedere l’installazione di apparecchiature direttamente tramite questo link.
Figura 10 - Banner pubblicitario.
Infine è presente una sezione che permette l’accesso ai prodotti tramite un’analisi sulle ricerche
degli altri utenti. In pratica (a destra) vengono proposti i link delle ricerche più effettuate sul sito
(“Top ricerche”).
A sinistra invece sono presenti una serie di link a categorie ben precise. Più in evidenza è il link,
più la categoria è stata acceduta dagli utenti.
Figura 11 - Sezione TOP RICERCHE.
13
Capitolo 1: Descrizione del sistema
1.2.1 Login
Cliccando sul pulsante “IL MIO UNIEURO” viene visualizzato un form che permette il login
all’interno del portale inserendo e-mail e password.
Figura 13 - Pulsante per il logout.
Figura 12- Form per il login.
1.2.2 Recupero Password.
Premendo il link “RECUPERA PASSWORD” presente nel form per il login si accede a una
pagina per l’invio della propria password al proprio indirizzo e-mail.
Figura 23- Form per il recupero della password.
14
Capitolo 1: Descrizione del sistema
1.2.3 Logout
Una volta effettuato il login, è possibile effettuare il logout tramite menu che compare premendo
il pulsante “IL MIO UNIEURO”. Il link “IL MIO PROFILO” permette di accedere alla pagina per
visualizzare i dati inseriti all’intermo dell’account.
1.3 Dati personali
Successivamente alla registrazione o al login si accede a una sezione in cui è possibile
visualizzare i propri dati personali. Da questa pagina è possibile accedere a una sezione per la
modifica dei propri dati personali (la sezione è la medesima della registrazione, ma con il form
già precompilato con i dati precedentemente inseriti).
E’ inoltre possibile effettuare il logout premendo il link “Logout”.
Figura 14 - Schermata riassuntiva dei dati dell'account
1.4 Registrazione
Sul portale Unieuro è possibile effettuare la registrazione di un account personale.
Grazie al link “REGISTRATI” presente nel form di login si accede alla pagina in cui è presente il
form adibito all’inserimento dei dati personali.
La registrazione è suddivisa in tre parti:
● Inserimento dati personali.
● Inserimento dati spedizione prodotti.
● Accettazione condizioni privacy.
Sezione dedicata all'inserimento dei dati personali
15
Capitolo 1: Descrizione del sistema
Figura 15 - Form dei dati personali
Sezione dedicata all'inserimento dell'indirizzo di spedizione
Figura 16 - Form per l'inserimento dei dati personali
16
Capitolo 1: Descrizione del sistema
Sezione dedicata all'accettazione delle condizioni e privacy
Figura 17 - Sezione per l'accettazione delle condizioni e privacy
1.5 Carrello personale
Cliccando sul pulsante con l’icona del carrello viene visualizzata una lista contenete tutti i
prodotti aggiunti durante la navigazione. Per ogni elemento sono riportati nome, immagine e
prezzo ed è possibile rimuoverli dal carrello. Al termine della lista sono presenti il totale della
spesa e un pulsante per l’accesso alla schermata completa del carrello.
Figura 18 – Menu a tendina del carrello personale
La pressione del pulsante “VAI AL CARRELLO” permette la visualizzazione dei dettagli dei
prodotti selezionati e consente di procedere con l’acquisto dei prodotti desiderati. Nella pagina è
possibile inoltre specificare se far recapitare i prodotti desiderati al proprio domicilio o ad un
punto vendita vicino.
17
Capitolo 1: Descrizione del sistema
Figura 19 -Riepilogo carrello personale.
1.5.1 Consegna e pagamento
Cliccando sul pulsante “PROSEGUI” si accede ad una pagina dove poter specificare le modalità
di spedizione e quelle di pagamento dei prodotti.
Figura 20 - Pagina“CONSEGNA E PAGAMENTO”.
18
Capitolo 1: Descrizione del sistema
1.5.2 Riepilogo Ordine
Figura 21 – Pagina “RIEPILOGO ORDINE”.
Cliccando sul pulsante “PROSEGUI” si accede ad una pagina riepilogativa per l’ordine da
effettuare. La sezione “DATI DI PAGAMENTO” varia a seconda del metodo di pagamento
selezionato e fornisce le istruzioni su come completare l’acquisto dei prodotti selezionati. Alla
pressione del pulsante “CONFERMA” vengonoeseguite azioni diverse a seconda del metodo d
pagamento utilizzato.
Figura 22 - Sezione "DATI DI PAGAMENTO"
19
Capitolo 1: Descrizione del sistema
1.6 Categorie
Il sito web Unieuro presenta nella parte superiore, un menu contenente le categorie di prodotti
venduti. Quest’ultime sono organizzate con una gerarchia a 3 livelli. Il primo livello propone una
divisione più grezza dei prodotti e man mano che si scende nell’albero delle categorie la
suddivisione dei prodotti diventa sempre più fine.
Figura24: Barra delle categorie
La categoria di primo livello è quella mostrata nella home page e presenta le seguenti voci:
● Informatica PC City.
● Televisori, Home cinema, DVD.
● Audio.
● Telefonia e Navigatori.
● Fotocamere e Video Camere.
● Videogiochi e Console.
● Grandi Elettrodomestici.
● Incasso.
● Piccoli Elettrodomestici.
● Climatizzazione.
● Cura della persona.
Per ognuna di queste voci sono assegnate più categorie di secondo livello. Ad esempio per la
categoria “Telefonia e Navigatori” sono presenti 9 categorie di secondo livello. Per ognuna delle
categorie di secondo livello sono assegnate più categorie di terzo livello.
Passando con il mouse sopra ad una categoria di primo viene mostrato un menu a discesa
contente tre sezioni: la prima a sinistra presenta un link “Guida all’acquisto”, la sezione centrale
mostra le categorie di secondo e terzo livello relative alla categoria di primo livello scelta, e
infine la porzione di destra mostra alcuni prodotti appartenenti alla categoria di primo livello
scelta.
20
Capitolo 1: Descrizione del sistema
Figura25: Menu a discesa per le categorie
Supponendo di aver scelto la categoria di primo livello “Telefonia e Navigatori”, nella sezione di
sinistra del menu a discesa è possibile cliccare il link “Guida all’acquisto Telefonia e Navigatori”.
Eseguendo l’operazione si viene portati in una pagina contente delle spiegazioni riguardanti la
categoria scelta. La pagina mostra una serie di link e spiegazioni con l’obiettivo di aiutare
l’utente durante la fase di acquisto.
Nella sezione centrale del menu a discesa, facendo click con il mouse su una voce di secondo
o terzo livello, viene presentata all’utente una nuova pagina riguardante la categoria scelta che
mostra l’elenco dei prodotti appartenenti a questa categoria.
Nella sezione di destra del menu a discesa è possibile cliccare un prodotto. Eseguendo questa
operazione, si viene re indirizzati alla pagina di dettaglio del prodotto scelto.
21
Capitolo 1: Descrizione del sistema
1.7 Elenco dei prodotti
La pagina di elenco dei prodotti è una pagina i cui compito è di mostrare una lista dei prodotti.
E’ possibile accedervi da diverse parti del sito web e mostra i prodotti relativi alla sezione in cui
ci si trova. Per esempio accedendovi tramite il form di ricerca vengono mostrati solamente i
prodotti che soddisfano il criterio di ricerca utilizzato, oppure accedendovi tramite la selezione di
una categoria vengono mostrati solo i prodotti facenti parte della categoria selezionata.
La pagina riguardante l’elenco dei prodotti è divisa in due sezioni orizzontali. La prima sezione
mostra un filtro, la seconda mostra la lista dei prodotti. Prima di descrivere queste due sezioni si
vuole far notare che la colonna a sinistra, presente in tutto sito web, cambia a seconda del
contesto. Infatti gli elementi mostrati nella sezione “Novità” e “Più visti” cambiano a seconda
della categoria che si sta visitando. Quindi se ad esempio ci si trova in “Smartphone”, nella
colonna dei “Più visti” e “Novità” compaiono solamente prodotti della categoria di primo livello
“Telefonia e Navigatori”, mentre se ci si trova nella pagina di elenco prodotti “Lavatrici e
Asciugatrici” compariranno solamente elementi appartenenti alla categoria “Grandi
Elettrodomestici”.
1.7.1 Filtro
Figura26: Filtro dei prodotti
Il filtro mostra molti elementi con cui effettuare una ricerca. Per esempio, il filtro per la categoria
di terzo livello “Smartphone” contiene le seguenti voci: marca, prezzo, tipo prodotto, display e
caratteristiche. Per ognuna sono presentati dei valori di ricerca. In questo caso particolare, per
la voce “Prezzo” è possibile selezionare <75.00,75.00 – 149.99, 150.00 – 199.99 e così via. Da
notare che per ogni categoria di prodotto sono presentati filtri diversi e quindi i filtri applicabili
alla categoria “Smartphone” sono diversi dai filtri applicabili alla categoria “Audio”.
Per applicare un filtro è sufficiente cliccare con il mouse un elemento appartenente ad una delle
voci. Una volta cliccato, la pagina web viene ricaricata e vengono mostrati solamente quei
prodotti che rispettano il filtro applicato.
22
Capitolo 1: Descrizione del sistema
1.7.2 Lista prodotti
Questa sezione mostra l’elenco dei prodotti. Per ognuno di essi vengono mostrate le
informazioni principali quali per esempio nome, descrizione, fotografia e prezzo. Cliccando sulla
voce di “VEDI PRODOTTO” di un prodotto si viene reindirizzati alla pagina di dettaglio dello
stesso.
Figura27: Elenco dei prodotti
Nella parte alta sono presenti diverse operazioni e informazioni. Anzitutto viene mostrato il
numero di articoli trovati, dopo di che è possibile effettuare un ordinamento dei prodotti trovato a
seconda di diversi criteri e infine vengono mostrati dei link che implementa un meccanismo di
paginazione dei risultati.
L’elenco dei prodotti è ordinabile secondo i seguenti cinque
criteri:
●
●
Rilevanza.
Marca crescente.
Figura28: Ordinamenti dei prodotti
23
Capitolo 1: Descrizione del sistema
●
●
●
Marca decrescente.
Prezzo crescente.
Prezzo decrescente.
Il prodotto all’interno dell’elenco può essere:
●
Disponibile, in questo caso sotto il prezzo viene mostrata la scritta "Disponibile: Scegli e
Ritira".
Figura29: Prodotto disponibile
●
Disponibile per l'acquisto online, in questo caso sotto il prezzo viene mostrata la scritta
"Disponibile: Compra On-Line".
Figura30: Prodotto disponibile online
●
Non disponibile, in questo caso sotto il prezzo viene mostrata la scritta "Al momento non
disponibile, vedi prodotti simili".
Figura31: Prodotto non disponibile
24
Capitolo 1: Descrizione del sistema
●
Disponibile tra alcuni giorni, in questo caso sotto il prezzo viene mostrata la scritta
"Disponibile: In tot giorni".
Figura32: Prodotto non ancora disponibile
Infine è da notare che per alcune categorie di prodotto, come per esempio per la categoria
“Smartphone”, c’è la possibilità di mettere a confronto più prodotti. Per far ciò è presente sul lato
sinistro dell’elenco dei prodotti una checkbox. Selezionando più checkbox (ognuna relativa a un
articolo) è possibile poi attraverso il bottone “confronta” accedere a una pagina nella quale i
prodotti selezionati vengono confrontati in base alla categoria di prodotti della quale fanno parte.
1.8 Pagina di dettaglio di un prodotto
La pagina di dettaglio di un prodotto mostra tutte le informazioni riguardanti un prodotto.
La pagina è divisa inizialmente in due sezioni verticali e sotto ad esse sono presenti due
sezioni orizzontali.
Figura33: Dettaglio prodotto sezioni verticali
25
Capitolo 1: Descrizione del sistema
Nella sezione di sinistra è presente il nome dell’articolo con una foto dello stesso. Sotto a
quest’immagine è presente una piccola galleria che permette di vedere ulteriori immagini del
prodotto in questione.
Nella sezione di destra sono presenti la maggior parte delle informazioni riguardanti l’articolo
scelto, e per una descrizione più dettagliata e tecnica è necessario visitare le sottostanti sezioni
orizzontali.
Inoltre sono presenti una serie di informazioni e operazioni riguardanti l’acquisto:
● Prezzo: Il prezzo del prodotto che può essere scontato.
● Aggiungi al carrello.
● Disponibilità: indica se il prodotto è presente in magazzino.
● PuntiNectar: sono dei punti per una promozione Unieuro.
● costo della spedizione.
● estensione di garanzia: indica la possibilità di estendere la garanzia del prodotto che si
sta acqusitando.
La prima sezione orizzontale mostra una serie di prodotti correlati all’articolo che si sta
visitando. Questa sezione è chiamata “Chi ha visto questo prodotto ha visto anche”. È possibile
cliccare su ognuno dei prodotti facenti parte di questo elenco. Eseguendo tale operazione viene
aperta una finestra pop-up che mostra le informazioni principali del prodotto scelto con la
divisione verticale a due sezioni illustrata precedentemente.
Figura 34: Dettaglio prodotto sezioni orizzontali
L’ultima sezione orizzontale presenta un riquadro con una divisione in schede.
Ci sono quattro schede diverse che sono:
26
Capitolo 1: Descrizione del sistema
●
Accessori: mostra un elenco di prodotti che possono essere aggiunti al carrello e che
riguardano l’articolo che si sta visualizzando. Per esempio se ci si trova nella pagina di
dettaglio di un tablet, un possibile accessorio potrebbe essere la sua custodia.
● Descrizione: presenta una descrizione del prodotto.
● Scheda tecnica: presenta sotto forma tabellare tutte le caratteristiche tecniche del
prodotto.
● Modalità di consegna: illustra le diverse modalità di consegna possibili per il prodotto
scelto.
Da notare che le voci non sono sempre tutte mostrate, per esempio la scheda Accessori per
alcuni prodotti non è presente.
27
Capitolo 1: Descrizione del sistema
1.9 Ricerca
Il sito web Unieuro presenta nalla parte superiore un
form di ricerca formato da un campo input nel quale
inserire il testo da ricercare e un bottone per dare
avvio a tale ricerca. È sufficiente scrivere una lettera
all’interno del campo input per far comparire sotto al
campo di inserimento un elenco contente dei
suggerimenti relativi alla ricerca che si sta
eseguendo. Per esempio scrivendo la lettera ‘a’,
compaiono una serie di voci che hanno una relazione
con la lettera inserita. Aumentando il numero di
caratteri inseriti i risultati mostrati nell’elenco vengono
aggiornati.
Figura 35: Form di ricerca
È possibile cliccare sia su un elemento mostrato sotto
al campo di input, sia il tasto “cerca”, in entrambi i casi il sito web rimanda alla pagina di elenco
prodotti, che contengono gli articoli che soddisfano i criteri della ricerca.
1.10 Outlet area, Marche, Gift Card
Il sito web Unieuro dispone di un'outlet area, ovvero di una sezione nella quale è possibile
acquistare prodotti a un prezzo scontato. Questa sezione è accedibile premendo il link “Outlet
area”.
Inoltre è disponibile un'area in cui vengono mostrate tutte le marche dei prodotti: tale sezione è
accessibile premendo il link “Marche”. Il sito permette infine l'acquisto di gift card, ovvero buoni
regali: è possibile arrivare a tale parte del sito premendo sul link “Gift Card”.Questi tre link sono
presenti, come mostrato in figura, sotto la barra delle categorizzazioni dei prodotti.
Figura 36: Link Outlet Area, Tutte le Marche e Gift Card.
28
Capitolo 1: Descrizione del sistema
1.10.1 Outlet area
Al prezzo di ogni prodotto, come si può notare dall'immagine che segue, viene applicato uno
sconto. Viene mostrato il prezzo originale ed il prezzo a seguito dell'applicazione dello sconto.
E' inoltre possibile visualizzare le caratteristiche tecniche del prodotto premendo il link "VEDI
PRODOTTO".
Figura 37: Sezione Outlet Area.
29
Capitolo 1: Descrizione del sistema
1.10.2 Marche
L'utente può selezionare la marca desiderata e scorrere tutti i prodotti relativi a tale marca.
Figura 38: Sezione Marche.
Inoltre è possibile filtrare la propria ricerca.
Figura 39: Filtro sezione Marche.
30
Capitolo 1: Descrizione del sistema
1.10.3 Gift card
Di seguito un’immagine che mostra i passi per l’acquisto di una gift card.
Figura 40: Sezione Gift Card.
Innanzitutto è possibile specificare il tipo di buono regalo:
●
●
●
●
●
Festa del papà.
San Valentino.
Nascita.
Compleanno.
Buono spesa.
Figura 41: Tipologie Gift Card.
Successivamente bisogna specificare:
●
●
●
●
●
Importo del buono regalo.
E-mail destinatario.
Nome destinatario.
Nome mittente.
Data di invio del buono al destinatario.
31
Capitolo 1: Descrizione del sistema
Figura 42: Compilazione form per l'acquisto di una gift card.
Infine si aggiunge il buono regalo al proprio carrello premendo il link “AGGIUNGI AL
CARRELLO”.
Figura 2- Bottone per l'inserimento di elementi nel carrello
32
Capitolo 1: Descrizione del sistema
1.11 Trova Negozi
L’opzione “Trova Negozi” consente all’utente di trovare l’indirizzo di un particolare negozio
(solitamente quello più vicino a casa propria) attraverso un processo guidato.
Lo scenario più tipico è quello in cui l’utente seleziona dapprima la regione italiana in cui risiede,
poi la provincia ed infine seleziona la località in cui il negozio si trova. Una mappa a destra
facilita l’utente a selezionare la regione in cui desidera cercare un negozio mentre dei box a
scelta singola permettono di selezionare Regione, Provincia e Località del punto vendita.
Figura 43: Sezione Trova Negozi.
33
Capitolo 1: Descrizione del sistema
Figura 44: Sezione Trova Negozi.
Una volta selezionato un negozio è possibile visualizzare:
● Gli orari di apertura.
● Eventuali aperture straordinarie previste.
● Informazioni generali, come indirizzo e responsabile generale
del negozio.
Inoltre è possibile ottenere indicazioni stradali utilizzando il servizio di
Google Maps per raggiungere velocemente il negozio scelto.
Un’ultima caratteristica dell’opzione “Trova Negozi” è quella di avere
un accesso facile ed immediato ai negozi più cercati dagli altri utenti
del portale tramite dei link contenuti in una tabella localizzata in basso;
un’area specializzata fornisce infine i dati di alcuni punti di vendita
Unieuro offrendo all’utente le informazioni più utili immediatamente.
Figura 45: Informazioni negozio.
34
Capitolo 1: Descrizione del sistema
1.12 Iscrizione alla newsletter
Figura 46: Iscrizione alla newsletter.
L’opzione consente all’utente di iscriversi ad una newsletter. Gli utenti iscritti riceveranno offerte,
novità e notizie riguardo all’Unieuro e potranno così sfruttare al meglio gli sconti che l’azienda
Unieuro proporrà nei punti vendita. Nella pagina relativa all’iscrizione della newsletter è
possibile compilare vari campi obbligatori per la registrazione e leggere l’informativa riguardo la
privacy.
Come per la pagina di assistenza al telefono, anche la pagina newsletter si configura come
pagina Landmark ed è quindi sempre accessibile da ogni pagina sul sito web. La pagina è
35
Capitolo 1: Descrizione del sistema
reperibile cliccando sull’immagine della lettera oppure cliccando sulla stringa “NEWSLETTER”
(entrambe localizzate in alto a destra in ogni pagina).
1.13 Acquista al telefono
Figura 47: Sezione Acquista al telefono.
Il portale offre l’opzione “Acquista al Telefono” che consente di visualizzare tutte le informazioni
riguardanti la chiamata per ottenere informazioni generiche da un operatore telefonico. La
pagine mostra dati come ad esempio:
● Numero telefonico da contattare;
● Costi della chiamata;
● Orari di disponibilità degli operatori telefonici;
● Modalità di pagamento attraverso contatto telefonico.
La pagina si configura come Landmark in quanto è sempre accessibile da ogni pagina del sito
cliccando:
 Sull’immagine del cellulare oppure sul numero telefonico posizionati in alto a destra).
 Cliccando sul link “acquista al telefono” posizionato nel footer.
36
Capitolo 1: Descrizione del sistema
1.14 Footer
Figura 48: Footer.
Tramite il footer è possibile accedere a varie pagine informative:
 "Acquista in sicurezza": viene aperta una pagina web nella quale vengono spiegate in
modo dettagliato tutte le modalità di pagamento previste per l’acquisto dei prodotti
presenti nel catalogo online Unieuro.
 "Consegne":sono spiegati i servizi di consegna disponibili per gli acquisti effettuati
online.
 "Franchising":sono mostrati alcuni dati riguardo la catena Unieuro come il numero di
store aperti in Italia o il numero di negoziin direttura di apertura.
 "Acquista al telefono":sono descritte le modalità per effettuare un ordine in via telefonica.
 "Programma di affiliazione Unieuro":vengono spiegate le modalità per diventare un socio
del programma Unieuro.
Oltre alle pagine informative il footer contiene anche i link alle homepage delle altre aziende che
costituiscono il gruppo Unieuro, come PcCity e DSG International.
37
Capitolo 2: Profilo utente
Capitolo 2: Profilo utente
Nella seguente sezione verrà stillato il profilo utente che sarà utile per individuare nel modo più
preciso l’utente e per identificare i suoi requisiti.
Per riconoscere al meglio le caratteristiche dell’utente generico del portale verranno indagate
approfonditamente le seguenti caratteristiche:


Caratteristiche ambientali in cui un utente del sistema si trova.
Caratteristiche individuali varianti da utente ad utente.
Le caratteristiche comuni ad ogni persona, come ad esempio sistema percettivo o cognitivo,
verranno invece trascurate in quanto pressoché identiche per qualunque uomo che si
approccia al sistema analizzato.
Inoltre, al fine di delineare in modo più accurato il profilo utente, si è pensato di contattare
direttamente l’azienda Unieuro per ottenere dati aggregati riguardanti gli utilizzatori del portale.
Di seguito vengono riportate le richieste:
1.
2.
3.
4.
5.
6.
7.
8.
Numero di utenti medio in base annuale e mensile
Numero utenti iscritti.
Età media degli utenti
Percentuale degli utenti esteri (se presente)
Quantità media prodotti per ordine (numero di elementi)
Numero medio di ordini per cliente
Sezioni più visitate (come una determinata categoria o una specifica sezione del sito)
Numero di contatti al Servizio Clienti mensile
L’azienda Unieuro è stata molto gentile ed ha inviato i seguenti dati:
Domanda
Numero di utenti medio in base annuale e
mensile
Risposta
- 2 milioni al mese
- 26 milioni all’anno
- Picco di visite nel periodo natalizio
Numero utenti iscritti
400 mila circa
Età media degli utenti
35/45 anni
Percentuale degli utenti esteri (se presente)
Non presente
Quantità media prodotti per ordine (numero di 1,2 pezzi
elementi)
Numero medio di ordini per cliente
1,2 l’anno
38
Capitolo 2: Profilo utente
Sezioni più visistate
Numero contatti al servizio clienti mensile
- Telefonia smartphone
- Trova negozi
1500 contatti al mese
A fronte delle informazioni pervenute e delle considerazioni svolte dal gruppo di lavoro sono
state redatte le seguenti tabelle.
39
Capitolo 2: Profilo utente
2.1 Caratteristiche psicologiche
Caratteristica
Stile cognitivo
Attitudine
Motivazione
Tipologia
Concreto
Spaziale
Analitico
Deduttivo
Positiva
Media
Lo stile cognitivo è concreto in quanto le informazioni trattate all’interno del portale fanno
riferimento a oggetti realmente esistenti di cui l’utente è interessato a entrare in possesso. La
rappresentazioni di tali oggetti non necessita quindi di alcun tipo di astrazione.
L’utente svolge prevalentemente un ragionamento di tipo deduttivo ricercando i prodotti
desiderati fra le categorie disponibili sul portale.
L’utente utilizza un ragionamento di tipo spaziale e analitico; spaziale per il riconoscimento di
prodotti di interesse tramite l’uso di immagini rappresentative di un determinato oggetto e
analitico in quanto di un determinato prodotto sono forniti un elevato numero di dettagli e
informazioni (descrizione, scheda tecnica, modalità di consegna e accessori disponibili).
L’attitudine verso il sistema è positiva dato che l’utente ha preferito utilizzare questo specifico
portale di e-commerce rispetto ad altri che offrono i medesimi servizi.
La motivazione verso l’utilizzo del sistema è media in quanto l’utente ha diverse modalità
alternative di ottenere i prodotti disponibili sul sito e le informazioni loro relative, come l’utilizzo
di portali simili o la visita di negozi specializzati e centri commerciali..
40
Capitolo 2: Profilo utente
2.2 Caratteristiche individuali
2.2.1 Caratteristiche di conoscenza
Caratteristica
Tipologia
Livello di alfabetizzazione
Livello medio
Titolo di studio
Linguaggio nativo
Abilità dattilografica
Alfabetizzazione informatica
media
Italiano
bassa
Bassa
Il sito web è rivolto sicuramente al più ampio numero di utenti, di conseguenza le caratteristiche
richieste non sono elevate. L’utente quindi risulta essere un utente che non ha bisogno di
possedere caratteristiche di conoscenza elevate .
2.2.2 Caratteristiche di esperienza
Caratteristica
Esperienza del compito
Esperienza sull’applicazione
Esperienza dei sistemi informatici
Uso di altri sistemi
Tipologia
Rivolto a più tipologie di utente. Sistema walkup-and-use
Novizio
Bassa
Media
Il sito web ha come obiettivo principale la visualizzazione dei prodotti e di permetterne l’acquisto
e quindi si presenta come un sistema che deve essere immediatamente comprensibile all’utente
che lo sta utilizzando. Inoltre essendo un sito piuttosto comune un utente può applicare
l’esperienza maturata in altri siti dello stesso tipo come marcopoloshop.it o euronics.it.
2.2.3 Caratteristiche fisiche
Caratteristica
Daltonico
Manualità
Genere
Tipologia
Probabilmente No
Ambidestro
Maschile/Femminile
41
Capitolo 2: Profilo utente
Il portale deve risultare il più accessibile possibile per ogni tipo di utente. Siccome il sito
analizzato è un sito italiano, il sito deve risultare compatibile con le caratteristiche fisiche medie
di un italiano; tuttavia, dato che tali caratteristiche sono approssimabili con la media mondiale,
le proprietà fisiche dell’utente possono essere anche ricavate dai dati fisici mondiali.
Per quanto riguardo i difetti nel riconoscere i colori, circa l’8% degli uomini e meno dell’ 1% delle
donne(vedi sito Color blindness) soffrono di tale patologia. L’utente medio, secondo la ricerca
(Salmaso, 2012), sarà per il 93% dei casi destro; infine, per quanto concerne il genere,
possiamo presumere che l’utente utilizzante il sito Unieuro possa essere sia un uomo che una
donna.
42
Capitolo 2: Profilo utente
2.3 Caratteristiche ambientali
Caratteristica
Uso del sistema
Frequenza d’uso
Addestramento base
Categorie di lavoro
Uso di altri strumenti
Frequenza del turnover
Importanza del compito
Struttura del compito
Tipologia
Facoltativo
Bassa
Nessuno
Cliente o potenziale cliente
Siti web.
Media
Bassa
Alta
Il sistema Unieuro è dedicato a un’ampia categoria di persone; non è quindi un applicativo web
dedicato a un ambiente lavorativo ristretto o a un contesto sociale particolare.
L’uso del sistema è ovviamente facoltativo. L’utente decide o no di utilizzarlo secondo le sue
esigenze. Se non è interessato, non lo utilizza.
La frequenza d’uso è quindi bassa poiché può essere utilizzato da un dato utente per acquistare
un prodotto “una tantum”. Infatti, come un normale sito di e-commerce, il portale Unieuro è
dedicato a utenti che vogliono visionare e/o acquistare dei prodotti: operazione che non è quasi
mai effettuata con alta frequenza.
Essendo un sistema dedicato all’utente comune, non richiede nessun addestramento
particolare. Il portale è progettato per essere intuitivo e quindi per permetterne l’utilizzo anche a
utenti che non vi hanno mai acceduto prima.
Salvo rare eccezioni, l’utente che accede al sito fa parte della categoria dei clienti con lo scopo
di acquistare prodotti in vendita. Come ausilio all’acquisto un cliente può anche avvalersi
d’informazioni accessorie (come recensioni) presenti in altri siti web.
L’importanza del compito è bassa. Dal funzionamento del sistema non dipende, infatti, nessuna
attività d’importanza o rilevanza critica.
43
Capitolo 3: Analisi con metodi ispettivi
Capitolo 3: Analisi con metodi
ispettivi
In questo capitolo viene presentata la valutazione svolta per mezzo dei metodi ispettivi.
Nella prima parte viene presentata la valutazione euristica del portale. Nella seconda parte del
capitolo viene illustrata l’analisi eseguita per mezzo del walkthrough cognitivo.
3.1 Valutazione euristica
Per valutare l’usabilità del portale Unieuro si è innanzitutto compiuta una valutazione euristica;
tale valutazione è stata fatta per risparmiare utenti in modo da poterli utilizzare nelle fasi
successive della misura dell’usabilità del sito, come ad esempio per gli esperimenti con l’utente
veri e propri.
3.1.1 Briefing della valutazione euristica
La valutazione è stata condotta seguendo i 10 principi di
Nielsen, elencati di seguito:
Mostrare all’utente lo stato del sistema.
Adeguare il sistema al mondo reale.
Controllo dell’utente e libertà.
Assicurare la consistenza del sistema.
Riconoscimento piuttosto che uso della memoria.
Assicurare flessibilità ed efficienza d’uso.
Visualizzare tutte e sole le informazioni necessarie.
Prevenire gli errori.
Permettere all’utente di correggere gli errori, non solo di
rilevarli.
10. Help e documentazione.
1.
2.
3.
4.
5.
6.
7.
8.
9.
Tali principi sono stati scelti in quanto ben si adattano a fornire
una misura euristica di usabilità del portale Unieuro.
Per lo studio di usabilità sono stati assegnati 5 valutatori. Il
44
Capitolo 3: Analisi con metodi ispettivi
numero è stato scelto principalmente per essere conforme alla curva di Nielsen: grazie a tale
curva(Nielsen, Why you only need to test with 5 users, 2000), infatti, ci si aspetta che gli errori di
usabilità totali trovati dai valutatori saranno circa l’84% di quelli totali.
problemfound (5)  N (1  (1  L) 5 )
L  0.31
problemfound (5)  0.84 N
Un secondo motivo per cui è stato scelto il numero 5 si può individuare nel grafico(Nielsen, How
to conduct a Heuristic Evaluation, 1995) mostrante il rapporto benefici/costi al variare del
numero di valutatori: 5 valutatori, benché costino circa 1/60 del costo totale del progetto,
rappresentano comunque un buon numero per ottenere una stima della lista dei problemi di
usabilità.
Infine tale numero è stato accettato anche per ripartire più facilmente il lavoro nel gruppo, in
modo che ogni elemento del progetto avesse un carico di lavoro uguale agli altri.
Nell’analisi euristica non è stata utilizzata la figura dell’osservatore: questa scelta è stata fatta
poiché si è cercato di massimizzare le possibilità di trovare problemi di usabilità.
Per quanto concerne l’analisi di ogni singolo valutatore, essa è stata suddivisa in due sessioni
da due ore ciascuna. Tali sessioni sono state intervallate da almeno un giorno: ciò è stato
deciso in modo da evitare che i singoli valutatori si polarizzassero troppo su alcuni problemi di
usabilità del sito, offuscandone quindi il giudizio.
I partecipanti del gruppo di lavoro assegnati a valutatori euristici sono:
1.
2.
3.
4.
5.
Francesco Bocchi.
Massimo Bono.
Davide Bonusi.
Simone Brognoli.
Dario Pellegrini.
Infine prima di procedere all’analisi vera e propria è stato concordato un formato finale per la
presentazione dei risultati. La tabella di presentazione dei risultati è mostrata di seguito.
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero per identificare il problema
Nome riassuntivo del problema
Descrizione del problema
Pagina/e nel sito nel quale questo problema si
presenta
Quali tra i 10 principi scelti sono stati violati
Gravità del problema su una scala da 0 a 4.
Screenshot
Screenshot del problema se significativo.
45
Capitolo 3: Analisi con metodi ispettivi
Inoltre è stato deciso nella fase di debriefing che il gruppo potrà modificare i principi violati e/ola
priorità di ogni problema di usabilità individuato, questo per ottenere la migliore valutazione
possibile.
Per quanto riguarda la priorità da assegnare a ciascun problema di usabilità è stato deciso di
utilizzare una scala discreta a 5 valori, di seguito riportata:





0: Il problema individuato dal singolo valutatore non è stato ritenuto tale in fase di
debriefing;
1: Problema accessorio che è da risolvere solo se rimane tempo extra;
2: Problema secondario: con bassa priorità di risoluzione;
3: Problema rilevante: è importante risolverlo;
4: Catastrofe di usabilità che deve essere risolta al più presto.
46
Capitolo 3: Analisi con metodi ispettivi
3.1.2 Fase di debriefing dell’analisi euristica
Documento di debriefing
Di seguito vengono riportati i risultati ottenuti dall’analisi euristica del portale.
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
1
Prezzo non cliccabile
Nella home page i prezzi (che sembrano delle
immagini cliccabili) non sono cliccabili, mentre
l’immagine del prodotto lo è.
Home Page.
4
1
Screenshot
2
Link inconsistenti
Nella home page i link a volte sono neri, a
volte blu, a volte grigi e a volte diventano
sottolineati.
Home Page.
4
3
Screenshot
Non rilevante
Numero
Titolo
Descrizione
3
Menu troppo fitto
La barra delle categorie dei prodotti è troppo
fitta: visualizzando il contenuto delle categorie
più esterne e volendo passare velocemente al
contenuto del menu, capita spesso di passare
su un'altra categoria facendo sparire il menu
47
Capitolo 3: Analisi con metodi ispettivi
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
sottostante.
Home page.
3,7
3
Screenshot
4
Indicazioni stradali
Scrivendo la propria località nel campo per
ottenere indicazioni stradali per raggiungere
un determinato negozio e premendo invio non
si ottiene nessun risultato, a differenza di altri
siti analoghi (google).
Trova negozi.
2,6
1
Screenshot
5
Aperture Straordinarie
Nella sezione dei negozi vi è un campo
chiamato “Aperture straordinarie” che risulta
vuoto. Non è chiaro se non vi sono aperture
straordinarie o se la sezione non è aggiornata
completamente.
Trova negozi.
1,4,7
2
Screenshot
48
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
6
Informazioni tagliate
In alcune aree le informazioni sono poco
leggibili a causa della pessima impaginazione.
Trova negozi.
1,7
3
Screenshot
7
La “scelta” delle più grandi marche
Le immagini nella sezione “la scelta delle più
grandi marche” sono molto vicine e
completamente cliccabili. Si fa fatica a capire
dove finisce l’area cliccabile di un’immagine e
dove comincia un’altra.
Tutte le marche.
1,8
1
Screenshot
49
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
8
Menu “fantasma”
Visualizzando un menu delle categorie,
entrando nella finestra e tornando sul titolo del
menu questo sparisce e non riappare
nemmeno con il click del mouse.
Menu categorie.
2,4
2
Screenshot
Non rilevante
9
Volantino
Una volta entrati nella sezione volantino non è
possibile uscirne se non con il tasto indietro
del browser (problema con navigazioni
lunghe).
Volantino.
3
3
Screenshot
Non rilevante
10
Segni“+”
I segni “+” accanto alle categorie di un
prodotto sembrano indicare qualcosa di
espandibile, invece non sono cliccabili.
Prodotti.
1,2,4
2
Screenshot
50
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
11
Link non cliccabili
Nella sezione servizi a domicilio, testi nello
stesso formato a volte risultano essere
cliccabili mentre altre volte no.
Servizi a domicilio.
4
1
Screenshot
12
Newsletter
Inserendo un’email errata non
l’opportunità di correggere l’errore.
Newsletter.
8,9
3
Screenshot
si
ha
51
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
13
Che errore ho fatto?
A volte se vengono compilati campi
erroneamente nella registrazione dell’account
e si sottomette il form, si viene reindirizzati
allo stesso form, ma non si hanno indicazioni
(o indicazioni chiare) sul tipo di errore
commesso.
Registrazione.
4,9,10
3
Screenshot
Non rilevante
14
Carrello Pieno
In presenza di un numero elevato di prodotti
nel carrello, il rispettivo menu a tendina
eccede la finestra (facendo sparire dallo
schermo il pulsante “vedi carrello”).
Carrello.
7
3
Screenshot
52
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
15
Tornare indietro
Non è possibile tornare indietro dalla sezione
“Riepilogo Ordine” premendo sulla casella
“consegna e pagamento”.
Riepilogo Ordine.
4,6,9
1
Screenshot
53
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
16
Zoom immagini
Alcune immagini di prodotti dispongono dello
zoom se vi si posiziona sopra il mouse, altre
no. Non vi è nessuna indicazione se lo zoom
è disponibile o meno per quell’immagine.
Prodotti.
4
3
Screenshot
Non rilevante
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
17
Immagini non cliccabili
Nella sezione aiuto alcune immagini sono
cliccabili, altre no. Non vi sono indicazioni per
distinguere le une dalle altre.
Aiuto.
4
2
Screenshot
54
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
18
Feedback poco chiaro
Nella sezione franchising, alla vista dei 4
pulsanti si capisce molto poco qual è la
sezione attuale. Infatti il riquadro che indica
dove ci si trova risulta essere leggermente più
luminoso degli altri.
Franchising.
1
2
Screenshot
19
Accesso al carrello e al mio Unieuro non
uniforme.
Posizionando il puntatore del mouse sull’icona
del carrello, compare una piccola finestra che
mostra i prodotti attualmente presenti nel
carrello dando la possibilità di accedere al
55
Capitolo 3: Analisi con metodi ispettivi
Sezione del sito
Principi violati
Priorità
carrello stesso. D’altro canto per far comparire
la finestra relativa al mio Unieuro, non basta
posizionare il puntatore del mouse sul relativo
bottone, ma è necessario
effettuare
un’operazione di click.
Home page.
4
2
Screenshot
Finestra relativa al carrello:
Finestra relativa al mio Unieuro:
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
20
Sovrapposizione d’informazioni.
L'inserimento d’informazioni con molti caratteri
rende di difficile comprensione la lettura dei
dati
del
proprio
profilo
(causa
sovrapposizioni).
Profilo utente.
7
2
Screenshot
56
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
21
Colore unico della sezione “Informatica”
La sezione “informatica” del menu principale
possiede un colore diverso rispetto a tutte le
altre sezioni.
Menu categorie.
4
0
Screenshot
22
Link finto
Nella sezione "IL MIO PROFILO", la stringa
“dati personali” sembra un link ma in realtà
non lo è.
Profilo utente.
1,4,7,10
1
57
Capitolo 3: Analisi con metodi ispettivi
Screenshot
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
23
Numeri telefonici illimitati
Nei campi “Telefono principale” e “Telefono
secondario”, se l’utente inserisce un numero
telefonico con troppe cifre, il sistema non
mostra nessun messaggio di errore.
Profilo utente.
8
2
Screenshot
24
Modalità di consegna poco distinguibili.
Durante la fase di acquisto di un prodotto
presente nel carrello, le modalità di consegna
disponibili e non disponibili sono indistinguibili.
Questo crea confusione all’utente.
Carrello.
1,5
1
Screenshot
Nonostante al prodotto in questione non possa essere applicata la modalità di consegna a
58
Capitolo 3: Analisi con metodi ispettivi
domicilio, tale modalità è comunque presente tra le opzioni di consegna.
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Footer conferma ordine
Footer sito web
25
Eterogeneità telefono e newsletter
Prima della conferma di un ordine, le icone
della newsletter e dell’aiuto telefonico sono
differenti da quelle visibili solitamente nel sito
web.
Conferma ordine.
4
1
Screenshot
26
Eterogeneità footer
Prima di confermare un ordine, il footer è
differente da quello visibile solitamente nel sito
web.
Conferma ordine.
4
1
Screenshot
59
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
27
Invio e-mail poco chiaro.
Cliccando sull’immagine B2B mostrata nello
screenshot, s’invia un’e-mail: non si capisce il
perché bisogna cliccare su tale immagine per
inviare un’e-mail e non su di un pulsante più
intuitivo.
B2B (guida ai servizi).
1,3,4,7
2
Screenshot
28
Rimozione involontaria di un prodotto dal
carrello.
Se l’utente rimuove inavvertitamente un
oggetto dal carrello, non può tornare indietro,
60
Capitolo 3: Analisi con metodi ispettivi
Sezione del sito
Principi violati
Priorità
ma deve ricordarsi qual era l’oggetto che
aveva inavvertitamente cancellato.
Gestione del carrello.
8,9
3
Screenshot
Non rilevante
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
29
Eterogeneità nella barra di navigazione.
Nella pagina prodotti l’ultimo passaggio del
percorso di navigazione rappresenta un link.
Questo non si verifica nelle pagine a cui si
accede tramite il footer.
Pagine linkate nel footer.
2,4
1
Screenshot
30
Cambio di cursore errato.
Nel menu principale le categorie come“audio”
o “incasso” non rappresentano dei link,
nonostante il cursore cambi la forma in una
mano.
Menu categorie.
4
2
Screenshot
Non rilevante
Numero
Titolo
Descrizione
Sezione del sito
31
Popup invasivo
Posizionando il mouse sulle caratteristiche di
un prodotto, compare inaspettatamente un
popup mostrante varie informazioni che, oltre
a non corrispondere alle informazioni già
presenti nella cella del prodotto, ostruiscono la
vista all’utente.
Prodotti.
61
Capitolo 3: Analisi con metodi ispettivi
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
1,7
2
Screenshot
32
Dubbia utilità del tasto X su categoria
Il tasto X accanto al nome della categoria di
prodotti considerata non ha un’utilità molto
chiara.
Filtro della categoria selezionata.
1
0
Screenshot
33
Sezione caratteristiche poco intuitiva.
La sezione caratteristiche del filtro (vedi
screenshot), presenta diversi link riguardanti
le specifiche caratteristiche della categoria
richiesta. Se si clicca su una di esse, la quarta
colonna del filtro (da sinistra) cambia
istantaneamente mostrando l’elenco delle
caratteristiche riguardanti quella appena
cliccata. Contemporaneamente la voce della
caratteristica appena cliccata viene sostituita
62
Capitolo 3: Analisi con metodi ispettivi
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
dalla caratteristica che era visualizzata prima
del click (con conseguente ordinamento
confusionario). Questo confonde l’utente che
vede sparire e riapparire link davanti a se
istantaneamente. Serve quindi un po’ di
tempo per comprendere il funzionamento di
questa sezione.
Filtro della categoria selezionata.
1,6,7
2
Screenshot
34
Assenza di chiarezza nella sezione del filtro
prodotti.
Quando si applica un particolare filtro su un
prodotto, si viene rimandati a una pagina
contenente i prodotti desiderati. Purtroppo non
è
ben
chiaro
all’utente
in
che
sottocategorizzazione si trovi, ossia quali
siano le caratteristiche degli oggetti che sta
osservando. In altre parole, se si applica un
filtro, l’utente non ha un feedback chiaro di
che filtro ha applicato.
Filtro della categoria selezionata.
1,7
2
Screenshot
35
Home page confusionaria.
Nella pagina principale sono presenti banner
pubblicitari molto invasivi e disposti in modo
disordinato. Inoltre al centro della pagina sono
ripetute alcune delle categorie già presenti nel
63
Capitolo 3: Analisi con metodi ispettivi
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
menu superiore. Troppe informazioni.
Home page.
7
3
Screenshot
36
Sezione delle specifiche del prodotto
caratterizzata da un design confusionario.
La sezione dei dettagli di un prodotto presenta
molte informazioni riguardanti lo stesso
disposte in modo confusionario e molte di
esse sono superflue. In particolare nella
sezione descrittiva del prodotto, posta accanto
al nome, sono dedicate poche righe alla
descrizione delle specifiche tecniche, mentre
molto più spazio è dedicato alla sezione
“Garanzia” e “Prodotti correlati”. Se si vuole
una descrizione tecnica del prodotto bisogna
scendere in fondo alla pagina e, cliccando la
sezione dedicata alla descrizione, la pagina si
“trasforma” aumentando la sua dimensione in
modo da poter visualizzare tutti i dettagli.
Dettaglio prodotto.
7
3
Screenshot
64
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
37
Pagina carrello sprovvista del menu
orizzontale delle categorie
A differenza di tutte le pagine precedenti,
quella relativa al carrello è sprovvista del
menu orizzontale delle categorie.
Carrello.
3,4
2
Screenshot
65
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
38
Presenza della sezione Novità in “Trova
negozi”
Nella sezione trova negozi è presente una
visualizzazione dei prodotti "novità" e dei
prodotti "più visti". Inutile per l’utente che
vuole trovare negozi.
Trova negozi.
7
1
Screenshot
66
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
39
Categorie vuote nell’outlet area
Se nella sezione Outlet area si clicca ad
esempio sulla categoria fotografia (e molte
altre categorie) si viene rimandati alla pagina
principale dell’Outlet Area alla cui sommità
viene visualizzato il messaggio “Nella
categoria selezionata non sono presenti
prodotti outlet”.
Sotto questo messaggio vengono comunque
visualizzati alcuni prodotti.
Outlet Area.
1,4,7,8
3
Screenshot
67
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
40
Lista categorie nella sezione "I PIU' VISTI"
nella pagina principale.
Questa lista di categorie è poco utile e
intuitiva. A un primo impatto non si comprende
di cosa si tratti. Inoltre presenta una lista
disordinata e confusionaria di categorie scritte
con caratteri diversi. Non si riesce a
comprendere la sua utilità.
Homepage.
2,7
2
Screenshot
41
Sezione
Unieuro
Incasso
presenta
un’interfaccia diversa dal resto del sito.
Se si accede alla sezione Incasso si viene in
contatto con un’interfaccia diversa rispetto al
resto del sito, peraltro sovrapposta in malo
modo
a
quella
principale
tramite
un’animazione.
Unieuro Incasso.
4
68
Capitolo 3: Analisi con metodi ispettivi
Priorità
2
Screenshot
Numero
Titolo
Descrizione
42
Filtro Unieuro Incassi
Oltre ad essere un filtro non standard rispetto
al resto del sito, esso funziona in modo
differente a seconda che ci si trovi nella
pagina principale di Unieuro Incassi o nella
lista di prodotti già filtrati da un altro filtro.
Nel primo caso per applicare il filtro bisogna
premere sul tasto (dal nome peraltro poco
intuitivo) “Trova prodotti”.
Nel secondo caso il filtro è applicato
istantaneamente dopo la selezione di un
attributo tramite gli appositi menu a tendina.
Unieuro Incassi.
4
3
Screenshot
Sezione del sito
Principi violati
Priorità
69
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
43
Contenuto mancante per prodotti privi di
sconto
Per i prodotti non scontati il balloon
dello sconto accanto al prezzo nella sezione
dettagli è vuoto.
Dettagli prodotto.
7
0
Screenshot
70
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
44
La visualizzazione rapida delle categorie di
secondo e terzo livello è invasiva e troppa
fitta.
Se ci si posiziona con il mouse su una voce
del menu superiore delle categorie di primo
livello, la visualizzazione rapida può essere
invasiva, soprattutto se tale categoria è molto
popolata. La pagina su cui ci si trova viene a
volte coperta per metà. Questo causato dal
fatto che la categorizzazione è troppo fitta.
Menu categorie.
7
3
Screenshot
71
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
45
Link
Vengono utilizzati stessi font e colori per link e
testo. In questo caso i soli link sono: “Trova
negozi”, “NEWSLETTER” e “199.155.133” il
resto è testo.
Barra alta del sito.
4
3
Screenshot
46
Informazioni duplicate
Nella sezione di elenco prodotti è possibile
accedere a una categoria di secondo livello
sia dal menu a sinistra che dal menu in alto.
Elenco prodotti.
7
72
Capitolo 3: Analisi con metodi ispettivi
Priorità
0
Screenshot
Numero
Titolo
Descrizione
47
Barra di navigazione
Partendo dall’area outlet e cliccando un
prodotto, la barra a breadcrumb non riporta
più l'informazione che prima ci si trovava in
outlet area. Questo problema si riflette anche
in altre sezioni (per esempio nella ricerca), ma
non in tutte.
Outlet Area.
1,3,4
2
Screenshot
Sezione del sito
Principi violati
Priorità
73
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
48
Link non funzionante
Nella sezione di dettaglio di prodotto, c’è un
link “SPEDIZIONE” (reso cliccabile, cioè il
cursore diventa “pointer”) che cliccandolo non
porta a nessun effetto. Mentre cliccando
“ESTENSIONE DI GARANZIA” produce un
effetto
Dettaglio prodotto.
1,4
2
Screenshot
49
Scorrimento della pagina in alto
Nella sezione di dettaglio prodotto, cliccando
su un elemento della galleria, la pagina scorre
verso l’alto (cambiando l’immagine).
Dettaglio prodotto
74
Capitolo 3: Analisi con metodi ispettivi
Principi violati
Priorità
6
1
Screenshot
Numero
Titolo
Descrizione
50
Più risalto ai comandi
Quando viene visualizzata un’immagine per
un dettaglio prodotto, i comandi per andare
avanti o indietro sono poco visibili.
Dettaglio prodotto.
3
2
Screenshot
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
51
Frecce per la quantità piccole
Le frecce per cambiare il numero di prodotti
75
Capitolo 3: Analisi con metodi ispettivi
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
da acquistare sono piccole. È facile sbagliare.
Inoltre nella input box non è possibile scrivere
nonostante sia un campo di inserimento dati.
Carrello.
3,8
2
Screenshot
52
Non assicurata l’uniformità per l’acquisto al
telefono
Nello screenshot sono mostrati due elementi
differenti che si occupano entrambi di fornire
informazioni riguardanti l’acquisto tramite
telefono. Cliccando sul primo si apre una
finestra popup con le informazioni riguardanti il
telefono, mentre cliccando sul secondo si apre
una nuova pagina con lo stesso contenuto
della finestra popup.
Carrello / Tutto il sito.
4
2
Screenshot
76
Capitolo 3: Analisi con metodi ispettivi
77
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
53
Non uniformità per finestre popup.
La stessa finestra popup viene mostrata in
diverse parti del sito, ma viene chiusa in
modalità diverse:
Se è una foto del dettaglio prodotto si chiude
cliccando su qualsiasi punti dello schermo
(sulla foto, fuori e sul bottone “X”).
Se è la finestra popup per “l’acquisto al
telefono” si chiude solamente cliccando
all’esterno della finestra o sul bottone “X”).
Dettaglio prodotto.
4
1
Screenshot
78
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
54
Titoli e link
Nella parte alta del sito sono presentati una
serie di link di colore bianco su sfondo blu
(anche le categorie di secondo livello sono
link e hanno lo stesso formato). In diverse
aree del sito sono presenti dei titoli di colore
bianco su sfondo blu, che però non sono link.
Per esempio i più visti, Novità ecc.
Tutto il sito.
4
3
Screenshot
55
Volantino Unieuro
Nella sezione Volantino Unieuro, se si preme
il link “Volantino Unieuro”, il volantino sotto
mostrato torna alla prima pagina.
Volantino Unieuro.
3
1
Screenshot
79
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
56
Acquisto senza registrazione
Durante l’acquisto di un prodotto senza
registrazione, si viene portati ad una pagina
che riporta due titoli discordanti: “LOGIN E
REGISTRAZIONE” e “ACQUISTA SENZA
REGISTRAZIONE”.
Acquisto senza registrazione.
1
1
Screenshot
57
80
Capitolo 3: Analisi con metodi ispettivi
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Impossibile effettuare il logout
Cliccando sul link “Logout”, la pagina viene
ricaricata, ma il logout non avviene
Tutto il sito.
1,3,4
4
Screenshot
Non rilevante
58
Consegna e pagamento
Durante l’acquisto di un prodotto nella sezione
“Consegna e pagamento” se non si seleziona
un’opzione di spedizione e/o un’opzione di
pagamento il sistema segnala l’errore in alto
alla pagina e non nelle relative sezioni, inoltre
vengono dimenticate eventuali scelte fatte.
Per esempio se si selezionasse “consegna
standard” e si dimenticasse di scegliere
un’opzione di pagamento, la pagina corrente
verrebbe ricaricata segnalando l’errore, ma
eliminando la scelta di “consegna standard”.
Acquisto senza registrazione.
1,5
3
Screenshot
59
Carrello
81
Capitolo 3: Analisi con metodi ispettivi
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Scorrendo con il mouse sopra alla scritta
“PRODOTTO” si apre un box che mostra gli
elementi nel carrello. Per chiuderlo è
necessario ripassarci sopra con il mouse.
Facendo fare al mouse una traiettoria che
intersechi la scritta “PRODOTTO” il box viene
mostrato ugualmente.
Tutto il sito, parte alta con l’icona del carrello.
7
1
Screenshot
60
Informazioni forvianti per gli accessori
Nella sezione di dettaglio prodotto, per quanto
riguarda gli accessori del prodotto selezionato
compare
la
scritta:
“AGGIUNTI
3
ACCESSORI”, quando in realtà non è vero.
Dettaglio prodotto.
1
3
Screenshot
61
Filtro elenco prodotti una sola scelta
82
Capitolo 3: Analisi con metodi ispettivi
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Nella sezione di elenco prodotti compare un
filtro per filtrare appunto i prodotti. Una voce è,
per esempio, per marca. È possibile
selezionare solo una marca per volta e non
più voci contemporaneamente. Inoltre viene
ricaricata l’intera pagina e non solo i prodotti.
Elenco prodotti.
6
3
Screenshot
62
Confronto prodotti
Quando vengono confrontati dei prodotti,
compare sotto alla fotografia che li
rappresenta una tabella che mette a confronto
le caratteristiche dei prodotti. Facendo lo
scrolling della pagina con il mouse e andando
fino in fondo la tabella si sposta sotto alle
immagini.
Confronta prodotti.
1,7
2
Screenshot
83
Capitolo 3: Analisi con metodi ispettivi
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
63
Perdita delle scelte fatte
Se dall’elenco prodotti si passa al confronto
prodotti, è presente un link che permette di
tornare all’elenco prodotti. Cliccandolo si
ritorna all’elenco prodotti, ma se sono stati
applicati dei filtri in precedenza questi
vengono persi.
Confronta prodotti – Elenco prodotti.
1,3,5
3
Screenshot
Non rilevante
64
Menu per ordinamento
Il menu per ordinare i prodotti risulta troppo
piccolo e con il mouse si fa fatica ad
utilizzarlo.
Elenco dei prodotti.
3,8
3
Screenshot
65
Stato del login non mostrato.
Indipendentemente dal fatto che sia loggato o
meno, la home page mostra sempre la scritta
"IL MIO UNIEURO" (vedi screenshot). Non
84
Capitolo 3: Analisi con metodi ispettivi
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
viene specificato se sono loggato al sito web.
Home page.
1,5,7
2
Screenshot
66
Assenza messaggio di errore relativo ad una
mancata selezione di regione e/o negozio.
Se l’utente, durante l’acquisto di uno o più
prodotti, sceglie la modalità di consegna
"SCEGLI E RITIRA", ma non seleziona
nessuna regione e/o negozio, premendo il link
verde “PROSEGUI”, il sistema non effettua
nessuna operazione e non viene mostrato
nessun messaggio di errore.
Gestione carrello.
1,8
2
Screenshot
67
Errori relativi alle opzioni di pagamento e di
spedizione.
Se l'utente, durante la procedura di acquisto di
uno o più prodotti, non seleziona né l'opzione
di spedizione né l'opzione di pagamento e
cerca di proseguire con l'acquisto, il sistema
mostra solo un messaggio di errore relativo
alla mancata selezione dell'opzione di
spedizione. Relativamente alla mancata
selezione dell'opzione di pagamento, non
85
Capitolo 3: Analisi con metodi ispettivi
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
viene mostrato nessun errore.
Gestione carrello.
1,8,9
2
Screenshot
Non rilevate
68
Link di accesso ai dettagli del prodotto
inconsistente
Il link per accedere ai dettagli del prodotto
presenta l'immagine del carrello. Cliccando
questo link però non aggiungo il prodotto al
carrello, ma visualizzo solo le sue
caratteristiche tecniche.
Visualizzazione prodotti.
2,4,5
1
Screenshot
69
Voce di menu in inglese
La voce di menu per accedere alla sezione
relativa ai buoni regalo è in inglese (“Gift
card”).
Home page.
2
0
Screenshot
70
Link per continuare gli acquisti inconsistente
Il link per continuare i propri acquisti (situato in
alto a sinistra) è poco visibile all’utente.
Gestione carrello.
3
86
Capitolo 3: Analisi con metodi ispettivi
Priorità
2
Screenshot
Numero
Titolo
71
Link per gestire l’acquisto dei prodotti
inconsistente
Per poter “tornare indietro” durante le fasi di
acquisto di uno o più prodotti, è presente il link
“Torna indietro” nella parte inferiore sinistra
della pagina. Tale link è poco visibile
all’utente.
Gestione carrello.
3
1
Screenshot
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Prodotti NON confrontabili:
72
Inconsistenza nelle operazioni di confronto tra
prodotti
Per alcune categorie i prodotti possono
essere confrontati tra di loro mentre per altre
categorie il confronto tra i prodotti non può
essere effettuato.
Visualizzazione prodotti.
4
2
Screenshot
87
Capitolo 3: Analisi con metodi ispettivi
Prodotti confrontabili:
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
73
Inconsistenza dei titoli
Le due scritte in grassetto visibili nello
screenshot sembrano apparentemente due
link. In realtà sono semplicemente due titoli.
Servizi di installazione.
2,4,5
2
Screenshot
74
Difficoltà nel tornare alla home page del
portale
L’utente non individua facilmente il link per
88
Capitolo 3: Analisi con metodi ispettivi
Sezione del sito
Principi violati
Priorità
tornare alla home page del portale una volta
effettuato l’accesso alla vetrina Unieuro. Per
tornare alla home page, bisogna premere
l’immagine situata nella parte superiore
sinistra. Link poco intuitivo e visibile.
Vetrina Unieuro.
3
1
Screenshot
Numero
Titolo
75
Ridondanza
delle
informazioni
relative
all’acquisto al telefono
Descrizione
Il link per accedere alle informazioni relative
all’acquisto al telefono è presente sia nel
footer che nella parte superiore della home
page.
Sezione del sito
Home page.
Principi violati
7
Priorità
1
Screenshot
Link presente nella parte superiore della home page:
Link presente nel footer:
Numero
Titolo
Descrizione
76
Assenza informazioni durante la procedura di
acquisto prodotti
Nel footer della home page, “Acquista in
sicurezza” (vedi screenshot) è un link che
punta ad una pagina nella quale vengono
spiegate in modo dettagliato tutte le modalità
di pagamento disponibili. Durante la
procedura di acquisto di uno o più prodotti,
questa immagine (vedi screenshot) viene
89
Capitolo 3: Analisi con metodi ispettivi
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
Numero
Titolo
Descrizione
Sezione del sito
Principi violati
Priorità
riproposta, ma in questo caso “Acquista in
sicurezza” non è più un link.
Home page, gestione carrello.
4
2
Screenshot
77
Ridondanza dei link per le modalità di
pagamento
Nel footer della home page, “Acquista in
sicurezza” e “Sistemi di pagamento” puntano
alla stessa pagina web.
Home page.
7
2
Screenshot
78
Link relativo alle gift card poco visibile
Il link relativo alle gift card da ricevere a casa
e consegnare personalmente risulta essere
poco visibile.
Gift card.
7
1
Screenshot
Non rilevante
90
Capitolo 3: Analisi con metodi ispettivi
Analisi del documento di debriefing
Dopo aver compilato il documento di debriefing, è stata effettuata un’analisi dello stesso, al fine
di ottenere dei grafici riassuntivi dei risultati ottenuti.
Il primo aspetto analizzato è stato il calcolo del numero totale teorico dei problemi del sistema,
ricavato utilizzando la curva di Nielsen.
problemfound (i)  N (1  (1  L) i )
Sapendo che:

, poiché corrisponde al numero di valutatori utilizzati;


dal risultato dell’euristica;
valore medio fissato dalla pratica.
È possibile calcolare N
Di seguito saranno presentati una serie di tabelle e grafici sintetizzanti i risultati ottenuti.
91
Capitolo 3: Analisi con metodi ispettivi
92
Le seguenti tabelle mostrano, per singolo valutatore, i problemi di usabilità riscontrati all’interno
del sito. La prima riga rappresenta l’identificativo assegnato a ogni problema di usabilità, mentre
la prima colonna rappresenta i nomi dei valutatori.
1
2
3
4
5
6
7
8
9
10 11 12 13 14 15 16 17 18 19 20
Bocchi
Bono
Bonusi
Brognoli
Pellegrini
21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
Bocchi
Bono
Bonusi
Brognoli
Pellegrini
41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
Bocchi
Bono
Bonusi
Brognoli
Pellegrini
61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78
Bocchi
Bono
Bonusi
Brognoli
Pellegrini
I due grafici seguenti mostrano per ogni principio la quantità di problemi in cui questo è violato.
Da questi si evince che i principi più violati sono l’1, il 4 e il 7.
Capitolo 3: Analisi con metodi ispettivi
1
2
3
4
5
6
7
8
9
10
1%
4%
7%
18%
18%
6%
11%
5%
5%
25%
Figura 3: Percentuale dei principi violati rispetto al numero totale dei problemi di usabilità individuati
35
n di problemi
30
25
20
15
10
5
0
1
2
3
4
5
6
7
8
9
10
Principi violati
Figura 4: Numero di volte in cui i principi sono stati violati rispetto al numero totale dei problemi di usabilità
individuati
I seguenti grafici mostrano la priorità dei problemi riscontrati rispetto alla loro totalità. Da questi
si può notare che il numero di problemi con una priorità grave (valore 4) è un numero piuttosto
piccolo, mentre la maggior dei problemi si attestano su una priorità di 2.
93
Capitolo 3: Analisi con metodi ispettivi
0
1
2
3
4
1%
6%
27%
27%
39%
Figura5: La percentuale delle priorità assegnate rispetto ai problemi di usabilità rilevati
30
n di problemi
25
20
15
10
5
0
0
1
2
3
4
Priorità
Figura 6: Numero di volte in cui compare una priorità rispetto ai problemi di usabilità rilevati
Infine gli ultimi due grafici mostrano quanto ogni sezione del sito sia affetta da problemi di
usabilità. È stato deciso di creare delle sezioni più generali rispetto alle singole sezioni usate
durante la valutazione euristica, per fornire una rappresentazione migliore e più significativa dei
risultati ottenuti. Le sezioni sono presentate di seguito:
94
Capitolo 3: Analisi con metodi ispettivi

Home page: home page del sito.

Ordine: insieme delle sezioni riguardanti un ordine (riepilogo ordine, conferma
ordine, acquisto).

Carrello: tutto ciò che riguarda il carrello e una sua gestione.

Prodotti: insieme delle sezioni riguardanti i prodotti (elenco dei prodotti, dettaglio del
prodotto, incasso, vetrina Unieuro).

Menu categorie: riguarda il menu di navigazione presente in alto nel sito. Esso
presenta le diverse categorie di prodotti del sito.

Profilo utente: tutte le pagine riguardanti l’utente registrato.

Altri: In questa categoria sono raggruppate le restanti pagine, che non hanno un
vero e proprio connettivo logico (volantino, aiuto, franchising, B2B, trova negozi,
outlet, area, servizio d'installazione, gift card).
Da questi grafici si evince che la zona del portale più affetta da problemi di usabilità sia la
sezione che riguarda i prodotti.
home page
ordine
carrello
prodotti
menu categorie
profilo utente
15%
19%
9%
7%
7%
16%
27%
Figura 7: Percentuale dei problemi di usabilità rispetto a ogni sezione del sito
altri
95
Capitolo 3: Analisi con metodi ispettivi
30
n di problemi
25
20
15
10
5
0
home
page
ordine
carrello
prodotti
menu
categorie
profilo
utente
Sezioni del sito
Figura 8: Numero di problemi di usabilità rispetto alle sezioni del sito
altri
96
Capitolo 3: Analisi con metodi ispettivi
3.2 Walkthrough cognitivo
In questa sezione sarà illustrata l’ispezione del sistema tramite il walkthrough cognitivo. Il
walkthrough è una tecnica limitata rispetto ad altre, poiché indaga un solo attributo di usabilità e
sacrifica aspetti generali dell’interfaccia. Il suo compito è di evidenziare scelte errate per la
terminologia, scoprire inconsistenze tra la concettualizzazione del compito da parte dell’utente e
quella da parte del progettista e sottolineare quando c’è un feedback inadeguato. Inoltre
abbiamo scelto di utilizzare questa tecnica poiché essa è molto efficace per i siti di e-commerce.
3.2.1 Briefing del walkthrough cognitivo
In questa fase abbiamo deciso anzitutto come suddividere il gruppo di lavoro per svolgere la
valutazione. Essendo il gruppo formato da un numero dispari di elementi, è stato deciso di
dividere il gruppo in tre sottogruppi:
1. Sotto gruppo 1: Bocchi Francesco;
2. Sotto gruppo 2: Bonusi Davide e Pellegrini Dario;
3. Sotto gruppo 3: Bono Massimo e Brognoli Simone.
Il Gruppo 1 ha avuto il compito di redigere un documento di progetto diversificato per entrambi
gruppi, mentre i gruppi 2 e 3 hanno avuto il ruolo di valutatori.
Questa divisione è stata scelta in quanto i membri del gruppo sono dispari e per suddividere il
carico di lavoro in modo omogeneo. Inoltre si è pensato che 4 valutatori fossero un numero
adeguato per effettuare il walkthrough.
Per ottenere il documento finale di valutazione si è deciso di procedere come segue:
1. Il sotto gruppo 1 redigerà i documenti di progetto, e dopo averlo stilato, provvederà a
condividerlo con i restanti sotto gruppi.
2. I membri del sottogruppo 2 effettueranno singolarmente la valutazione dei compiti
presenti nel primo documento di progetto. Ogni membro genererà un documento di
valutazione e un rapporto dei problemi.
3. I membri del sottogruppo 3 effettueranno singolarmente la valutazione dei compiti
presenti nel secondo documento di progetto. Ogni membro genererà un documento di
valutazione e un rapporto dei problemi.
4. Nella prima fase di debriefing ogni sottogruppo si riunirà e stilerà il documento dei
problemi.
5. Nella seconda fase di debriefing il gruppo al completo stila due documenti: il documento
sintetizzante i problemi riscontarti.
97
Capitolo 3: Analisi con metodi ispettivi
Per quanto riguarda il documento delle proposte di miglioramento, esso non è stato incluso nel
walkthrough cognitivo, in quanto sarà presente un capitolo dedicato alla riprogettazione e quindi
ai relativi miglioramenti.
Infine nel briefing è stato deciso il formato dei vari documenti da redigere. Di seguito sono
presentati i formati decisi.
Documento di progetto
Per quanto concerne i documenti di progetto, essi specificano due valutazioni ciascuno da
eseguire, per un totale di quattro compiti da esaminare. A ogni valutazione è associata:
1.
2.
3.
4.
Un obiettivo;
Un compito;
Uno stato iniziale;
Una serie di azioni necessarie allo svolgimento di tale compito.
I compiti specificati sono stati scelti in base a due criteri diversi:
1. Le pagine più visitate (informazione fornita da Unieuro);
2. Normali funzionalità di un sito di e-commerce.
Documento di progetto sottogruppo 2
Valutazione 1
Obiettivo: analizzare le difficoltà dell’utente nella ricerca dei prodotti.
Compito: ricercare uno smartphone che abbia un costo inferiore a 250 euro e con una
fotocamera da 8 megapixel.
Stato iniziale: Home page del sito.
Azioni:
1. Selezionare dal menu del sito la voce corrispondente agli smartphone;
2. Applicare i filtri di ricerca indicati sopra;
3. Visualizzare il dettaglio del prodotto.
Valutazione 2
Obiettivo: analizzare le difficoltà dell’utente nell’acquisto di un prodotto.
98
Capitolo 3: Analisi con metodi ispettivi
Compito: Acquistare il tablet Nexus 7.
Stato iniziale: Pagina di dettaglio di un prodotto
Azioni:
1. Aggiungere il prodotto al carrello;
2. Selezionare la modalità di consegna a domicilio;
3. Proseguire;
4. Proseguire senza effettuare la registrazione;
5. Inserire le informazioni richieste, che siano consistenti con i seguenti valori:
a. Mario Rossi
b. [email protected]
c. Via Leopardi
d. Milano
e. 20100
f. Telefono: 3332233999
6. Proseguire;
7. Selezionare una consegna standard;
8. Selezionare il pagamento a contrassegno;
9. Proseguire;
10. Dare conferma (questa operazione non sarà veramente eseguita).
Documento di progetto sottogruppo 3
Valutazione 3
Obiettivo: analizzare le difficoltà dell’utente nella ricerca di negozi Unieuro.
Compito: Trovare l’indirizzo e indicazioni stradali per arrivare al centro Unieuro di Gianico
(Brescia).
Stato iniziale: Home del sito
Azioni:
1.
2.
3.
4.
5.
Entrare nella sezione trova negozi;
Inserire i dati geografici per trovare il negozio sopra citato;
Avviare la ricerca;
Reperire l’indirizzo del negozio;
Inserire nella sezione apposita l’indirizzo di partenza per arrivare al negozio scelto.
Come indirizzo di partenza utilizzare Via Branze, Brescia;
6. Avviare la ricerca.
Valutazione 4
99
Capitolo 3: Analisi con metodi ispettivi
Obiettivo: analizzare le difficoltà dell’utente nel confronto tra prodotti.
Compito: Confrontare tre prodotti Unieuro. I prodotti sono: televisore PHILIPS
32PFL3258H/12, televisore LG 32LN570R, televisore SAMSUNG UE22F5410.
Stato iniziale: Home page del sito.
Azioni:
1. Selezionare dal menu del sito la voce corrispondente alle smart TV;
2. Aggiungere i prodotti sopra citati all’elenco dei prodotti da confrontare;
3. Avviare il confronto;
4. Visualizzare i risultati ottenuti.
Documento di valutazione del singolo valutatore
Il documento è diviso in due parti: la prima contiene un insieme di informazioni per identificare il
documento, mentre la seconda contiene l’insieme di azioni-reazioni per giungere all’obiettivo del
compito. Per ogni azione il valutatore dovrà rispondere alle seguenti 4 domande:
1. L’utente capisce ciò che può/deve ottenere con (l’effetto della) la prossima azione?
2.
L’utente può individuare lo strumento di interazione?
3. Se l’utente può individuare lo strumento, può anche capire che è quello giusto per fare
ciò che vuol fare?
4. Dopo che l’azione è eseguita, l’utente capisce la risposta che ottiene?
Tabella 1: Formato documento di valutazione
Valutatore:
Data valutazione:
Sistema da valutare:
Obiettivo:
Compito:
Stato iniziale:
Azioni richieste per il completamento del compito:
Per ogni azione rispondere alle 4 domande sopra citate utilizzando il seguente schema.
100
Capitolo 3: Analisi con metodi ispettivi
Azione 1:
1
2
3
4
Documento dei problemi del singolo valutatore
Il documento è diviso in due settori. Nella prima parte è contenuto il nome del valutatore e il
compito da analizzare.
La seconda parte contiene la serie di problemi riscontrati. Ogni problema è catalogato con:
3. Nome problema
4. Azione in cui è stato riscontrato
5. Domanda in cui è stato riscontrato
6. Peso del problema: viene utilizzata una scala analoga a quella utilizzata nella
valutazione euristica in cui non compare il valore 0.
7. Descrizione del problema
8. Screenshot (facoltativo)
Tabella 2: Formato del documento dei problemi
Valutatore:
Compito:
Per ogni problema individuato, utilizzare il seguente schema.
Nome
Azione
Domanda
Peso
Descrizione
Screenshot
101
Capitolo 3: Analisi con metodi ispettivi
Documento dei problemi di un singolo sottogruppo
Tale documento è analogo al documento dei problemi di un singolo valutatore, eccetto il fatto
che nella seconda parte viene inserito il campo aggiuntivo “frequenza”. Tale campo indica il
numero di valutatori che hanno individuato il problema considerato.
Documento globale sintetizzante i problemi
Il formato del documento è identico al formato del documento “Documento dei problemi di un
singolo sottogruppo”.
102
Capitolo 3: Analisi con metodi ispettivi
3.2.2 Fase di valutazione
La fase di valutazione, richiede ad ogni valutatore la stesura di un documento di valutazione e di
un documento dei problemi. Per brevità vengono riportati solo le valutazioni e non i documenti
dei problemi, questo perché alla fine del capitolo viene presentato il documento globale dei
problemi. I singoli documenti dei problemi sono presentati in allegato.
Documento di valutazione di Bono Massimo
Valutazione 3
Valutatore: Massimo Bono
Data valutazione:30 Gennaio 2014
Sistema da valutare: Sito web Unieuro.
Obiettivo: analizzare le difficoltà dell’utente nella ricerca di negozi Uniero.
Compito: Trovare l’indirizzo e indicazioni stradali per arrivare al centro Unieuro di Gianico
(Brescia).
Stato iniziale:Home del sito.
Azioni:
Azione 1: Entrare nella sezione trova negozi
1
Sì, l’utente capisce che deve entrare in una sezione in cui è possibile trovare informazioni
riguardo i negozi.
2
Non è ben visibile il link a “trova negozi” e comunque esso viene oscurato dalla quantità di
informazioni mostrate nella pagina principale del sito.
3
Sì, una volta individuato lo strumento, l’etichetta allegata è auto esplicativa.
4
Sì, la comparsa della mappa dell’Italia abbinata alla frase “Cerca e scegli il punto vendita
più vicino” rappresenta un feedback consono.
Azione 2: Inserire i dati geografici per trovare il negozio sopra citato
103
Capitolo 3: Analisi con metodi ispettivi
1
Sì, l’utente capisce che deve inserire nel sistema dei dati per reperire il negozio di Gianico a
Brescia
2
Sì, l’utente può individuare lo strumento di interazione, in quanto tale strumento occupa una
posizione centrale nella pagina.
3
Sì, in quanto tale strumento è abbinato alla frase “Cerca e scegli il punto vendita Unieuro
più vicino”.
4
Non è chiaro se dopo aver scelto la regione il sistema cambi stato, in quanto la cartina
dell’Italia non viene in alcun modo alterata; l’unico dettaglio che prova il cambio di stato è un
cambio poco visibile di colore dei menu a tendina “Provincia” o “Località”.
Azione 4: Reperire l’indirizzo del negozio
1
Sì, l’utente capisce che deve ottenere l’indirizzo del negozio di Gianico.
2
Sì, il sistema offre all’utente l’etichetta “Informazioni”, contenente, tra le altre informazioni,
anche l’indirizzo.
3
Non è chiaro cosa contenga l’etichetta “informazioni”, quindi l’utente non capisce quale
etichetta contenga l’informazione cercata.
4
Sì, il sistema offre un feedback consono mostrando le informazioni cercate.
Azione 5: Inserire nella sezione apposita l’indirizzo di partenza per arrivare al negozio scelto.
Come indirizzo di partenza utilizzare Via Branze, Brescia
1
Sì, l’utente capisce che deve inserire un indirizzo di partenza da cui partirà fino ad arrivare
all’indirizzo del negozio Unieuro di Gianico.
2
Sì, in quanto lo strumento è collocato in una posizione centrale nella pagina “trova negozi”
mostrata dal sistema.
3
Sì, in quanto tale strumento è etichettato con la frase “indicazioni stradali” auto esplicativa.
4
Sì, in quanto l’Input text permette di capire quali lettere l’utente ha premuto.
Azione 6: Avviare la ricerca
104
Capitolo 3: Analisi con metodi ispettivi
1
L’utente può non capire che ricerca si stia per effettuare.
2
Sì, in quanto esso occupa una posizione centrale nella pagina.
3
No in quanto l’utente può non capire cosa rappresentano I campi “A” e “B”.
4
Sì, in quanto il sistema provvede ad aprire una nuova finestra al cui interno è presente
l’itinerario da seguire per arrivare al negozio Unieuro partendo da via Branze.
Valutazione 4
Valutatore: Massimo Bono
Data valutazione: 30 Gennaio 2014
Sistema da valutare: Sito web Unieuro
Obiettivo: analizzare le difficoltà dell’utente nel confronto tra prodotti.
Compito: Confrontare tre prodotti Unieuro. I prodotti sono: televisore PHILIPS 32PFL3258H/12,
televisore LG 32LN570R, televisore SAMSUNG UE22F5410.
Stato iniziale: Home del sito
Azioni:
Azione 1: Selezionare dal menu del sito la voce corrispondente alle smart TV
1
Sì, è chiaro all’utente che deve selezionare una voce nel menu.
2
Sì, in quanto il menu è ben visibile nella parte superiore del sito.
3
Sì,in quanto il menu in alto è in risalto rispetto agli altri menu e fornisce, per ogni sezione,
una frase auto esplicativa.
4
Benché l’aspetto della pagina cambi in modo radicale non è ben visibile se l’utente sia nella
pagina corretta oppure no, in quanto la stringa “TV Smart” contenuta nella barra a “briciole
di pane” è piccola e poco visibile rispetto agli altri contenuto della pagina.
Azione 2: Aggiungere i prodotti sopra citati all’elenco dei prodotti da confrontare
1
Sì, l’utente capisce che deve inserire dei prodotti all’interno di una lista per effettuare un
confronto tra gli stessi.
2
Sì, la checkbox per selezionare i prodotti da confrontare è mostrata a sinistra di ogni
prodotto e risulta ben visibile, anche se il colore della stessa fa pensare all’utente che possa
105
Capitolo 3: Analisi con metodi ispettivi
essere disattivata.
3
Dipende dalla posizione dell’oggetto in questione: se l’oggetto è troppo in basso nella
pagina l’etichetta “confronta prodotti” sparisce dalla visuale dell’utente, impedendo il
riconoscimento.
4
Sì, la checkbox degli oggetti selezionati viene spuntata e il box contenente la frase
“confronta prodotti” viene colorato di blu: il feedback risulta abbastanza chiaro.
Azione 3: Avviare il confronto
1
Sì, l’utente capisce che deve attivare manualmente il confronto tra le proprietà dei due
prodotti precedentemente selezionati.
2
Il pulsante di interazione “Confronta prodotti” risulta essere poco visibile sia per la sua
dimensione ridotta sia per la sua posizione: in caso infatti i due prodotti si trovino in basso
all’elenco il pulsante è nascosto dalla vista dell’utente.
3
Sì, in quanto la stringa contenuta all’interno del pulsante è auto esplicativa.
4
Sì, in quanto il sistema cambia pagina mostrando i soli 2 prodotti selezionati in posizione
centrale.
Azione 4: Visualizzare i risultati ottenuti
1
Sì, l’utente capisce che deve visualizzare i risultati del confronto.
2
Sì, in quanto esso occupa una posizione centrale all’interno della pagina.
3
Sì, in quanto le etichette utilizzate nella pagina mostrata sono auto esplicative.
4
Sì, in quanto il sistema mostra i risultati al centro della visuale dell’utente e imposta il
confronto attraverso una tabella comparativa.
106
Capitolo 3: Analisi con metodi ispettivi
Documento di valutazione di Bonusi Davide
Valutazione 1
Valutatore: Bonusi Davide
Data valutazione:06/02/2014
Sistema da valutare: Sito web Unieuro
Obiettivo: analizzare le difficoltà dell’utente nella ricerca dei prodotti
Compito: ricercare uno smartphone che abbia un costo inferiore a 250 euro e con una
fotocamera da 8 megapixel
Stato iniziale: Home page del sito
Azioni:
Azione 1: selezionare dal menu del sito la voce corrispondente agli smartphone.
1
Sì, l'utente capisce che deve accedere alla sezione "Telefonia e Navigatori" e
successivamente alla sezione "Smartphone".
2
Sì, riesce ad individuare la sezione " Telefonia e Navigatori " e successivamente la sezione
"Smartphone".
3
Sì, i nomi delle sezioni alle quali deve accedere sono comprensibili.
4
Sì, premendo il link "Smartphone", il sito web mostra una lista di smartphone e la possibilità
di effettuare un filtraggio dei prodotti.
Azione 2: applicare i filtri di ricerca indicati sopra.
1
Sì, l'utente capisce che per effettuare il filtraggio deve considerare le colonne Prezzo e
Caratteristiche.
2
Non è possibile filtrare tutti i prodotti con un prezzo <250. Il filtraggio del prezzo, permette di
selezionare un range di prezzo. Per filtrare gli smartphone con fotocamera da 8 megapixel,
l'utente seleziona dalla quinta colonna il link fotocamera e successivamente seleziona il
valore 8 megapixel.
3
Sì, i criteri di filtraggio sono ben organizzati. Meno intuitivo il funzionamento del filtraggio
107
Capitolo 3: Analisi con metodi ispettivi
relativo alla fotocamera.
4
Sì, ad ogni operazione di filtraggio vengono mostrati sopra la tabella i filtri applicati.
Azione 3: visualizzare il dettaglio del prodotto.
1
Si
2
Si
3
E' lecito supporre che l'utente pensi che il bottone "VEDI PRODOTTO" caratterizzato da
un’immagine di un carrello, sia un bottone per inserire il prodotto nel carrello.
4
Sì, l'utente visualizza i dettagli del prodotto.
Valutazione 2
Valutatore: Bonusi
Data valutazione: 06/02/2014
Sistema da valutare: Sito web Unieuro
Obiettivo:analizzare le difficoltà dell’utente nell’acquisto di un prodotto
Compito: Acquistare il tablet Nexus 7
Stato iniziale: Pagina di dettaglio di un prodotto
Azioni:
Azione 1: aggiungere il prodotto al carrello.
1
Sì, l'utente capisce che per inserire il prodotto nel carrello dovrà premere il corrispondente
bottone.
2
Sì, nella pagina è presente il bottone "AGGIUNGI AL CARRELLO" caratterizzato dal
simbolo di un carrello.
3
Sì, il nome e l'immagine del bottone rendono chiaro il compito del bottone.
108
Capitolo 3: Analisi con metodi ispettivi
4
Sì, viene mostrata una pagina la quale mostra chiaramente che il prodotto scelto è stato
inserito nel proprio carrello.
Azione 2: selezionare la modalità di consegna a domicilio.
1
Sì, l'utente capisce che deve scegliere la modalità consegna a domicilio.
2
Sì, la pagina mostra chiaramente la possibilità di selezionare la modalità di consegna a
domicilio.
3
Sì, l'utente comprende che lo strumento di selezione è corretto per quello che deve fare.
4
Sì, scegliendo la modalità di consegna a domicilio, la pagina web viene automaticamente
aggiornata ed accanto alla scelta effettuata, viene mostrato il prezzo aggiuntivo.
Azione 3: proseguire.
1
Sì, l'utente capisce che deve premere il pulsante "PROSEGUI".
2
Sì, il pulsante "PROSEGUI" è visibile.
3
Sì, è chiara l'utilità del pulsante.
4
Sì, il sito web mostra una nuova pagina.
Azione 4: proseguire senza effettuare la registrazione.
1
Sì, l'utente capisce che deve premere il pulsante "CONTINUA".
2
Sì, nella colonna relativa alla continuazione senza registrazione è presente un tasto
"CONTINUA".
3
Sì, il tasto "CONTINUA" indica chiaramente la possibilità di continuare l'acquisto.
4
Sì, il sito web mostra una nuova pagina relativa all'acquisto senza registrazione.
Azione 5: Inserire le informazioni richieste, che siano consistenti con i seguenti valori:
a. Mario Rossi
109
Capitolo 3: Analisi con metodi ispettivi
b.
c.
d.
e.
f.
[email protected]
Via Leopardi
Milano
20100
Telefono: 3332233999
1
Sì, l'utente capisce che deve compilare il form mostrato.
2
Sì, il form è chiaramente visibile all'utente.
3
Sì, l'utente capisce che per acquistare un prodotto è necessario fornire i propri dati ed un
indirizzo di spedizione.
4
Per avere una risposta del sistema l'utente deve premere il bottone "PROSEGUI"
Azione 6: proseguire.
1
Sì, l'utente deve proseguire con l'acquisto.
2
Sì, il bottone "PROSEGUI" è chiaramente visibile all'utente.
3
Sì, il bottone "PROSEGUI" indica chiaramente la possibilità di continuare con l'acquisto del
prodotto.
4
Sì, il sito web mostra la pagina relativa alle opzioni di pagamento e opzioni di spedizione.
Azione 7: selezionare una consegna standard.
1
Sì, l'utente capisce che deve considerare la sezione "OPZIONI DI SPEDIZIONE".
2
Sì, nella relativa sezione sono presenti due possibilità di scelte. L'utente seleziona la
modalità "CONSEGNA STANDARD".
3
Sì.
4
Per avere una risposta dal sistema bisogna premere il pulsante "PROSEGUI". Premendo
tale pulsante, il sistema avverte l'utente che deve selezionare un’opzione di pagamento.
110
Capitolo 3: Analisi con metodi ispettivi
Azione 8: selezionare il pagamento a contrassegno.
1
Sì, l'utente capisce che deve considerare la sezione "OPZIONI DI PAGAMENTO".
2
Sì, nella relativa sezione sono presenti diverse modalità di consegna. L'utente seleziona la
modalità "CONTRASSEGNO".
3
Sì.
4
Per avere una risposta dal sistema bisogna premere il pulsante "PROSEGUI".
Azione 9: proseguire.
1
Sì, l'utente deve proseguire con l'acquisto.
2
Sì, il bottone "PROSEGUI" è chiaramente visibile all'utente.
3
Sì, il bottone "PROSEGUI" indica chiaramente la possibilità di continuare con l'acquisto
del prodotto.
4
Sì, il sito web mostra una pagina di riepilogo ordine.
Azione 10: Dare conferma (questa operazione non sarà veramente eseguita).
1
Sì, l'utente deve confermare l'ordine.
2
Sì, il bottone "CONFERMA" è chiaramente visibile all'utente.
3
Sì, il bottone "CONFERMA" indica chiaramente la possibilità di confermare l'acquisto del
prodotto.
4
Sì, viene mostrato un messaggio di avvenuto acquisto.
111
Capitolo 3: Analisi con metodi ispettivi
Documento di valutazione di Brognoli Simone
Valutazione 3
Valutatore: Brognoli Simone
Data valutazione: 06/02/2014
Sistema da valutare:Sito web Unieuro
Obiettivo: analizzare le difficoltà dell’utente nella ricerca di negozi Uniero.
Compito:Trovare l’indirizzo e indicazioni stradali per arrivare al centro Unieuro di Gianico
(Brescia)
Stato iniziale:Home del sito
Azioni:
Azione 1: Entrare nella sezione trova negozi;
1
Sì, l’utente capisce che deve entrare nella sezione “Trova Negozi” per ottenere le
informazioni che desidera.
2
Sì, nella parte superiore della home page del sito è disponibile il link “Trova Negozi” che
permettere di accedere alla sezione desiderata.
3
Sì, la dicitura “Trova Negozi” è chiaro sinonimo della sezione del sito cercata.
4
Sì, il sistema visualizza una pagina che permette la ricerca di negozi in tutta Italia.
Azione 2: Inserire i dati geografici per trovare il negozio sopra citato;
1
Sì, l’utente capisce che deve fornire i dati geografici del negozio per ottenerne l’indirizzo.
2
Sì, vi sono 3 menu a tendina in cui è possibile selezionare le informazioni desiderate.
3
Sì, i tre menu a tendina presentano i titoli “Regione”, “Provincia” e “Località” che fanno
intendere all’utente cosa deve selezionare per ogni menu.
4
Sì, alla selezione di una voce nel menu “Località”, il sistema carica una pagina in cui sono
presenti i dati che cerca.
112
Capitolo 3: Analisi con metodi ispettivi
Azione 3: Reperire l’indirizzo del negozio
1
Sì, l’utente capisce che dopo l’effettuazione della ricerca, devono essergli presentate le
informazioni principali del negozio
2
Sì, Al click della scheda “Informazioni” viene visualizzato l’indirizzo del negozio
3
L’utente ottiene l’indirizzo dalla scheda “Informazioni” solo dopo aver cercato in altre sezioni
della pagina
4
L’utente capisce che, non trovandolo in altre parti del sito, l’indirizzo del punto vendita si
trova nella scheda “informazioni”
Azione 4: Inserire nella sezione apposita l’indirizzo di partenza per arrivare al negozio scelto.
Come indirizzo di partenza utilizzare Via Branze, Brescia;
1
Sì, l’utente capisce che deve inserire i dati sul luogo di partenza e destinazione per ottenere
il percorso per giungere al negozio
2
Sì, è disponibile la sezione della pagina chiamata “indicazioni stradali” per ottenere
l’itinerario da seguire per giungere al negozio scelto
3
Sì, i due campi di testo con la mappa geografica accanto fanno capire all’utente che dovrà
inserire lì i dati di partenza e destinazione
4
Sì, l’utente sa che i campi sono stati riempiti con i dati corretti
Azione 5: Avviare la ricerca
1
Sì, l’utente capisce che deve avviare la ricerca per ottenere l’itinerario
2
Sì, è disponibile il bottone “Ottieni indicazioni”.
3
Sì, il bottone è vicino ai campi di inserimento dei luoghi di partenza e arrivo, e la dicitura
“Ottieni indicazioni” è molto chiara
4
Sì, l’utente sa che ora otterrà le indicazioni stradali per giungere al negozio.
113
Capitolo 3: Analisi con metodi ispettivi
Valutazione 4
Valutatore: Brognoli Simone
Data valutazione: 06/02/2014
Sistema da valutare: Sito web Unieuro
Obiettivo: analizzare le difficoltà dell’utente nel confronto tra prodotti.
Compito: Confrontare tre prodotti Unieuro. I prodotti sono:televisore PHILIPS 32PFL3258H/12,
televisore LG 32LN570R, televisore SAMSUNG UE22F5410.
Stato iniziale: Home page del sito.
Azioni:
Azione 1: Selezionare dal menu del sito la voce corrispondente alle smart TV;
1
Sì, l’utente capisce che, per confrontare i prezzi dei tre televisori, dovrà accedere alla
sezione del sito dedicata a esse.
2
Sì, la sezione del sito è accessibile dal link “smart TV” presente nella scheda “Televisori,
Home Cinema, DVD”
3
Sì, la dicitura “smart TV” fa capire molto bene all’utente la destinazione de link
4
Sì, l’utente sa che ora verranno visualizzati i prodotti relativi alla categoria “Smart TV”
Azione 2: Aggiungere i prodotti sopra citati all’elenco dei prodotti da confrontare;
1
Sì, l’utente capisce che, per confrontare i prezzi dei tre televisori, dovrà selezionarli in
qualche modo
2
Sì, alla sinistra di ogni prodotto vi è una checkbox che permette la selezione dei prodotti di
cui fare il confronto
3
Sì, il link per il confronto è evidenziato rispetto al resto della tabella, quindi facilmente
individuabile e intuibile.
4
Sì, l’utente sa di aver selezionato i prodotti fra cui effettuerà un confronto
114
Capitolo 3: Analisi con metodi ispettivi
Azione 3: Avviare il confronto
1
Sì, l’utente capisce che, dopo aver selezionato i prodotti, deve avviare il confronto
2
Sì, una volta selezionati i prodotti, la testa della colonna “confronta prezzi” cambia colore e
diventa cliccabile
3
Non molto, l’utente non si aspetta di dover cliccare la testa di una colonna per avviare il
confronto
4
Sì, l’utente sa di aver selezionato i prodotti fra cu effettuerà un confronto
Azione 4: Visualizzare i risultati ottenuti.
1
Sì, l’utente capisce che verranno visualizzati i prezzi dei prodotti selezionati e di aver
completato la sua ricerca
2
Sì, i dati sono presentati al centro della pagina
3
Sì, l’utente capisce che i dati che cercava sono presentati all’interno della pagina
visualizzata
4
L’utente non deve più eseguire azioni, in quanto ha raggiunto le informazioni che cercava
115
Capitolo 3: Analisi con metodi ispettivi
Documento di valutazione di Pellegrini Dario
Valutazione 1
Valutatore: Pellegrini Dario
Data di valutazione: 06/02/2014.
Sistema da valutare: Sito web Unieuro
Obiettivo: analizzare le difficoltà dell’utente nella ricerca dei prodotti.
Compito: ricercare uno smartphone che abbia un costo inferiore a 250 euro e con una
fotocamera da 8 megapixel.
Stato iniziale: Home page del sito.
Azioni:
1. Selezionare dal menu del sito la voce corrispondente agli smartphone;
2. Applicare i filtri di ricerca indicati sopra;
3. Visualizzare il dettaglio del prodotto.
Azione 1: Selezionare dal menu del sito la voce corrispondente agli smartphone.
1
Sì, le voci corrispondenti agli smartphone sono nel sottomenu di “Telefonia e navigatori”.
2
Sì. La voce corrispondente a smartphone è indicata sotto all’intuitiva voce telefonia.
3
Sì. Se si è alla ricerca di uno smartphone è giusto selezionare smartphone.
4
Sì, si viene rimandati a una pagina contenente gli smartphone in vendita.
Azione 2: applicare filtri di ricerca per uno smartphone che abbia un costo inferiore a 250 euro
e con una fotocamera da 8 megapixel.
1
Sì, l’azione è piuttosto chiara e serve per rispecchiare i desideri dell’utente nell’acquisto di
uno smartphone ideale.
2
Sì, i filtri applicabili sono ben categorizzati all’inizio dell’elenco degli smartphone, anche se
graficamente lasciano un po’ a desiderare.
3
Sì, in quanto non ci sono altri metodi di filtraggio dei prodotti nella pagina.
116
Capitolo 3: Analisi con metodi ispettivi
4
Sì, anche se la lista dei filtri applicata in precedenza non è molto visibile. Si trova sopra la
lista dei filtri applicabili.
Azione 3: Visualizzare il dettaglio del prodotto.
1
Sì. È chiaro che servono i dettagli del prodotto.
2
Sì, il prodotto viene visualizzato proprio davanti a lui.
3
Sì, per visualizzare il prodotto bisogna cliccare sul prodotto.
4
Sì, si viene rimandati alla pagina di dettaglio del prodotto.
Valutazione 2
Valutatore: Pellegrini Dario
Data di valutazione: 6/2/2014
Sistema da valutare: Sito web Unieuro
Obiettivo: analizzare le difficoltà dell’utente nell’acquisto di un prodotto.
Compito: Acquistare il tablet Nexus 7.
Stato iniziale: Pagina di dettaglio di un prodotto
Azioni:
Azione 1: aggiungere il prodotto al carrello.
1
Sì.
2
Sì, il tasto per aggiungere l’oggetto al carrello è in bella vista.
3
Sì.
4
Sì. Si viene rimandati alla pagina del carrello contenente tutti gli oggetti del carrello e, in
questo caso, anche il Nexus 7.
Azione 2: selezionare la modalità di consegna a domicilio.
117
Capitolo 3: Analisi con metodi ispettivi
1
Sì.
2
Sì, l’opzione per la consegna a domicilio è sotto l’elenco degli oggetti del carrello.
3
Sì.
4
Sì, l’opzione una volta selezionata viene evidenziata
Azione 3: proseguire.
1
Sì, una volta selezionata la consegna a domicilio è chiaro all’utente che è necessario
proseguire per effettuare l’effettivo acquisto.
2
Sì, il tasto per proseguire è ben visibile.
3
Sì.
4
Sì, la pagina cambia e si viene rimandati alla pagina di login.
Azione 4: proseguire senza effettuare la registrazione.
1
Sì. La possibilità di proseguire senza effettuare la registrazione è comprensibilmente
necessaria per continuare l’acquisto anche se non ci si vuole registrare o se non si è già
registrati.
2
Sì, il tasto per proseguire senza registrazione è in bella vista.
3
Sì.
4
Sì, si viene rimandati a una pagina per la compilazione dei propri dati.
Azione 5: inserire le informazioni richieste, che siano consistenti con i seguenti valori:
a.
b.
c.
d.
e.
f.
Mario Rossi
[email protected]
Via Leopardi
Milano
20100
Telefono: 3332233999.
118
Capitolo 3: Analisi con metodi ispettivi
1
Sì. È evidente che per proseguire sia necessario inserire i propri dati.
2
Sì, i campi sono chiari ed espliciti.
3
Sì.
4
Sì, i campi sono riempiti con i dati desiderati dall’utente.
Azione 6: Proseguire
1
Sì, una volta inseriti i dati è chiaro che sia necessario proseguire per confermare la corretta
compilazione.
2
Sì, il tasto per proseguire è ben visibile.
3
Sì.
4
Sì, si viene rimandati alla pagina di selezione del pagamento.
Azione 7: Selezionare una consegna standard
1
Sì.
2
Sì, l’opzione per la consegna standard è ben visibile.
3
Sì.
4
Sì, l’opzione una volta selezionata viene evidenziata
Azione 8: Selezionare il pagamento a contrassegno
1
Sì.
2
Sì, l’opzione di pagamento con contrassegno è ben visibile.
3
Sì.
4
Sì, l’opzione una volta selezionata viene evidenziata
Azione 9: Proseguire.
1
Sì, una volta selezionate le opzioni desiderate è chiaro che sia necessario proseguire.
119
Capitolo 3: Analisi con metodi ispettivi
2
Sì, il tasto per proseguire è ben visibile.
3
Sì.
4
Sì, si viene rimandati alla pagina di conferma dell’acquisto.
Azione 10: Dare conferma (questa operazione non verrà effettivamente eseguita).
1
Sì, è chiaro che l’ultimo passaggio dell’acquisto sia la conferma finale di acquisto del
prodotto.
2
Sì, il tasto per la conferma è ben visibile.
3
Sì.
4
Sì.
120
Capitolo 3: Analisi con metodi ispettivi
3.2.3 Prima fase di debriefing
In questa fase sono stati redatti i due documenti dei problemi, uno per ogni sottogruppo. I
documenti sono presenti in allegato.
3.2.4 Seconda fase di debriefing
In questa fase il gruppo si è riunito al completo ed è stato stilato il documento globale dei
problemi rilevati.
Documento globale dei problemi
Nome
Azione
Domanda
Peso
Frequenza
Descrizione
Nome
Azione
Domanda
Peso
Frequenza
Descrizione
Ambiguità nella visualizzazione del tasto “Vedi prodotto”.
3: visualizzare dettagli prodotto.
3: se l’utente può individuare lo strumento, può anche capire che è quello
giusto per fare ciò che vuol fare?
1
1
E' lecito supporre che l'utente pensi che il bottone "Vedi prodotto”,
caratterizzato da un’immagine di un carrello, sia un bottone per inserire il
prodotto nel carrello.
Screenshot
Impossibilità di filtrare prodotti con prezzo minore di 250€
2: applicare filtri di ricerca per uno smartphone che abbia un costo inferiore a
250 euro e con una fotocamera da 8 megapixel.
2: l’utente può individuare lo strumento di interazione?
2
1
È possibile applicare un filtraggio sul prezzo solo per range di valori. Quindi è
impossibile selezionare tutti i prodotti con prezzo minore di 250 €.
Screenshot
121
Capitolo 3: Analisi con metodi ispettivi
Nome
Azione
Domanda
Peso
Descrizione
Nome
Azione
Domanda
Peso
Frequenza
Descrizione
Lista filtri applicata poco visibile
2: applicare filtri di ricerca per uno smartphone che abbia un costo inferiore a
250 euro e con una fotocamera da 8 megapixel.
Dopo che l’azione è eseguita, l’utente capisce la risposta che ottiene
3
I filtri applicati sono visualizzati, ma resi poco visibili.
Screenshot
Cambio di stato poco chiaro
2: Inserire i dati geografici per trovare il negozio sopra citato.
4: Dopo che l’azione è eseguita, l’utente capisce la risposta che ottiene?
1
1
Non è chiaro se dopo aver scelto la regione il sistema cambia stato in quanto
la cartina dell’Italia non viene in alcun modo alterata; l’unico dettaglio che
prova il cambio di stato è un cambio poco visibile di colore delle choice
“Provincia” o “Località”
Screenshot
122
Capitolo 3: Analisi con metodi ispettivi
Nome
Azione
Domanda
Peso
Frequenza
Descrizione
Nome
Azione
Domanda
Peso
Frequenza
Descrizione
Nome
Azione
Domanda
Peso
Frequenza
Descrizione
Etichetta non precisa
4: Reperire l’indirizzo del negozio.
3: Se l’utente può individuare lo strumento, può anche capire che è quello
giusto per fare ciò che vuol fare?
1
2
Non è chiaro cosa contenga l’etichetta “informazioni” quindi l’utente non
capisce quale etichetta contenga il dato cercato, cioè l’indirizzo.
Screenshot
Etichette non chiare
6: Avviare la ricerca.
3: Se l’utente può individuare lo strumento, può anche capire che è quello
giusto per fare ciò che vuol fare?
2
1
Dalle etichette “A” e “B” non si riesce a capire il significato del campo di
input.
Screenshot
Cambio di area poco visibile
1: Selezionare dal menu del sito la voce corrispondente alle smart TV.
4: Dopo che l’azione è eseguita, l’utente capisce la risposta che ottiene?
2
1
Benché l’aspetto della pagina cambi in modo radicale non è ben visibile
se l’utente sia nella pagina corretta oppure no in quanto la stringa “TV
Smart” contenuta nella barra a “breadcrumb” è piccola e poco visibile
rispetto agli altri contenuti della pagina
Screenshot
123
Capitolo 3: Analisi con metodi ispettivi
Nome
Azione
Domanda
Peso
Frequenza
Descrizione
Nome
Azione
Domanda
Peso
Frequenza
Descrizione
Riconoscimento non immediato
2: Aggiungere i prodotti sopra citati all’elenco dei prodotti da
confrontare.
3: Se l’utente può individuare lo strumento, può anche capire che è
quello giusto per fare ciò che vuol fare?
0
1
Dipende dalla posizione dell’oggetto in questione: se l’oggetto è troppo
in basso nella pagina l’etichetta “confronta prodotti” sparisce dalla
visuale dell’utente, impedendo il riconoscimento
Screenshot
Pulsante confronta prodotti poco visibile
3: Avviare il confronto.
3: Se l’utente può individuare lo strumento, può anche capire che è
quello giusto per fare ciò che vuol fare?
2
2
Il pulsante di interazione “Confronta prodotti” risulta essere poco visibile
sia per la sua dimensione ridotta sia per la sua posizione: in caso infatti
i 2 prodotti si trovino in basso all’elenco il pulsante è nascosto dalla
vista dell’utente
Screenshot
124
Capitolo 3: Analisi con metodi ispettivi
Analisi dei risultati ottenuti
Grazie al walkthrough cognitivo sono stati individuati ulteriori problemi di usabilità. Nonostante
ciò i problemi individuati non hanno una gravità elevata, infatti il valore più utilizzato è stato il 2.
Solo per un problema è stato attribuito un peso pari a 3: tale problema riguarda i filtri applicabili
durante la ricerca. Una volta applicato un filtro, questo viene giustamente mostrato, ma in modo
poco visibile e chiaro.
Infine è da notare che molti dei problemi riscontrati durante il walkthrough erano già stati
individuati dalla precedente valutazione euristica.
125
Capitolo 4: Esperimento con gli utenti
Capitolo 4: Esperimento con gli
utenti
Tramite l’esperimento con gli utenti è possibile ottenere dei risultati che permettono di stabilire
quanto il sistema sia utilizzabile dagli stessi. Per fare ciò è necessario progettare accuratamente
ogni singola fase dello stesso che si articola nei seguenti punti:
1. Esposizione del problema che l’esperimento intende chiarire.
2. Pianificazione dell’attività sperimentale.
3. Esecuzione dell’esperimento.
4. Analisi dei risultati.
La progettazione dell’esperimento è essenziale anche per assicurarsi che la verifica pianificata
sia affidabile e valida: per raggiungere questo obiettivo sono state formulate diverse domande le
cui risposte costituiscono le proprietà base dell’esperimento da effettuare.
Il capitolo divide l’esperimento con gli utenti in tre settori: in una prima fase si delineano le
caratteristiche base dell’esperimento da eseguire, rispondendo a delle domande
precedentemente formulate. Le risposte non rappresentano i dati di partenza dell’esperimento
eseguito, bensì le modalità e/o i motivi per cui sono state prese certe decisioni piuttosto che
altre. Inoltre, dato che i quesiti riguardano aspetti rilevanti o prima dell’esperimento o dopo
l’esperimento o durante lo stesso, si è pensato di raggrupparli in tre sezioni ben separate in
modo da facilitare la lettura del documento. Alle risposte delle domande seguono poi i parametri
utilizzati nel test, come il numero di utenti usati, i compiti definiti o le modalità con cui effettuare
il test pilota. Infine, sempre nel primo settore del capitolo, sono esposti i documenti elaborati
nella fase di pianificazione.
Nel secondo settore sono invece esposti i cambiamenti eseguiti sui documenti dopo aver
effettuato il test pilota: in questo modo si è evitato di confondere l’utente con quesiti poco chiari
e/o tempistiche troppo strette evitando così la falsificazione dei dati ottenuti dall’esperimento.
Infine, nell’ultima parte del capitolo sono stati analizzati i risultati dell’esperimento con gli utenti,
esponendo grafici, effettuando considerazioni su alcuni test ed esponendo le conclusioni sul
portale Unieuro.
126
Capitolo 4: Esperimento con gli utenti
4.1 Pianificazione
Durante la fase di pianificazione sono state definite tutte le caratteristiche per redigere in
maniera appropriata l’esperimento con gli utenti. Tali caratteristiche sono state definite
rispondendo alle seguenti domande.
1. Quando e dove si terrà il test?
2. Quanto tempo dovrà durare ogni sessione?
3.
Quali
test?
tipi
di
supporto
(hardware/software)
sono
necessari
per
condurre
il
4. In che stato deve trovarsi il sistema per iniziare il test?
5. Quali devono essere i tempi di risposta e/o i tempi della rete?
6. Chi saranno gli sperimentatori?
7. Chi saranno gli utenti test, come li troviamo, e quanti dovranno essere?
8. Quali compiti faremo svolgere?
9. Quali criteri adottiamo per decidere quando l’utente ha finito un task correttamente?
10. Quali aiuti diamo agli utenti (manuali, etc.)?
11. Fino a che punto lo sperimentatore può aiutare l’utente durante il test?
12. Quali dati si vogliono raccogliere e come li analizzeremo?
13. Quale sarà il criterio per dichiarare il successo o l’insuccesso del sistema?
Per aumentare la chiarezza dell’esposizione si è ritenuto opportuno dividere le risposte alle
precedenti domande in tre sezioni separate.
4.1.1 Pianificazione degli aspetti generali
Prima di procedere all’esecuzione dell’esperimento è necessario definire diversi aspetti.
Anzitutto è stata stabilita la data e il luogo dei test. Per assecondare il più possibile l’utente si è
deciso di lasciare la scelta della data e del luogo al diretto interessato.
127
Capitolo 4: Esperimento con gli utenti
Dopodiché è stata definita la durata massima dell’intero test. Per non tediare troppo l’utente si è
optato per una durata massima di un’ora circa. In questo arco di tempo è compresa la
presentazione iniziale dell’esperimento, la compilazione del pre-questionario, del questionario e
l’esecuzione dell’esperimento vero e proprio.
L’esecuzione dell’esperimento richiede la definizione degli strumenti hardware e software che
saranno necessari nonché le prestazioni della connessione Internet. L’hardware disponibile
viene esposto di seguito:


Computer. Il PC sarà di proprietà degli sperimentatori per avere la sicurezza che sia
funzionante, e per poterlo predisporre preventivamente all’esecuzione del test. Si è
inoltre deciso di non lasciare attivi altri programmi in esecuzione non inerenti al test
(come Dropbox, Hangouts e social network) per evitare inutili distrazioni all’utente e
consumi di banda.
Mouse e touchpad. È stata data la possibilità all’utente di scegliere il dispositivo di
puntamento da utilizzare per mettere l’utente il più possibile a suo agio.
Per quanto concerne il software, le scelte sono le seguenti:

Sistema operativo. Non è stata fatta nessuna scelta riguardante i sistemi operativi
poiché essi non influenzano l’esecuzione dell’applicazione perché si tratta di
un’applicazione web.

Firefox, Chrome e Safari. Sono stati scelti questi browser poiché proprio tali
programmi sono stati utilizzati durante le fasi precedenti della valutazione del sito e
durante tali fasi non sono stati riscontrati problemi di navigazione.

Fraps, QuickTime: Si è scelto di registrare le azioni sullo schermo dell’utente: questo
per permettere agli sperimentatori di poter rivedere alcuni passaggi eseguiti
dall’utente nel caso in cui gli fossero sfuggiti alcuni particolari. Gli utenti saranno
informati circa la registrazione dell’esperimento solo a fine verifica: ciò per diminuire
il più possibile l’effetto Hawthorne.
Le caratteristiche della connessione ad Internet sono invece i tipici valori di una normale ADSL;
questo per consentire una navigazione veloce ed affidabile che non interferisca con le
prestazioni del sito in esame.
Oltre alla definizione degli strumenti hardware e software è necessario anche stabilire lo stato
iniziale del sistema quando l’utente si approccerà ad esso. È stato deciso di impostare lo stato
iniziale nel seguente modo:

Computer acceso;

Browser aperto visualizzante la homepage del sito Unieuro;

Programma di registrazione video già attivo;
128
Capitolo 4: Esperimento con gli utenti

Browser con cache e cronologia vuote;
Infine il ruolo di sperimentatore verrà svolto da tutti i membri del gruppo. La maggior parte degli
esperimenti è stata svolta in autonomia dai cinque sperimentatori del gruppo. In due casi
all’osservatore è stato affiancato un facilitatore. Questa scelta è stata effettuata dato l’elevato
numero di sperimentatori, la vicinanza geografica di residenza di due di essi e degli utenti di
test. Ciò ha permesso di effettuare un’analisi più accurata degli esperimenti con gli utenti.
Gli sperimentatori hanno svolto il proprio compito secondo le seguenti modalità:
1° sperimentatore: ruolo di osservatore con due utenti di test;
2° sperimentatore: ruolo di osservatore con due utenti di test;
3° sperimentatore: ruolo di osservatore con due utenti di test;
4° sperimentatore: ruolo di osservatore con un utente di test e ruolo di facilitatore con un
utente di test;
5° sperimentatore: ruolo di osservatore con un utente di test e ruolo di facilitatore con un
utente di test;
4.1.2
Pianificazione
dell’esperimento
della
gestione
in
corso
Vengono ora analizzati gli aspetti che sono rilevanti durante l’esecuzione dell’esperimento. La
prima domanda cui si deve rispondere è come determinare se un utente è arrivato al
completamento del compito. Per la scelta del completamento del task l’utente deciderà se ha
completato o meno un compito/scenario. Sarà poi compito degli sperimentatori dedurre e
annotare le relative conclusioni.
Durante l’esperimento, l’utente potrebbe avere bisogno di aiuto. L’aiuto, teoricamente, potrebbe
arrivare da eventuali manuali, o dallo sperimentatore. Visto che il sistema analizzato è un
sistema progettato per essere “walk up and use”, non è presente un manuale. Per quanto
riguarda gli sperimentatori, essi possono offrire i seguenti tipi d’aiuto:

Aiuti sulla comprensione dei termini utilizzati per quanto riguarda i compiti/scenari.
Per esempio l’utente potrebbe non conoscere il termine “tablet”.

Aiuti generici in casi in cui l’utente non sappia come proseguire, senza però riferirsi a
elementi specifici dell’applicazione o dell’interfaccia. Per esempio “prova a ripartire e
vedi se c’è un’altra strada” oppure “Dai forza, guarda bene”.
129
Capitolo 4: Esperimento con gli utenti
4.1.3 Pianificazione dell’analisi dei risultati
I dati che verranno reperiti durante l’esperimento sono diversi a seconda che la verifica sia su
uno scenario o su un compito.
Nel test di compito i parametri sono:
1. Completato si/no: Indica se il task è stato completato dall’utente per il valutatore.
2. Percentuale di completamento: Se il task prevede dei sottocompiti, indica il numero
di sottocompiti completati.
3. Tempo: Indica il tempo di completamento del task, in secondi.
4. Numero di Click: Numero di click necessari al completamento del compito.
5. Numero di Backtracking: Numero di backtrack effettuati dall’utente durante
l’esecuzione del task.
6. Commento utente: Eventuali commenti dell’utente durante lo svolgimento del
compito.
7. Commento sperimentatore: Eventuale commento dello sperimentatore.
Nel test di scenario i parametri sono:
1. Completato si/no: Indica se il task è stato completato dall’utente per il valutatore.
2. Percentuale di completamento: Se il task prevede dei sottocompiti, indica il numero di
sottocompiti completati.
3. Tempo: Indica il tempo di completamento del task, in secondi.
4. Commento utente: Eventuali commenti dell’utente durante lo svolgimento del compito.
5. Commento sperimentatore: Eventuale commento dello sperimentatore.
Per l’analisi dei dati verranno utilizzati dei grafici che aggregano le informazioni reperite. Dopo
aver effettuato tale analisi si stabilirà il successo del sistema. L’obiettivo ideale è quello in cui
ogni utente riesce a svolgere tutti i compiti e tutti gli scenari senza difficoltà; tuttavia ciò è
altamente improbabile. Per questo è stato definito il successo del sistema come segue:

La media del completamento dei compiti deve essere maggiore o uguale all’80%.

La deviazione standard è di 20 punti.

La media del completamento degli scenari deve essere maggiore o uguale all’85%.

La deviazione standard è di 20 punti.
130
Capitolo 4: Esperimento con gli utenti
4.1.4 Test di compito e Test di Scenario
I compiti e gli scenari scelti saranno svolti da tutti gli utenti. Questo porta alcuni vantaggi. Prima
di tutto utilizza pochi utenti, e la variabilità degli stessi non incide particolarmente sui risultati.
Tuttavia far svolgere a tutti gli utenti l’intero test, comporta una falsificazione dei risultati dovuta
all’apprendimento dei soggetti.
Per l’esperimento con gli utenti è stato deciso di creare 10 test di compito e 2 test di scenario.
Per definire tali compiti sono state utilizzate le informazioni contenute nell’email di risposta di
Unieuro e ci si è ispirati alle comuni funzionalità di un sito di e-commerce.
Di seguito sono riportati i compiti e gli scenari.
Test di compito
Ad ogni singolo compito è associato il tempo massimo di esecuzione. Inoltre per i compiti più
strutturati, sono stati decisi dei sottocompiti per aiutare l’osservatore, durante l’esperimento, a
capire la percentuale di completamento del compito.
1. Accedere alla categoria Tablet e Ebook
Tempo massimo:2 minuti.
2. Cercare il prodotto “Nexus 7”
Tempo massimo:2,5 minuti.
3. Accedere al servizio clienti
Tempo massimo:2,5 minuti.
4. Accedere alla voce “Congelatori verticali” sotto la voce “Incasso”
5. Effettuare la registrazione
Tempo massimo: 5 minuti.
Sottocompiti:
a.
b.
c.
d.
Cliccare “mio Unieuro”;
Cliccare “registrati”;
Compilare il form;
Salvare.
131
Capitolo 4: Esperimento con gli utenti
6. Aggiungere al carrello la console “playstation 3”
Tempo massimo: 5 minuti.
Sottocompiti:
a. Trovare il prodotto;
b. Aprire il dettaglio del prodotto;
c. Cliccare “aggiungi al carrello”;
7. Modificare i dati del proprio account. Modificare il proprio indirizzo inserendo “Via
Garibaldi 42”. Utilizzare come nome utente “[email protected]” e come password
“corsoium”.
Tempo massimo: 7 minuti.
Sottocompiti:
a. Effettuare il login;
b. Accedere alla sezione per la modifica dei dati personali;
c. Modificare i dati e premere conferma.
8. Compilare una gift card per il compleanno da 25 euro e aggiungerla al carrello
Tempo massimo: 8 minuti.
Sottocompiti:
a.
b.
c.
d.
Accedere alla voce “gift card”;
Scegliere il template;
Compilare il form;
Aggiungere al carrello.
9. Confrontare i primi due prodotti della categoria smartphone
Tempo massimo: 8 minuti.
Sottocompiti:
a. Alla categoria smartphone;
b. Selezionare i primi due elementi;
c. Cliccare “confronta prodotti”.
10. Applicare un filtro di ricerca per gli smartphone con i seguenti dati:
132
Capitolo 4: Esperimento con gli utenti
i.
ii.
iii.
iv.
Marca: samsung
Tipo prodotto: android
Prezzo: tra i 200 e i 299.99
Processore: da 1.2 giga hertz
Tempo massimo: 10 minuti.
Sottocompiti:
a. Accedere alla categoria smartphone;
b. Applicare i filtri.
Test di scenario
Di seguito sono presentati i due test di scenario da sottoporre agli utenti. Anche per questi è
presente un tempo massimo di completamento e un elenco di sotto compiti per aiutare
l’osservatore a capire la percentuale di completamento del test.
1. Ti stai per sposare e ti mancano alcuni elettrodomestici per completare la tua casa. Hai
bisogno di un forno, di un frigorifero, di una tv e un telefono fisso. Ti serve un forno
piccolo, quindi non più di 60 cm. Il frigorifero deve essere ecologico, almeno A+ e
monoporta. La televisione non deve superare i 40 pollici, vuoi un’estensione di garanzia
e il collegamento all’antenna. Fai in modo, se possibile, di farti recapitare il tutto a casa.
Tempo massimo: 20 min.
Sotto compiti:
a.
b.
c.
d.
e.
Aggiungere forno
Aggiungere tv
Aggiungere frigorifero
Aggiungere telefono
Arrivare fino alla conferma dell’acquisto
2. Vivi a Lumezzane e hai un problema con il tuo smartphone. Devi trovare il negozio più
vicino a te che sia aperto la domenica. Devi ottenere le indicazioni stradali per andarci.
133
Capitolo 4: Esperimento con gli utenti
Tempo massimo: 15 min.
Sotto compiti:
a. Accedere alla sezione trova negozi
b. Inserire i dati del negozio cercato
c. Reperire tutte le informazioni
4.1.5 Utenti di test
Il numero di utenti è stato fissato a 10. Analizzando il grafico sperimentale ricavato da Nielsen,
con tale numero di utenti si ricava la quasi totalità dei problemi di usabilità.
Nella scelta degli utenti di test sono stati tenuti in considerazione i seguenti parametri:
Età
Il gruppo di utenti di test è stato scelto in modo da ricoprire una fascia di età sufficientemente
ampia.
Sesso
Il gruppo di utenti è stato scelto in modo da mantenere un’uniformità fra i sessi, dato che il sito
non è rivolto a una delle due categorie in particolare.
134
Capitolo 4: Esperimento con gli utenti
Navigazione Web
Nella scelta degli utenti di test si è cercato di privilegiare coloro che avessero una frequenza di
navigazione web media o alta, in quanto è più probabile che utenti di queste categorie possano
fare utilizzo dei servizi offerti dal sito Unieuro.
Titolo di studio
Sono stati considerati utenti con titoli di studio diversificati per avere un campione vario.
Conoscenza sistema Unieuro
E’ preferibile che gli utenti di test non abbiano mai usato il portale Unieuro, dato che la natura
del test è quella di indagare l’usabilità del sito.
Conoscenza applicazioni simili
Aver già utilizzato altri siti di e-commerce può portare gli utenti a sapersi orientare meglio
all’interno del portale Unieuro, avendo già dimestichezza con concetti quali il carrello, la
registrazione ecc. Tuttavia un utente potrebbe avere difficoltà nell’utilizzare funzionalità già
viste, ma accessibili in maniera differente da altri siti.
4.1.6 Pianificazione del test pilota
Prima di eseguire estesamente l’esperimento sugli utenti, è stato eseguito un test pilota su un
utente. Tale test, condotto da un osservatore, ha l’obiettivo di:

Verificare che le istruzioni fornite nei compiti e nello scenario siano comprensibili
all’utente;

Verificare se i tempi stabiliti sono sufficienti per l’esecuzione del test;

Scoprire il livello di difficoltà che percepiscono gli utenti;

Verificare che i compiti abbiano un livello di difficoltà incrementale;

Verificare che lo sperimentatore abbia I tempi tecnici per annotare tutti I parametri
precedentemente definiti;

Raccogliere eventuali commenti degli utenti.
135
Capitolo 4: Esperimento con gli utenti
4.1.7 Documenti realizzati
Di seguito sono riportati i documenti redatti durante la fase di pianificazione e che verranno
utilizzati per la fase di test. Sono riportate solamente le prime pagine dei documenti, allo scopo
di illustrare il formato dei documenti. I documenti completi sono disponibili in allegato
all’elaborato.
136
Capitolo 4: Esperimento con gli utenti
Modulo osservatore test pilota
137
Capitolo 4: Esperimento con gli utenti
Post-questionario utente test pilota
138
Capitolo 4: Esperimento con gli utenti
Checklist osservatore
139
Capitolo 4: Esperimento con gli utenti
Pre-questionario utente
140
Capitolo 4: Esperimento con gli utenti
Modulo osservatore
141
Capitolo 4: Esperimento con gli utenti
Post-questionario utente
142
Capitolo 4: Esperimento con gli utenti
4.2 Debriefing del test pilota
Dall’esecuzione del test pilota sono emersi alcuni problemi di comprensione, da cui poi sono
state apportate le seguenti modifiche.






Compito 1. L’utente interpreta Tablet ed Ebook come due sezioni separate, mentre in realtà
sono una sola. La modifica effettuata consiste nel delimitare Tablet ed Ebook con dei doppi
apici (“Tablet ed Ebook”).
Compito 5. All’utente non è chiaro a cosa deve registrarsi, se al sito o se alla newsletter. La
modifica effettuata è stata quella di specificare che la registrazione si riferisce al sito.
Compito 8. All’utente non sono forniti i dati da utilizzare per l’invio della gift card. Questo
causa disorientamento. Per risolvere il problema sono stati forniti i dati mancanti.
Compito 10. L’utente interpreta il “.” come separatore delle migliaia e non come separatore
decimale (299.99 interpretato come 299 mila). Il “.” è stato sostituto da “,” (299,99).
Scenario 1. L’utente non completa l’acquisto poiché non viene espressamente indicato. Per
risolvere tale problema è stato chiaramente specificato di ultimare la fase dell’acquisto del
prodotto.
Scenario 2. L’utente perde tempo dovendo capire la posizione geografica di Lumezzane
prima di poter risolvere il compito. Al fine di risolvere il problema è stato sostituito
Lumezzane con Brescia.
Inoltre il test ha evidenziato che i tempi massimi di esecuzione dei compiti/scenari
precedentemente assegnati sono troppo ampi. Si è deciso di conseguenza di diminuirli a valori
più consoni.
143
Capitolo 4: Esperimento con gli utenti
4.3 Debriefing del test sugli utenti
In questa sezione viene riportato il debriefing dell’esperimento svolto con gli utenti.
4.3.1 Caratteristiche del campione di utenti
A ogni utente è stato richiesto di compilare il pre-questionario contenente informazioni di
carattere generale. Da tale documento sono poi stati estrapolati i dati mostrati in tabella:
Nome
Età
Sesso
Utente 1
41-45
M
Utente 2
21-25
M
Utente 3
51-55
M
Utente 4
46-50
F
Utente 5
36-40
M
Utente 6
46-50
M
Utente 7
56-60
M
Utente 8
36-40
F
Utente 9
21-25
F
Utente
10
56-60
F
Titolo di
studio
Navigazione
Web
Laurea
magistrale
Licenza media
superiore
Licenza media
superiore
Licenza media
superiore
Laurea
triennale
Licenza media
superiore
Licenza media
Giornaliera
Bassa
Conoscenza
applicazioni
simili
Media
Giornaliera
Bassa
Bassa
Giornaliera
Media
Media
Settimanale
Bassa
Bassa
Giornaliera
Media
Alta
Giornaliera
Bassa
Media
Settimanale
Bassa
Media
Giornaliera
Bassa
Alta
Giornaliera
Bassa
Bassa
Settimanale
Bassa
Media
Licenza media
superiore
Licenza media
superiore
Licenza media
superiore
Conoscenza
di Unieuro
Dato che, nell’e-mail ricevuta dal sito Unieuro, veniva specificato che l’età media degli utenti
reali è compresa fra i 35 e i 45 anni, si è pensato di scegliere utenti che rappresentassero
questa categoria. Tuttavia per realizzare un’analisi più generale, il campione di utenti scelto
comprende anche fasce d’età differenti; il risultato è un campione eterogeneo per quanto
riguarda tale caratteristica.
144
Capitolo 4: Esperimento con gli utenti
Fasce d'età
6
N utenti
5
4
3
2
1
0
Fino a 30
Dai 31 ai 50
Oltre ai 50
Fasce d'età
Per quanto concerne la navigazione web, il campione analizzato utilizza Internet in modo
frequente: ciò si conforma alla necessità di avere utenti pratici nella consultazione di siti
Internet.
Navigazione Web
8
7
N utenti
6
5
4
3
2
1
0
Giornaliera
Settimanale
Mensile
Navigazione web
Dai dati rilevati gli utenti possiedono una buona conoscenza dei siti di e-commerce e quindi
anche della loro terminologia.
145
Capitolo 4: Esperimento con gli utenti
Conoscenza siti e-commerce
6
N utenti
5
4
3
2
1
0
Alta
Media
Bassa
Conoscenza
4.3.2 Commento al test con facilitatore
Alcuni dei test con gli utenti sono stati svolti utilizzando sia un osservatore sia un facilitatore.
L’esecuzione degli esperimenti in tali condizioni ha consentito uno studio del comportamento
dell’utente più attento e preciso, permettendo una raccolta di dati maggiori e più approfondita.
146
Capitolo 4: Esperimento con gli utenti
4.3.3 Risultato osservazione compiti e scenari
1. Accedere alla categoria Tablet ed Ebook.
Completamento
7
6
N utenti
5
4
3
2
1
0
100%
0%
Percentuale di completamento
Media tempo (s)
58,578
Media numero click
2
Commenti e osservazioni
Media numero di backtrack
1,1
1. Difficoltà nel trovare la categoria “Tablet e Ebook” che si trova nell’home page, perché ci
sono troppe informazioni
2. Utilizza il form ricerca.
3. Il menu delle categorie non viene sfruttato.
2.Cercare il prodotto “Nexus 7”.
147
Capitolo 4: Esperimento con gli utenti
Completamento
10
N utenti
8
6
4
2
0
100%
0%
Percenutale di completamento
Media tempo (s)
60,045
Media numero click
Media numero di backtrack
2
0,4
Commenti e osservazioni
1. Alcuni utenti hanno preferito cercare nel menu delle categorie piuttosto che utilizzare il form
di ricerca.
3. Accedere al servizio clienti.
Completamento
10
N utenti
8
6
4
2
0
100%
0%
Percentuale di completamento
148
Capitolo 4: Esperimento con gli utenti
Media tempo (s)
58,092
Media numero click
Media numero di backtrack
1,9
0,1
Commenti e osservazioni
1. Il link del servizio clienti è difficile da trovare nella pagina, poiché è situato nel footer.
2. Viene utilizzato il form di ricerca per trovarlo, ma senza successo. Viene utilizzato come
oracolo, ma il form di ricerca serve solamente per cercare i prodotti e non come ricerca in
generale.
4. Accedere alla voce “Congelatori verticali” sotto la voce
“Incasso”.
Completamento
12
N utenti
10
8
6
4
2
0
100%
0%
Percentuale di completamento
Media tempo (s)
52,704
Media numero click
Media numero di backtrack
2
0,2
Commenti e osservazioni
1. Il menu delle categorie “a comparsa” disorienta l’utente poiché “appare” e “scompare” con
una logica poco comprensibile all’utente.
5.Effettuare la registrazione al sito
149
Capitolo 4: Esperimento con gli utenti
N utenti
Completamento
8
7
6
5
4
3
2
1
0
100%
75%
50%
25%
Percentuale di completamento
Media tempo (s)
228,9
Media numero click
Media numero di backtrack
4,1
0,4
Commenti e osservazioni
1. Il link per la registrazione è presente dopo aver cliccato “il mio Unieuro”, ciò è molto poco
intuitivo e confusionale per gli utenti.
2. Viene utilizzato il form di ricerca, ma senza successo poiché il form ricerca solamente i
prodotti.
3. Le istruzioni per la correzione su un errore nella password sono poco chiare (testo troppo
piccolo).
6. Aggiungere al carrello la console “Playstation 3”.
Completamento
12
N utenti
10
8
6
4
2
0
100%
0%
Percentuale di completamento
150
Capitolo 4: Esperimento con gli utenti
Media tempo (s)
73,225
Media numero click
Media numero di backtrack
3,8
0,3
Commenti e osservazioni
1.Viene preferito il form di ricerca al menu delle categorie.
2. Il link “vedi prodotto” presenta l’icona del carrello, che però non ha il compito di aggiungere il
prodotto al carrello.
7. Modificare i dati del proprio account
Completamento
10
N utenti
8
6
4
2
0
100%
0%
Percenutale di completamento
Media tempo (s)
131,695
Media numero click
Media numero di backtrack
5,2
0,5
Commenti e osservazioni
1. Gli errori non sono segnalati vicino ai campi errati, bensì in alto alla pagina, essendo
scomodi da consultare e meno facili da correggere.
2. Alcuni utenti faticano a trovare la sezione dedicata ai propri dati.
8. Compilare un gift card e aggiungerla al carrello
151
Capitolo 4: Esperimento con gli utenti
N utenti
Completamento
8
7
6
5
4
3
2
1
0
100%
75%
50%
Percentuale di completamento
Media tempo (s)
123,132
Media numero click
Media numero di backtrack
4,5
0,5
Commenti e osservazioni
1. Il link “gift card” presente in ogni pagina non viene mai notato.
2. Viene utilizzato il form di ricerca oppure il menu delle categorie.
9. Confrontare i primi due prodotti della categoria smartphone
Completamento
10
N utenti
8
6
4
2
0
100%
0%
Percenutale di completamento
Media tempo (s)
110,73
Media numero click
4,6
Commenti e osservazioni
1. Il tasto “confronta” a volte risulta poco visibile.
Media numero di backtrack
0,3
152
Capitolo 4: Esperimento con gli utenti
10. Applicare un filtro di ricerca per gli smartphone
Completamento
12
N utenti
10
8
6
4
2
0
100%
0%
Percentuale di completamento
Media tempo (s)
86,054
Media numero click
Media numero di backtrack
7,6
0
Commenti e osservazioni
1. Il filtro “processore” risulta poco visibile perché è di un altro formato. Il filtro ha uno sfondo
bianco, mentre il filtro processore ha uno sfondo blu che si confonde col resto della pagina.
L’utente non capisce che la colonna blu indica che sono presenti filtri aggiuntivi.
153
Capitolo 4: Esperimento con gli utenti
Scenario 1
Completamento
10
N utenti
8
6
4
2
0
100%
60%
Percentuale di completamento
Media tempo (s)
555,6
Commenti e osservazioni
1. Un solo utente fatica enormemente a trovare l'estensione di garanzia e il collegamento
all'antenna. Alla fine del compito lo scova per caso. Perde tempo leggendo pagine inutili e
forvianti.
2. Nella fase di acquisto vengono segnalati errori in alto alla pagina e non vicino all'errore
stesso. Gli errori sono troppo lunghi, l'utente si annoia e non li legge tutti, provando di
conseguenza a risolvere "a caso" i problemi. Cliccando sul tasto "prosegui" non si procede
perché vi sono degli errori, che però sono in alto alla pagina, mentre il tasto "prosegui" si trova
in basso. L'utente non capisce perché non può proseguire.
3. Nei filtri di ricerca è presente il filtro "Dimensioni", ma senza un'unità di misura.
4. In elenco prodotti sono presenti delle piccole tabelle contenti dettagli aggiuntivi dei prodotti.
Per alcuni sono presenti per altri no. Non si capisce il perché. Per esempio nella ricerca del
forno, l’utente non applica il filtro, ma legge le caratteristiche. Torna indietro e si accorge della
presenza della categoria monoporta. Non applica il filtro, ma trova subito una tv con 40 pollici.
5. In “elenco prodotti”, per prodotti simili (Tv led e Tv al plasma) vi sono filtri diversi, per
esempio quella dimensione è presente solo per Televisori Led
6. In elenco prodotti vi è una scritta che indica la disponibilità o meno del prodotto. La scritta è
poco visibile e l'utente accede al dettaglio prodotto (per aggiungere il prodotto al carrello)
ugualmente.
7. Il testo “ritorna agli acquisti” nel carrello è poco visibile.
154
Capitolo 4: Esperimento con gli utenti
Scenario 2
Completamento
10
N utenti
8
6
4
2
0
100%
0%
Percenutale di completamento
Media tempo (s)
118,1
Commenti e osservazioni
1. Alcuni utenti non vedono il link “trova negozi” nonostante sia presente in ogni pagina.
2. Le informazioni riguardanti gli orari sono poco visibili.
3. L’utente prova fastidio dovuto al ricaricamento continuo della pagina durante
l’aggiornamento di menu a tendina.
4. Nel footer della pagina è presente il link “aperture domenicali” che porta alla stessa pagina di
“trova negozi”. Inoltre cliccando “aperture domenicali” è possibile accedere alle informazioni di
negozi che non sono aperti la domenica.
155
Capitolo 4: Esperimento con gli utenti
4.3.4 Risultati post questionario
Al fine di capire quanto l’utente si fosse trovato in difficoltà durante il test è stato proposto, al
termine di esso, un questionario circa le difficoltà delle domande. In linea teorica il risultato di
tale questionario dovrebbe dare, per sistemi usabili, una difficoltà ridotta per ogni compito
contenuto nel test. Tuttavia i risultati sono stati diversi:
Difficoltà media
Difficoltà media percepita dagli utenti
3,5
3
2,5
2
1,5
1
0,5
0
Compiti
Dal grafico si può innanzitutto notare che la difficoltà media di ogni compito è quasi sempre
superiore a 2: ciò può far intuire che il sistema non sempre è facilmente fruibile dagli utenti. Si
può notare inoltre la presenza di alcuni picchi di difficoltà, rispettivamente nei compiti 1, 5,9 e
nello scenario 1.
Per quanto riguarda il compito 1, la causa potrebbe essere quella che questo task è stato il
primo test eseguito: l’utente, non ancora ben ambientato, tende ad assegnare a tale compito
una discreta difficoltà; i compiti 5 e 9 invece sono percepiti come difficili poiché entrambi
verificano l’usabilità di funzionalità poco individuabili (la registrazione e il confronto tra prodotti)
avvalorando l’ipotesi che tali funzionalità dovrebbero essere più visibili.
Infine lo scenario 1 è stato percepito come difficile in quanto, pur essendo stato completato da
tutti gli utenti, si configura come la richiesta più lunga da completare.
156
Capitolo 4: Esperimento con gli utenti
4.3.5 Grafici riassuntivi
Di seguito vengono presentati un insieme di grafici riassuntivi riguardanti l’esperimento
condotto.
Percentuale di completamento dei
compiti
120
Completamento
100
80
60
40
20
0
1
2
3
4
5
6
7
8
9
10
Compiti
Il grafico mostra la percentuale di completamento di ogni compito. La maggior parte dei compiti
è caratterizzata da una percentuale di completamento compresa tra l’ottanta e il cento per
cento. L’unico compito che non ne fa parte è il primo, che è stato completato solamente nel
sessanta per cento dei casi.
Inoltre per ulteriore chiarezza riportiamo le deviazioni standard per ogni compito.
1
2
3
51,64
31,62
42,16
Deviazione standard per i compiti
4
5
6
7
0
26,87
0
31,62
8
9
10
17,48
31,62
0
157
Capitolo 4: Esperimento con gli utenti
Percentuale di completamento degli
scenari
101
Completamento
100
99
98
97
96
95
94
1
2
Scenari
L’istogramma mostra la percentuale di completamento degli scenari. Entrambi gli scenari sono
stati eseguiti con un’alta percentuale di successo (novantasei e cento per cento
rispettivamente).
Per ulteriore chiarezza riportiamo le deviazioni standard per ogni scenario.
Deviazione standard per gli scenari
1
2
12,65
0
158
Capitolo 4: Esperimento con gli utenti
Tempo medio per età
Tempo medio [s]
2500
2000
1500
1000
500
0
Fino a 30
Dai 31 ai 50
Oltre ai 50
Età
Il grafico mostra il tempo medio di esecuzione dei compiti e degli scenari rispetto all’età degli
utenti che l’hanno eseguito. Si nota che le persone di età più avanzata impiegano più tempo
nell’esecuzione dei compiti.
Tempo medio per esperienza
Tempo medio [s]
2000
1500
1000
500
0
Bassa
Media
Alta
Esperienza
Il grafico mostra il tempo medio di esecuzione dei compiti e degli scenari rispetto all’esperienza
degli utenti. Per esperienza s’intende la conoscenza di siti di e-commerce. Si nota che gli utenti
più esperti eseguono i compiti più velocemente.
159
Capitolo 4: Esperimento con gli utenti
Percentuale di completamento per
età
Completamento
100
95
90
85
80
75
Fino a 30
Dai 31 ai 50
Oltre i 50
Età
L’istogramma mostra la percentuale di completamento di compiti e scenari rispetto alle età degli
utenti. Si può notare come gli utenti giovani hanno più dimestichezza con il portale rispetto agli
utenti più anziani.
Percentuale completamento per
esperienza
Completamento
96
94
92
90
88
86
84
Bassa
Media
Alta
Esperienza
Infine l’ultimo grafico mostra la percentuale di completamento dei compiti e degli scenari rispetto
all’esperienza. Per esperienza s’intende la conoscenza di siti di e-commerce. Anche qui si può
notare come la maggior esperienza porti a una percentuale di completamento maggiore.
160
Capitolo 4: Esperimento con gli utenti
4.4 Conclusioni
Dalla sperimentazione attraverso utenti esterni sono stati riscontrati una serie di problemi,
spesso comuni alla maggioranza dei soggetti in questione:

Link poco visibili: è risultato in più di un’occasione che gli utenti si trovassero spaesati
nella ricerca di particolari link di accesso a diverse funzionalità del sito, a causa della
scarsissima visibilità degli stessi, nonché della loro non omogeneità nel font. Per
esempio è il caso del link alle “gift card”, categoria “tablet e ebook” e “vedi prodotto”.

Funzionalità della barra di ricerca insufficienti: si è notato che molti degli utenti
sottoposti ai test hanno tentato di utilizzare la barra di ricerca non solo per cercare
prodotti specifici, ma anche per accedere a funzionalità del sito non propriamente
attinenti all’acquisto di prodotti. Per esempio la registrazione o il servizio clienti.

Problemi con il menu delle categorie: sono stati rilevati numerosi problemi con il
menu delle categorie. In primo luogo tale menu è indubbiamente troppo invasivo: nel
momento in cui viene visualizzato, copre una parte considerevole della finestra del
browser. Viceversa è invisibile quando il cursore non è posto su nessuna delle categorie
presentate. In secondo luogo gli utenti trovano difficoltà a utilizzarlo a causa
dell’inaspettata scomparsa della categoria visualizzata, dovuta a uno spostamento del
mouse oltre i confini del menu. Infine si è notato durante la sperimentazione, che tale
menu è stato trascurato in favore della barra di ricerca, del footer o delle categorie in
evidenza dell’homepage.

Link per la registrazione introvabile: un problema molto comune è stato riscontrato
nell’accesso alla pagina di registrazione. Infatti, il link “registrazione” è nascosto in un
pop-up che appare cliccando sulla voce “Il mio Unieuro”. La quasi totalità degli utenti di
test ha riscontrato questo problema.

Lontananza tra i campi delle form e i relativi avvisi di errori di compilazione: nella
compilazione delle form di modifica dei dati utente e di compilazione dell’ordine, gli errori
di compilazione vengono visualizzati in alto nella pagina invece che in una posizione più
consona, come accanto al campo in cui l’errore si è presentato.

Funzionalità confronta poco visibile: la funzionalità di confronto parallelo tra prodotti è
sì utile, ma poco visibile. Infatti, gli utenti hanno trovato difficoltà nel suo riconoscimento,
rendendola poco sfruttata.

Layout del filtro prodotti confusionario: la sezione “caratteristiche” del filtro presenta
diversi link riguardanti le specifiche caratteristiche della categoria richiesta. Se si clicca
su una di esse, l’ultima colonna del filtro (di colore diverso rispetto alle altre) cambia
istantaneamente mostrando l’elenco delle caratteristiche riguardanti quella appena
cliccata. Contemporaneamente si verifica un aggiornamento anche nella parte superiore
161
Capitolo 4: Esperimento con gli utenti
del filtro. Questo confonde l’utente che vede sparire e riapparire link davanti a se
istantaneamente.

Segnalazione di prodotto disponibile poco visibile: nella lista dei prodotti acceduta,
l’avviso di disponibilità di un dato prodotto risulta poco visibile all’utente, che si vede
costretto a entrare nel dettaglio per ottenere tale informazione.

Icona del link di accesso al dettaglio del prodotto ambigua: il link “Vedi prodotto” è
composto dall’icona di un carrello. Tale simbolo rappresenta una metafora non congrua
alla funzione del link.
A seguito del test sono stati estrapolati dei dati per la valutazione empirica del sistema preso in
considerazione:

Media percentuale dei compiti completati: 85%.

Deviazione standard dei compiti completati: 30,03.

Media percentuale degli scenari completati: 95%.

Deviazione standard degli scenari completati: 8,94.
In base ai canoni definiti nella fase di briefing il sistema non ha superato il test con gli utenti. Per
essere più specifici il problema non riguarda i test di scenario, ma i test di compito. Per quanto
riguarda i compiti, la media presenta un valore di sufficienza, mentre la deviazione standard non
lo raggiunge, questo dimostra un’alta variabilità dei dati.
162
Capitolo 5: Accessibilità
Capitolo 5: Accessibilità
In questo capitolo si tratterà dell’accessibilità del sito. L’analisi svolta è solo un accenno, poiché
sono stati utilizzati solamente dei tool automatici di verifica, dato che un’analisi vera e propria
avrebbe richiesto tempo e competenze di cui il gruppo di lavoro non disponeva.
L’accessibilità si divide in 4 dimensioni:

Prestazioni di accesso;

Reperibilità del sito;

Indipendenza dal browser;

Accesso a utenti disabili;
Mentre le prime 3 caratteristiche sono soddisfatte, il sito Unieuro non è accessibile verso utenti
disabili: ciò è confermato dalla mancanza di certificazioni del WAI. In un’ottica di riprogettazione
si è dunque pensato di aggiungere alla documentazione anche un’analisi di accessibilità:
qualora si volesse conformare il portale agli standard del W3C riguardanti la stessa, il capitolo
offre una panoramica dei problemi che devono essere risolti. Per aiutare la decisione circa a
quale linea guida conformare il sito, il capitolo propone una panoramica dei problemi da
correggere sia per ottenere la certificazione WCAG 2.0 livello A sia per soddisfare le linee guida
del livello AA; Sarà poi compito del progettista decidere a quali linee guida conformare il sito,
tenendo conto del numero di problemi qui espresso per raggiungere la certificazione cercata.
Per ottenere il numero di problemi sono stati utilizzati due tool diversi, rispettivamente Achecker
e SortSite, in modo da individuarne il più possibile: inoltre, in questo modo, il progettista può
osservare i problemi individuati da entrambi i tool in modo da decidere la priorità degli stessi più
facilmente.
5.1 Analisi con Achecker
AChecker è un servizio online e software per verificare l'accessibilità di qualsiasi sito
internet tramite indirizzo o caricando file HTML.
L'utilizzo di AChecker è molto intuitivo ed è anche semplice scovare le "barriere architettoniche"
di un sito internet, infatti, dopo aver inserito il link da analizzare in AChecker, aver scelto la
classificazione delle linee guida internazionali di accessibilità che si desidera verificare, saranno
riportati tutti i problemi di accessibilità. Vi è inoltre la possibilità di ottenere per ogni problema
individuato una soluzione adeguata.
163
Capitolo 5: Accessibilità
Come mostrato in figura, il tool AChecker (http://achecker.ca/checker/index.php ) permette di
svolgere l'analisi di accessibilità seguendo le linee guida WCAG 1.0, WCAG 2.0, BITV, Section
508 e Stanca Act.
Achecker è stato utilizzato per validare il sito web Unieuro.
In particolare sono state utilizzate le linee guida WCAG 1.0 e WCAG 2.0 utilizzando i livelli di
conformità A e AA.
Terminata la validazione è possibile analizzare gli errori certi, gli errori probabili e gli errori
potenziali.
La validazione del sito web Unieuro ha prodotto i seguenti esiti:

WCAG 1.0 (Level A): 55 errori certi, 82 errori probabili e 273 errori potenziali.

WCAG 1.0 (Level AA): 23 errori certi, 848 errori probabili e 1072 errori potenziali.

WCAG 2.0 (Level A): 46 errori certi, 1 errori probabili e 1941 errori potenziali.
164
Capitolo 5: Accessibilità

WCAG 2.0 (Level AA): 165 errori certi, 1 errori probabili e 2050 errori potenziali.
Sono poi allegati i documenti mostranti i risultati dettagliati della validazione.
5.2 Analisi con SortSite
SortSite è un tool che è disponibile sia in versione online sia in versione desktop. La versione
online è più limitata rispetto alla versione desktop, ma la versione desktop utilizzata è una
versione trial di 30 giorni. Questo tool svolge diversi tipi di analisi, tra cui la verifica
dell’accessibilità di un sito web. In particolare esegue l’analisi di accessibilità seguendo le linee
guida WCAG 2.0 e di Electronic and Information Technology Accessibility Standards (Section
508).
Il tool presenta i problemi di accessibilità suddivisi rispetto a 3 categorie, che sono i livelli di
conformità che sono stati violati (A, AA, AAA).
I risultati dell’esecuzione dell’analisi sono mostrati in una tabella contenente 4 colonne. La prima
indica il livello di conformità infranto, la seconda descrive il problema e mostra anche l’URL in
cui è stato individuato, la terza colonna indica la guideline violata dal problema, mentre l’ultima
colonna presenta un link che porta alla sezione di codice in cui è contenuto il problema.
L’esecuzione del tool ha mostrato che il sito Unieuro ha diversi problemi di accessibilità. In
particolare il tool mostra che sono stati riscontrati 27 problemi diversi in 88 pagine. Ben 20
problemi riguardano il livello di conformità A, il che indica che alcune pagine del portale sono in
sostanza impossibili da usare da utenti con disabilità rispetto al web.
Infine viene presentato uno screenshot parziale dei risultati, mentre il documento vero e proprio
verrà proposto in allegato.
165
Capitolo 5: Accessibilità
166
Capitolo 6: Riprogettazione
Capitolo 6: Riprogettazione
In questo capitolo sarà esposta la documentazione circa la riprogettazione di alcuni settori del
sito Unieuro. Prima di tutto verrà effettuata una sintesi dei problemi rilevati nelle precedenti fasi
di progetto, ossia nell’analisi euristica, nel walkthrough cognitivo e nell’esperimento con gli
utenti. È stata effettuata una divisione in due categorie: mentre la prima contiene problemi di
usabilità riguardanti settori comuni a tutte le pagine, la seconda categoria si focalizza su
problemi tipici di specifiche pagine del sito. Le pagine riprogettate sono state scelte poiché
rilevate essere le più visitate, oppure poiché rappresentano le funzionalità più importanti per un
sito di e-commerce.
Di seguito alla sintesi verranno quindi esposte possibili soluzioni (realizzate tramite mock-up)
per risolvere i problemi citati. Queste risoluzioni constano di un elenco di design pattern per
l’interazione uomo-macchina utilizzati per soddisfare il problema esposto e, qualora possibile,
una serie d’immagini mostranti il cambiamento effettuato. Infine, per quanto riguarda i design
pattern, sono stati scelti quelli esposti da Jennifer Tidwell negli anni 1999 (Tidwell, Common
Ground, 1999) e 2005 (Tidwell, Design Interfaces, 2005).
6.1 Riassunto dei problemi
In questa sezione saranno raggruppati i problemi rilevati durante tutte le fasi precedenti
dell’analisi, che sono state: valutazione euristica, walkthrough cognitivo ed esperimento con gli
utenti.
6.1.1 Problemi di carattere generale
Di seguito sono proposte le problematiche di carattere generale per il sito Unieuro.
1. Disomogeneità. In molte parti del portale funzionalità simili o addirittura uguali sono
presentate con interfacce o stili d’interazione diversi. Di seguito sono presentati alcuni
esempi significativi del problema esposto:

Zoom per le immagini dei prodotti.

Accesso al “carrello prodotti” e “il mio Unieuro” nell’header hanno meccanismi di
visualizzazione differenti (click o hover).
167
Capitolo 6: Riprogettazione

Colori per il menu delle categorie.

Link di “newsletter” e “acquista al telefono”.

Barra a “breadcrumb”.
2. Link. In tutto il portale i link sono presentati in formato disomogeneo. A volte non si
capisce che si tratti di link, a volte non sono distinguibili dal normale testo e a volte non
sono funzionanti.
3. Header. L’header nel sito presenta diverse problematiche.

Form ricerca. Il form di ricerca viene usato negli esperimenti non solo per
ricercare prodotti, ma anche per ricercare specifiche pagine del sito, come può
essere per esempio il servizio clienti. Queste funzionalità però non sono
implementate.

Menu
delle
categorie.
Il
menu
contiene
troppe
contemporaneamente; ciò disorienta l’utente. Inoltre il
rappresentazione delle informazioni è poco chiaro.

Visibilità dei link. I collegamenti a “Outlet area”, “Gift card” e “Tutte le marche”
sono poco visibili; durante i test il loro utilizzo è stato molto scarso.
informazioni
formato di
4. Visualizzazioni errori. All’interno del portale sono presenti diversi form da compilare
(registrazione, acquisto, ecc...). In molti casi gli errori derivanti dalla compilazione di
questi ultimi, sono poco chiari, eccessivamente lunghi, e soprattutto posti lontani dalla
fonte dell’errore e quindi richiedono lo scroll della pagina per essere notati.
168
Capitolo 6: Riprogettazione
6.1.2 Problemi in pagine specifiche
Di seguito sono proposte le problematiche di alcune pagine significative all’interno del portale.
1. Home page. L’home page presenta un eccessivo numero d’informazioni, risultando
poco leggibile, fitta e dispersiva. Inoltre molti dati presentati sono superflui per l’home
page.
2. Trova negozi. La selezione di una voce all’interno dei menu a discesa causa il
ricaricamento dell’intera pagina. Inoltre la disposizione delle informazioni ne rende
difficile la consultazione.
3. Elenco prodotti. Il filtro di ricerca dei prodotti presenta diversi difetti. Alcune voci sono
ambigue e poco chiare all’utente. Inoltre famiglie di prodotti diversi che appartengono
alla stessa categoria (per esempio Smart TV e TV al plasma) dovrebbero avere gli stessi
filtri. Il formato di presentazione non aiuta nella comprensione di ciò che si è fatto fino a
quel momento. L’applicazione o la rimozione di un filtro causa il caricamento dell’intera
pagina. Inoltre l’opzione di ordinamento risalta poco visibile. Nella visualizzazione della
lista dei prodotti non è chiaro quale parte della cella costituisca un link al dettaglio del
prodotto. La disponibilità del prodotto è poco visibile e l’icona del carrello confonde
l’utente.
4. Dettaglio prodotto. La parte destra della sezione contiene troppe informazioni diverse
aggregate in modo confusionario; inoltre l’anteprima dell’immagine è disponibile soltanto
per la prima di esse.
169
Capitolo 6: Riprogettazione
6.2 Soluzioni
Sono di seguito presentate delle possibili soluzioni per i problemi esposti.
6.2.1 Soluzioni per i problemi generali
Per ogni problema di carattere generale individuato è stata proposta una possibile soluzione,
comprensiva dei relativi pattern utilizzati.
1. Disomogeneità
Sono state apportate modifiche di diverso genere al fine di risolvere il problema. L’obiettivo
generale è stato assicurare l’uniformità nel sito.
Pattern utilizzati:

Visual Framework (2005). Il layout in tutto il sito è stato reso uniforme.

Pointer Shows Affordance (1999). Quando il mouse passa sopra un’immagine su cui
è possibile effettuare lo zoom, il cursore cambia.

Go Back One Step (1999). Nel contesto di step lineari dato dalla navigazione tra
categorie e sottocategorie, la breadcrumb permette di tornare indietro allo step
precedente in modo facile e intuitivo.
Di seguito sono proposti alcuni esempi di risoluzione del problema di disomogeneità.

Zoom immagini. A ogni immagine proposta nella pagina di dettaglio prodotto è abilitata
la funzione di zoom.
170
Capitolo 6: Riprogettazione
Prima
Dopo
171
Capitolo 6: Riprogettazione

Link di “acquista al telefono”. Il link è stato presentato con lo stesso formato in tutte le
parti del sito.
Prima

Dopo
Barra a “breadcrumb”. È stato reso omogeneo e più comprensibile il comportamento
della breadcrumb.
Prima
Dopo
2. Link
Si è agito in modo tale da migliorare il riconoscimento da parte dell’utente dei link nel sito. Vista
la loro diversa natura, si è pensato di suddividerli in tre categorie: la prima parte è rappresentata
dai link contenuti nei menu, la seconda include quelli contenuti all’interno di un testo, mentre
l’ultima categoria rappresenta le immagini. Il formato di tali link è qui di seguito descritto:
1. I link contenuti nel menu sono normalmente preceduti dal simbolo .
172
Capitolo 6: Riprogettazione
2. Le immagini rappresentanti un link mostrano un bordo continuo durante l’hover del
mouse.
3. I restanti link vengono sottolineati.
Pattern utilizzati:

Visual Framework (2005). Si è cercata di dare una visualizzazione comune per tutti i
link, utilizzando la sottolineatura come elemento caratterizzante.

Color-Coded Sections (1999). I link sono colorati in modo intuitivo e omogeneo, per far
sì che l’utente intuisca facilmente il loro ruolo.

Convenient Environment Actions (1999). I link che modificano la pagina intera sono ben
visibili e accessibili in tutto il sito. Sono anche resi omogenei e, di conseguenza, ben
comprensibili.

Localized Object Actions (1999) i link per lavorare su oggetti singoli sono ben visibili e
accessibili in tutto il sito.
Di seguito sono proposti alcuni esempi di risoluzione del problema.
Prima
Dopo
173
Capitolo 6: Riprogettazione
Prima
Dopo
Prima
Dopo
3. Header
L’header è stato riprogettato in modo da renderlo più semplice e chiaro. In particolare sono
state apportate le seguenti modifiche:

La parte alta è stata resa più snella, inserendo anche suggerimenti per l’utente
all’interno della barra di ricerca.

Il menu delle categorie è stato semplificato, poiché conteneva troppe voci e inoltre è
stato modificato il formato di presentazione delle sottocategorie.

I link “Outlet area”, “Tutte le marche” e “Gift card” sono stati spostati all’interno
dell’home page, poiché nella posizione precedente erano difficilmente individuabili.
Infine la scritta “Il mio Unieuro” è stata sostituita dalla scritta “Login/Registrati”, più
coerente con lo scopo del link.
174
Capitolo 6: Riprogettazione
Pattern utilizzati:

Card Stack (2005). Nel menu delle categorie il pattern era già applicato. Nonostante ciò,
è stata migliorata la sua applicazione riducendo il nome delle voci e dando un layout più
chiaro.

Overview Beside Detail (2005). Nel menu delle categorie questo pattern era già stato
erroneamente implementato, poiché erano mostrate troppe sezioni per categoria. Dopo
la riprogettazione si è pensato di ridurre il numero di tali sezioni a un numero più ridotto.

Small Groups Of Related Rhings(1999).Oltre a diminuire il numero delle categorie, sono
state ridotte il numero di sezioni all’interno delle stesse in modo da evitare la
visualizzazione (male organizzata) di un elevato numero di sottocategorie. Si è anche
tolto l’abuso del layout grafico all’interno del menu categorie utilizzando un menu a
tendina.

Global Navigation (2005). Pattern già implementato con il menu delle categorie; il menu
è stato tuttavia migliorato in modo da aumentarne la leggibilità.

Dropdown Chooser (2005).Pattern utilizzato per la visualizzazione delle sottovoci di una
categoria specifica nell’apposito menu.

Illustrated Choises (2005). Durante la visualizzazione delle sottovoci delle categorie, è
presentata un’icona caratteristica della categoria selezionata.

Convenient Environment Actions (1999). La modifica all’header permette azioni
sull’ambiente di utilizzo visibili e facili da trovare.

Localized Object Actions (1999). Le azioni sugli oggetti singoli sono ben visibili all’utente
e quindi la modifica a tali oggetti risulta più facile e intuitiva. Un esempio è quello della
visualizzazione delle categorie. I comandi per visualizzare categorie e sottocategorie
sono ora più ordinati e più facili da trovare per l’utente.

Good Defaults (2005/1999). Fornisce all'utente valori di default ragionevoli.

Input Prompts (2005). All’interno della barra di ricerca è stata inserita la frase “Cosa stai
cercando?” per favorire la comprensione dell’utilità di tale barra.

Color-Coded Sections (1995): la barra di selezione delle categorie è composta da
sezioni colorate in modo appropriato, per far sì che siano facilmente riconoscibili.
175
Capitolo 6: Riprogettazione
Prima
Dopo
Prima
176
Capitolo 6: Riprogettazione
Dopo
4. Visualizzazioni errori
È stata riprogettata la visualizzazione degli errori all’interno del portale poiché l’attuale
visualizzazione ne rendeva difficile la comprensione. Anzitutto ogni errore deve comparire vicino
alla fonte che l’ha generato. In più alcune spiegazioni degli errori sono state rese più semplici.
Pattern utilizzati:

Important Messages (1999). Il pattern è utilizzato per mostrare messaggi di errore chiari
ed esplicativi nel momento in cui s’inseriscono dati errati all’interno di un form.

Responsive Enabling (2005). Il pattern è già applicato in diversi form in modo corretto,
lasciando i campi disabilitati fino al momento opportuno.

Disabled Irrelevant Things (1999). Il pattern è già applicato in diversi form, in modo
corretto, lasciando i campi disabilitati fino al momento opportuno.
177
Capitolo 6: Riprogettazione
Prima
Dopo
178
Capitolo 6: Riprogettazione
Prima
179
Capitolo 6: Riprogettazione
Dopo
180
Capitolo 6: Riprogettazione
6.2.2 Soluzione per l’home page
La riprogettazione dell’home page ha avuto come intento quello di renderla più semplice, meno
caotica e più ordinata. In questo modo si è voluto lenire l’effetto di disorientamento provocato al
primo impatto con essa.
L’header è già stato illustrato in precedenza e qui non sarà riproposto.
Sono stati eliminati i riferimenti alle categorie all’interno dell’home page, per evitare ridondanza
con il menu delle categorie. Alcuni link sono stati riposizionati per darne maggiore risalto, poiché
nelle posizioni precedenti erano difficilmente accessibili. Infine sono stati eliminati altri link
considerati poco rilevanti.
Pattern utilizzati:

Visual Framework (2005). L’header dell’home page e il menu laterale sono stati ripetuti
in tutto il portale per assicurare continuità.

Card Stack (2005). È stato utilizzato questo pattern per raggruppare alcune voci nelle
home page, in modo da ridurre la lunghezza della pagina (voci aggregate: “Novità”,
“Prodotti più cercati”, “Prodotti più venduti”).

Editable Collections (1990). L’elenco degli elementi nel carrello è gestibile direttamente
dagli utenti con un apposito menu a discesa, grazie al quale può comodamente gestire i
vari elementi presenti.

Navigable Spaces (1999). Pattern implementato per visualizzare su schermo le varie
opzioni della home page, come Gift card o Newsletter.

Small Groups Of Related Things (1999). Invece di mostrare tutte le categorie e le
sottocategorie di prodotti, nell’homepage sono ora visualizzati i principali servizi offerti
dal sito.

Intriguing branches (2005). Ogni funzionalità offerta dall’homepage (come Gift card o
Nectar card) è corredata da un'immagine ben chiara e accattivante.

Clear Entry Points (2005). Invece di rappresentare la totalità delle categorie, nell’home
page sono mostrati solo pochi pulsanti relativi alle funzionalità di supporto del sito,
delegando all'header la ricerca dei prodotti.

Convenient Environment Actions (1999). La nuova interfaccia dell’homepage permette
azioni sull’ambiente di utilizzo visibili e facili da trovare. Sono, infatti, stati resi più visibili i
tasti di Volantino, Nectar, Lista marche, Outlet Area, Gift Card e Newsletter, grazie ai
quali il sistema si modifica rimandando alla sezione relativa.
181
Capitolo 6: Riprogettazione

Localized Object Actions (1999). Le azioni sull’oggetto che rappresenta le novità e le
classifiche sono ben visibili in modo da permettere all’utente di modificare tale oggetto,
visualizzando rispettivamente novità, prodotti più cercati e prodotti più venduti.

Color-Coded Sections (1995): le varie sezioni presenti nell’homepage sono state
colorate in modo appropriato, allo scopo di rendere la vista per l’utente la più intuitiva
possibile.
182
Capitolo 6: Riprogettazione
Prima
183
Capitolo 6: Riprogettazione
Dopo
184
Capitolo 6: Riprogettazione
6.2.3 Soluzione per la pagina Trova Negozi
Per evitare il caricamento dell’intera pagina sono state utilizzate tecnologie di comunicazione
asincrona, in modo tale che solo una parte della pagina venga caricata. Inoltre, per rendere la
procedura di selezione del negozio più chiara e più guidata, si è pensato di ingrigire
ulteriormente i menu a tendina disabilitati.
Per quanto riguarda la cartina dell’Italia è stato semplificato il layout del popup, evidenziando
ulteriormente la barra di scorrimento e migliorando il formato del testo contenuto nel popup
stesso, nonché colorando tale menu con un colore che fornisca un contrasto con il testo
presente più evidente.
Una volta selezionato il negozio sarà proposta una schermata in cui è possibile navigare fra tre
diverse schede informative. I titoli delle schede sono stati resi più chiari ed esplicativi e il layout
delle stesse è stato riprogettato con l’obiettivo di presentare le informazioni in modo che
semplice e intuitivo.
Pattern utilizzati:

Visual Framework (2005).In questa pagina non era presente il menu sinistro, che è stato
aggiunto per rispettare il layout del sito.

Narrative (1999). Utilizzato durante la riprogettazione del layout del testo interno al
popup sulla cartina italiana e durante la scelta delle nuove etichette raggruppanti i dati
del negozio selezionato.

High-density Information Display (1999). Usato per organizzare gli orari di apertura e i
contatti nelle informazioni generali del negozio selezionato.

Center Stage (2005). È stato dato maggior risalto ai contenuti, facendo in modo di
renderli centrali rispetto alla pagina. Un esempio è di centrare le indicazioni stradali, che
prima avevano una posizione più marginale.

Responsive Enabling (2005). È utilizzato per la scelta di Provincia/Località. Questo
pattern era già applicato nel sito, ma è stato migliorato utilizzando un colore (grigio) che
sottolinei maggiormente i campi disabilitati.

Disabled Irrelevant Things (1999). È utilizzato per la scelta di Provincia/Località. Questo
pattern era già applicato nel sito, ma è stato migliorato utilizzando un colore (grigio) che
sottolinei maggiormente i campi disabilitati.

Card Stack (2005). Il pattern era già applicato. È stato comunque rivisto in modo da far
risaltare maggiormente i titoli delle varie card e facendo intuire di volta in volta quale sia
la sezione selezionata (cosa che prima non avveniva).
185
Capitolo 6: Riprogettazione

Tabular Set (1999). Le informazioni riguardanti gli orari sono mostrate in una tabella per
permettere una migliore comprensione.

Dropdown Chooser (2005). La selezione di località, provincia e regione avviene tramite
un menu a discesa.

Illustrated Choises (2005). La scelta della regione può avvenire tramite la sua
corrispondente selezione all’interno di una cartina dell’Italia.

Convenient Environment Actions (1999): le azioni che modificano l’intera pagina sono
ben visibili e facilmente selezionabili.

Localized Object Actions (1999): le azioni che modificano la visualizzazione della lista
dei negozi e le sezioni di un tale negozio sono visibili e facili da trovare.

Color-Coded Sections (1995): il colore della lista dei negozi visualizzata sulla mappa è
stata resa bianca per essere più riconoscibile e leggibile. Stessa cosa per la tabella con
gli orari nei giorni di apertura del particolare negozio a cui l’utente ha acceduto.
Prima
186
Capitolo 6: Riprogettazione
Dopo
Prima
187
Capitolo 6: Riprogettazione
Dopo
188
Capitolo 6: Riprogettazione
Prima
Dopo
189
Capitolo 6: Riprogettazione
6.2.4 Soluzione per la pagina Elenco Prodotti
Il filtro di ricerca dei prodotti è stato riprogettato per essere più fruibile e facilmente consultabile.
Inoltre la rappresentazione dello stato del filtro è stata resa più concisa e auto esplicativa.
All’inizio il filtro presenta solo quattro voci principali. Nel caso l’utente necessiti di altri filtri potrà
aggiungerli tramite il click di un apposito bottone. Lo stato attuale è mostrato con un formato più
leggibile e visibile. Un’ultima modifica riguardante il filtro è stata l’introduzione della possibilità di
selezione multipla all’interno di un’unica categoria. Sono state inoltre aumentate le dimensioni
del menu per l’ordinamento dei prodotti.
Invece per quanto riguarda la singola cella dell’elenco dei prodotti, è stata resa più visibile la
disponibilità del prodotto stesso; oltre a ciò è stato semplificato il blocco contenente i dettagli del
prezzo, rendendo più visibile lo sconto applicato sull’articolo. Il pulsante “Vedi prodotto” è stato
eliminato e sostituto da due differenti pulsanti: uno per l’acquisto diretto, l’altro per la
visualizzazione di ulteriori dettagli. Per entrambi i pulsanti è stata applicata una metafora
consona (un carrello per una e una lente d’ingrandimento per l’altra). Infine il nome del prodotto
è stato reso più visibile rispetto alla marca dello stesso, in modo da non confondere l’utente.
Pattern utilizzati:

Extras On Demand (2005): Pattern già parzialmente implementato prima della
riprogettazione nel filtro dei prodotti. Tuttavia, mentre prima, al click sull’etichetta “Vedi
tutto”, tutte le sezioni del filtro venivano espanse, ora solo quella in cui è contenuta tale
stringa viene allargata. Inoltre anche l’aggiunta del pulsante “Filtri aggiuntivi” permette di
visualizzare solo a richiesta le ulteriori opzioni del filtro stesso.

Titled Sections (2005). Sono definite diverse sezioni separate, ognuna identificata da un
titolo. Il pattern era già applicato, ma è stato migliorato dando maggior visibilità ai titoli.

Status Display (1999). La parte superiore del filtro già implementava il seguente pattern.
Durante la riprogettazione è stata comunque ridisegnata in modo da renderla più chiara
ed evidente.

WYSIWYG Editor (1999). Il filtro contiene in tempo reale quali opzioni sono abilitate.
Grazie a tecnologie di comunicazione asincrona (come AJAX) l’utente può sempre
leggerle e/o modificarle.

Convenient Environment Actions (1999). Le azioni sul filtro sono in grado di modificare
l’intera pagina, visualizzando l’elenco dei prodotti desiderati. Per farlo è stato creato un
filtro chiaro e intuitivo nell’uso.

Localized Object Actions (1999). Le azioni che modificano un tale parametro del filtro, in
questo caso tramite checkbox, sono ben visibili.
190
Capitolo 6: Riprogettazione

Illustrated Choises (2005). La selezione di un prodotto può avvenire cliccando su
un’immagine rappresentativa dello stesso.

Color-Coded Sections (1995): le sezioni riguardanti i filtri e le etichette sono colorate
opportunamente, allo scopo di essere più riconoscibile dall’utente.
Prima
Dopo
191
Capitolo 6: Riprogettazione
Prima
Dopo
192
Capitolo 6: Riprogettazione
Prima
193
Capitolo 6: Riprogettazione
Dopo
194
Capitolo 6: Riprogettazione
6.2.5 Soluzione per la pagina Dettaglio Prodotto
La pagina dei dettagli del singolo prodotto è stata riprogettata in modo tale da consentire una
visualizzazione più chiara e concisa dei suoi contenuti.
Innanzitutto è stato aggiunto il menu laterale a sinistra, in accordo con tutte le altre pagine del
sito. In seguito tutte le informazioni riguardanti i prezzi sono state riorganizzate e racchiuse in
un unico riquadro, in accordo con le leggi della gestalt.
I dettagli del prodotto, prima relegati nella parte in alto a destra della pagina, sono stati ridotti
alle sole informazioni principali e spostati al di sotto del riquadro dei prezzi. I dettagli più
specifici sono stati racchiusi nella scheda tecnica.
Le schede relative a “Accessori”, “Descrizione”, ”Scheda Tecnica” e “Modalità di Consegna”
sono state posizionate al di sotto della sezione contente le immagini del prodotto e il riquadro
del prezzo, in modo che siano subito visibili e accessibili. I selettori delle diverse schede sono
stati ingranditi per facilitarne la selezione.
Pattern utilizzati:

Visual Framework (2005). Il sottomenu contenente le voci “Accessori”, “Descrizione”,
”Scheda Tecnica” e “Modalità di Consegna” è stato reso uniforme al resto del sito.

Card Stack (2005). Il pattern era già applicato. Nonostante ciò, è stata migliorata la sua
applicazione rendendo i titoli più visibili e chiari.

High-density information display (1999). Utilizzato per organizzare le informazioni
generali del prodotto selezionato, come caratteristiche principali e prezzo.

Overview Beside Detail (1999). Il settore generale progettato mostra solo le più
importanti caratteristiche tecniche, in modo che esse siano più visibili all'utente. Alla
scheda tecnica spetta invece il compito di contenere il resto dei dati.

Convenient Environment Actions (1999): alcune azioni possono andare a modificare lo
stato totale del sistema, rimandando a una pagina successiva. Tutte queste azioni sono
rese visibili e ordinate nel contesto della pagina di dettaglio del prodotto.

Localized Object Actions (1999): le azioni di selezione dei dettagli, riguardanti per
esempio spedizione e servizi sull’oggetto in questione, sono visibili e affiancate al prezzo
e all’immagine del prodotto, così da permettere all’utente di utilizzarle facilmente come
meglio desidera. Anche le schede in basso relative a “Accessori”, “Descrizione”,
”Scheda Tecnica” e “Modalità di Consegna” sono state rese visibili e accessibili.
195
Capitolo 6: Riprogettazione
Prima
196
Capitolo 6: Riprogettazione
Dopo
197
Bibliografia
Bibliografia
Nielsen, J. (1995 йил 1-Gennaio). How to conduct a Heuristic Evaluation. Retrieved 2013 йил 24Novembre from Nielsen Norman Group: http://www.nngroup.com/articles/how-to-conduct-a-heuristicevaluation/
Nielsen, J. (2000 йил 19-Marzo). Why you only need to test with 5 users. Retrieved 2013 йил 24Novembre from Nielsen Norman Group: http://www.nngroup.com/articles/why-you-only-need-to-testwith-5-users/
Salmaso, D. (2012). intervista sul mancinismo. Retrieved 2013 йил 14-Novembre from ds3web:
http://www.ds3web.it/papers/INTERVISTA_SUL_MANCINISMO_2012.pdf
Tidwell, J. (1999, Maggio 17). Common Ground. Tratto il giorno Marzo 16, 2014 da Common Ground:
http://www.mit.edu/~jtidwell/common_ground.html
Tidwell, J. (2005). Design Interfaces. Tratto il giorno Marzo 16, 2014 da Design Interfaces:
http://designinginterfaces.com/firstedition/index.php
vedi sito Color blindness. (n.d.). Retrieved 2013 йил 14-Novembre from color-blindness:
http://www.colour-blindness.com/general/prevalence/
198
Allegati
Allegati
1. Valutazione euristiche. Sono presenti le valutazioni euristiche svolte divise per i singoli
valutatori. Inoltre è presente un foglio Excel contenente dei risultati riassuntivi.
2. Walkthrough cognitivo. È presente tutta la documentazione relativa al walkthrough
cognitivo.
a. “Compiti Walkthrough cognitivo sottogruppo X.docx”. Il file contiene i compiti
esaminati da un determinato sottogruppo (con X s’intende il numero del
sottogruppo).
b. “Valutazione Walkthrough X.docx”. È presente un file per ogni valutatore
contenente la valutazione svolta (con X s’intende il cognome del valutatore).
c. “Resoconto Problemi X.docx”. Questo file è presente per ogni valutatore e
contiene il resoconto dei problemi individuati durante la valutazione (con X
s’intende il cognome del valutatore).
d. “Debriefing XY.docx”. Sono presenti due file (uno per ogni sottogruppo)
contenente il resoconto dei problemi relativi al sottogruppo (con XY s’intendono i
cognomi dei valutatori).
e. “Problemi totali.docx”. Contiene il riassunto globale dei problemi riscontrati.
3. Moduli Esperimento utente. Contiene tutta la modulistica che è stata necessaria per
svolgere l’esperimento con gli utenti. È suddivisa in due cartelle: “Moduli test utente
prima versione”, che contiene la documentazione prima di eseguire il test pilota, e
“Moduli test utente seconda versione” contenente la documentazione dopo aver svolto il
test pilota. Ogni cartella al suo interno contiene i seguenti file:
a. “Lista dei compiti e degli scenari.docx”.
b. “Checklist osservatore.docx”.
c. “Modulo osservatore test pilota.docx”.
d. “Modulo osservatore.docx”.
e. “Post-questionario utente test pilota.docx”.
f.
“Post-questionario utente.docx”.
g. “Pre-questionario utente.docx”.
199
Allegati
4. Risultati Esperimento utenti. Contiene tutta la documentazione relativa all’esecuzione
del test pilota e dell’esperimento con gli utenti. È suddivisa in cinque cartelle:
a. “Test-pilota”. Contiene il modulo osservatore, e il post questionario relativi al test
pilota.
b. “Moduli osservatore”. Contiene tutti i moduli osservatori compilati durante lo
svolgimento degli esperimenti.
c. “Pre-questionario”. Contiene tutti
svolgimento degli esperimenti.
i
pre-questionari
compilati
durante
lo
d. “Post-questionario”. Contiene tutti i post-questionari compilati durante lo
svolgimento degli esperimenti.
e. “Video esperimento”. Contiene tutti i video girati durante lo svolgimento degli
esperimenti.
Infine è presente un file Excel contenete i risultati riassuntivi dell’esperimento.
5. Accessibilità. La cartella contiene i risultati della valutazione dell’accessibilità. È
suddivisa in ulteriori due cartelle:
a. “Achecker”. Contiene i risultati ottenuto con il tool Achecker.
b. “SortSite”. Contiene i risultati ottenuti con il tool SortSite.
200

Visto di bilancio_201501701

Impegni_201501888 - Comune di Riva del Garda

Visto di bilancio_201501514

Visto di bilancio_201501516

Ieri eravamo vivi - Prima di copertina

Impegni_201501514 - Comune di Riva del Garda

"» , ..`15 - accademia capellini

Determinazione DETRS201500163 - numero: 159 di data 20

Ecco 3 semplici passi per regalarti 120€ di Buoni Acquisto