Analisi di usabilità

ANALISI DI USABILITÀ DEL SITO DI
SCOMMESSE SPORTIVE SNAI SPORT
1
Progetto del corso “Ergonomia Cognitiva”
Corso di Laurea magistrale “Teoria e tecnologia della comunicazione”
Anno accademico 2018/2019
Enrica Bevilacqua, matr. 839595
Mattia Spreafico, matr. 807178

Analisi di usabilità del sito di scommesse sportive Snai sport - Bevilacqua & Spreafico
Introduzione
3
L'ergonomia cognitiva è quella branca dell'ergonomia che:
“Si occupa dell'interazione tra l'uomo e i dispositivi
per l'elaborazione di informazioni, suggerendo soluzioni
per migliorare tali strumenti”.
L’usabilità, definita attraverso la norma ISO 9241, è:
“L’efficacia, l’efficienza e la soddisfazione con i quali gli utenti
raggiungono determinati obiettivi in determinati ambienti”.

Introduzione
4
➔ Una scommessa sportiva è un gioco d'azzardo in cui una persona pronostica il risultato
di un avvenimento sportivo;
➔ Gli eventi che sono oggetto di scommessa sono principalmente le partite di calcio, le
corse dei cavalli, le gare motoristiche ed i match dei vari sport olimpici;

Introduzione
5
L’obiettivo del nostro lavoro è quello di effettuare un’analisi di usabilità del sito web di Snai
Sport in quanto si tratta di uno dei più conosciuti dagli amanti delle scommesse sportive.
Il progetto è suddiviso in tre parti:
La presentazione
del sito web
La valutazione
di usabilità
La creazione e l’analisi
di una nuova soluzione

La presentazione, l’analisi strutturale, le User Personae
e lo scenario d’uso
IL SITO WEB
SNAI SPORT

Il sito web Snai Sport: la presentazione
7
Le caratteristiche di Snai.it
Snai.it è il più popolare e noto sito di scommesse italiano che con il tempo ha guadagnato
una percentuale di clientela online sempre maggiore.
Il bookmaker italiano Snai Sport offre diverse tipologie di giocate realizzabili sulle principali
discipline agonistiche e vanta diversi ippodromi di proprietà, quattro reti televisive, un
canale radio e più di 1.500 punti vendita.

Il sito web Snai Sport: la presentazione
8
Le caratteristiche di Snai.it
Snai.it offre un ampio palinsesto di scommesse sportive e gli sport coperti dal palinsesto del
bookmaker di Lucca sono circa una ventina.
Scommettere sul sito di Snai Sport è conveniente per i seguenti motivi:
Palinsesto scommesse invidiabile;
Streaming di eventi sportivi da tutto il mondo;
Bonus free per i nuovi clienti.

Il sito web Snai Sport: l’analisi strutturale
9
L’homepage del sito Snai.it

10
La palette colore e il carattere tipografico

11
Gli elementi della homepage: lo slider
Il sito di Snai Sport si apre con uno slider grazie al quale l’utente può venire a conoscenza
delle promozioni presenti attualmente sul portale e dei principali consigli relativi a
determinati eventi sportivi in programma a breve.

12
Gli elementi della homepage: l’elenco degli eventi e il diario del giorno
Sempre al centro della home è presente
l’elenco dei principali eventi, suddivisi per
sport.
Sotto a questa sezione è presente il diario
del giorno, ovvero l’elenco delle partite o
corse in programma nel corso della
giornata.

13
Gli elementi della homepage: la barra laterale di sinistra
Nella barra laterale di sinistra è presente:
➔ La possibilità di consultare le statistiche ed i
calendari degli eventi sportivi;
➔ La funzionalità di effettuare una ricerca;
➔ L’elenco di tutti gli sport per i quali è possibili
scommettere;
➔ La sezione chiamata scommesse con alcune
informazioni essenziali.

14
Gli elementi della homepage: il ticket
Nella sezione di destra viene mostrato il ticket,
ovvero la schedina, che si sta componendo man
mano che si inseriscono delle quote da giocare.
Esistono tre tipi di schedine che si possono giocare:
➔ Le singole;
➔ Le multiple;
➔ I sistemi.

Il sito web Snai Sport: User Personae
15
Cosa sono le User Personae
Le personae sono personaggi fittizi che vengono creati per
rappresentare i diversi tipi di utenti che interagiscono con il
sistema preso in analisi. Ognuna di esse è differente da
un’altra, sia sotto il punto di vista fisico che quello cognitivo
e socio-culturale.
Per l’analisi del sito web Snai Sport sono state create quattro differenti User Personae,
suddivise principalmente per una caratteristica fondamentale:
➔ Due utenti che desiderano iniziare a scommettere online;
➔ Due utenti che utilizzano il portale già da molto tempo.

16
Le 4 personae realizzate
Anna Rossi
20 anni
Roma
Studentessa di
“Scienze motorie e
sportive”
Carlo Bianchi
38 anni
Milano
Top manager
Filippo Ferrari
29 anni
Torino
Dipendente presso
“Punto Snai”
Sara Colombo
55 anni
Monza
Ex tennista

17
La scheda dettagliata
Caratteristiche principali delineate:
1. Background
2. Personalità;
3. Storia;
4. Motivazioni;
5. Obiettivi;
6. Frustrazioni;
7. Caratteristiche;
8. Influenze;
9. Siti usati frequentemente.

Uno scenario d'uso è una narrazione di una possibile storia
dell'uso del sistema che si sta analizzando, ovvero delle
attività compiute da un utente per raggiungere un obiettivo.
Gli scenari d'uso sono composti principalmente da attori ed azioni svolte da quest'ultimi.
L’obiettivo è l’individuazione e la descrizione delle criticità e delle difficoltà che l’utente
potrebbe incontrare.
Il sito web Snai Sport: lo scenario d’uso
18
Cos’è uno scenario d’uso

Il sito web Snai Sport: lo scenario d’uso
19
Esempio di scenario d’uso
“Anna è una massima esperta di pallavolo: è
sempre aggiornata su tutte le partite, sia
nazionali che internazionali, e conosce
perfettamente le regole del gioco. Qualche
anno fa, mentre frequentava le scuole
superiori, aveva provato a scommettere un
paio di volte presso le sedi fisiche ufficiali di
Snai, ma questo processo non l’aveva
entusiasmata: lo ha trovato difficile, poco
pratico ed era una perdita di tempo
raggiungere il luogo dedicato.
Recentemente, ha deciso di riprovarci: è
sicura di poter riuscire a vincere qualche
soldo grazie alle sue conoscenze
approfondite”.
Scenario principale:
1. Anna accede al sito snai.it/sport;
2. Anna si registra al sito;
3. Anna individua la sezione relativa al volley, presente nella homepage
nel riquadro laterale;
4. Anna clicca sul riquadro, accede alla Champions League e così a quella
femminile;
5. Anna visualizza la nuova schermata che compare al centro;
6. Anna seleziona la partita per la quale vuol scommettere;
7. Anna vuole scommettere per il vincitore del set 1, perciò clicca sulla
relativa quota;
8. Anna preme il tasto “scommetti”;
9. Anna aggiunge i dati della sua carta di credito;
10. Anna termina la sua operazione.
Alternative:
A. Al punto 2. Anna ha difficoltà, perché non ha con sé un documento
identificativo, richiesto per registrarsi al sito;
B. Al punto 6., Anna ha problemi nel capire cosa debba cliccare per poter
effettuare la scommessa, non essendo esperta in questo genere di
operazioni;
a. Anna si accorge che ci sono dei suggerimenti a fianco di
ciascuna tipologia di scommessa e decide di leggerli uno per
uno;
b. Anna prova ad individuare un riquadro di ricerca per provare ad
inserire “set1”, ma non è presente.
Obiettivo: scommettere per la prossima
partita in programma della Champions
League di volley femminile.

Il questionario, le interviste e i test utente
LA VALUTAZIONE
DI USABILITÀ

La valutazione di usabilità: il questionario
21
La scelta del questionario
Il questionario è uno strumento di ricerca che consiste in una serie
di domande formalizzate e standardizzate, applicabile a qualsiasi
oggetto di indagine da sottoporre ad analisi.
Nel mondo dell’usabilità, un questionario può essere definito come uno strumento di
valutazione, somministrabile a diversi utenti, che si interfacciano con la piattaforma presa in
esame, per valutare la percezione che quest’ultimi hanno del sistema.
Per misurare la soddisfazione che gli utenti hanno del sito web Snai Sport si è scelto di
utilizzare il System Usability Scale (SUS).

22
Le fasi
È stato effettuato da parte nostra un questionario pilota per capire se le domande fossero adatte e comprensibili.
Questionario pilota
Non essendoci particolari target utente, la scelta è ricaduta su individui casuali.
Identificazione potenziali utenti
Tramite il link a Google Form, abbiamo condiviso il questionario attraverso vari canali (Whatsapp, Facebook, ...).
Diffusione del questionario
Nella fase introduttiva, l’utente, può leggere una breve presentazione di chi siamo e le motivazioni del questionario.
Introduzione di presentazione
L’utente, dopo aver accettato e inserito la sua e-mail, inizia a rispondere ai quesiti.
Compilazione del questionario

23
Il questionario SUS
Il questionario SUS viene utilizzato per
valutare una delle principali dimensioni
dell’usabilità: la soddisfazione.
Questo questionario è composto da 10
domande:
➔ Ogni utente, per ognuna delle domande,
deve fornire un grado di accordo su una
scala da 1 a 5:
◆ 1 equivale a "per nulla d'accordo";
◆ 5 equivale a "completamente
d'accordo".

24
Le sezioni del questionario
➔ Inizialmente ci siamo presentati agli
utenti ed abbiamo descritto brevemente
lo scopo del progetto;
➔ Nella seconda parte sono presenti delle
domande relative sia ad alcuni dati
personali degli utenti sia a informazioni
relative al livello di familiarità con le
scommesse sportive;
➔ Successivamente si è chiesto di
esplorare il sito per qualche minuto;
➔ Nell’ultima sezione sono state inserite le
dieci domande del SUS.

25
Il campione di utenti
Il questionario è stato sottoposto ad un campione di 100 utenti.
57%
40%
2% 1%
Genere
Uomo Donna Preferisco non rispondere Altro
88%
8%
1%
3%
0%
Età
18-26 anni 27-34 anni 35-50 anni 51-65 anni Oltre i 65 anni

26
13%
20%
6%
61%
Effettuazione di scommesse sportive
Sì, sia in luoghi fisici dedicati sia
attraverso applicazioni o siti web
Sì, ma solo in luoghi fisici
dedicati
Sì, ma solo attraverso
applicazioni o siti web
No, mai

27
0%
0% 2.20%
19.60%
78.30%
Frequenza di giocata
Ogni giorno 4-5 volte alla settimana
2-3 volte alla settimana Meno di 2 volte alla settimana
Molto di rado
8%
18%
74.40%
Familiarità col sito Snai Sport
Sì, lo uso molto spesso Sì, ma solamente in poche occasioni
No, non l'ho mai utilizzato

28
Le risposte degli utenti

29

30

31
Il calcolo del punteggio SUS
Come si calcola il punteggio di un questionario SUS:
1. Per gli item dispari (1, 3, 5, 7, 9) si sottrae 1 al punteggio assegnato;
2. Per gli item pari (2, 4, 6, 8, 10) si considera il numero 5 e gli si sottrae il punteggio;
3. Si sommano tutti i punteggi ri-calcolati;
4. Si moltiplica il valore ottenuto dalla precedente somma per 2.5.
System Usability Scale (SUS)

32
I punteggi SUS

Il valore medio di un questionario SUS calcolato su oltre 500 applicazioni è di 68.
Facendo la media aritmetica del nostro questionario si ottiene come risultato:
Il sito di Snai Sport presenta problemi di usabilità da risolvere
33
Il calcolo del punteggio SUS
57.9

La valutazione di usabilità: le interviste
34
La scelta delle interviste
Le interviste sono uno dei metodi più efficaci per scoprire i problemi
e i desideri degli utenti relativamente a un sito web.
Le interviste che sono state svolte sono di tipo semi-strutturato con checklist di punti,
talvolta correlati da alcuni suggerimenti.
Tutte le interviste sono state registrate per permettere a noi valutatori di poter analizzare più
nel dettaglio, in un secondo momento, le singole risposte.

35
Le fasi
È stato effettuato da parte nostra un breve test pilota per capire se le interviste erano adatte e comprensibili agli utenti.
Intervista pilota
I potenziali utenti sono stati identificati uno ad uno e la scelta è ricaduta su scommettitori esperti e utilizzatori novelli.
Ci siamo presentati all’utente: chi siamo, cosa stiamo chiedendo e perchè.
Breve presentazione
Abbiamo richiesto all’utente di esplorare il sito per qualche minuto.
Navigazione del sito
Inizia la sezione vera e propria in cui si sottopongono le domande agli utenti.
Domande e risposte

36
Le domande delle interviste
Sono stati intervistati 10 utenti, per scoprire pregi e soprattutto difetti del sito di Snai Sport.
Inizialmente si sono intervistati cinque utenti
che non hanno mai effettuato una
scommessa sportiva. Successivamente, si
sono realizzate altrettante interviste con
degli scommettitori.

37
Gli utenti che non hanno mai effettuato scommesse sportive
➔ Gli utenti ritengono che il sito di Snai
Sport sia facile da utilizzare e ricco di
informazioni;
➔ Tutti riescono a comprendere bene quali
siano gli elementi cliccabili;
➔ Gli utenti hanno dichiarato di capire
quali sono le funzionalità principali del
portale web;
Le principali problematiche emerse sono la
presenza di troppe informazioni
nell’homepage e la difficoltà nel ricercare
alcune quote particolari.

38
Gli utenti che hanno già effettuato scommesse sportive
➔ Gli utenti ritengono che il sito di Snai
Sport sia semplice da utilizzare e ben
organizzato;
➔ Per la maggior parte degli utenti il sito è
accessibile a tutti i tipi di persone;
➔ Non si ritiene che ci siano particolari
contenuti da mettere maggiormente in
rilievo.
Le principali problematiche emerse sono la
scarsa evidenza dello slider relativo alle
promozioni presente nella homepage del sito
e la presenza di font troppo piccoli.

La valutazione di usabilità: il test utente
39
La scelta del test utente
Il test di usabilità con gli utenti è una metodologia empirica di
valutazione. Prevede l'osservazione del comportamento di persone,
estranee al progetto di valutazione, mentre interagiscono con
l'interfaccia oggetto di indagine.
È stato scelto questo approccio per capire il reale funzionamento del sito e valutare come è
possibile migliorarlo.

40
Le fasi
È stato effettuato da parte nostra un breve test pilota per capire se i task erano adatti e comprensibili agli utenti.
Test utente pilota
I potenziali utenti sono stati identificati uno ad uno e la scelta è ricaduta su studenti universitari.
Abbiamo richiesto ad ogni utente di porre una firma sul modulo per consentire le riprese audio e video.
Modulo di accettazione
Tramite un documento scritto, ci siamo presentati all’utente: chi siamo, cosa stiamo chiedendo e perchè.
Breve presentazione
L’utente, dopo aver accettato, ha iniziato a svolgere i task richiesti sotto nostra supervisione.
Riprese e svolgimento dei task

Dai problemi alla soluzione: il test utente
41
La piattaforma di registrazione
È stato utilizzato il programma
OBS Studio, che ha permesso di:
➔ Riprendere il soggetto
intervistato;
➔ Registrare l’audio del
soggetto intervistato;
➔ Riprendere lo schermo.

42
I task del test utente

43
Lo studio dell’efficienza
Lo studio dell’efficienza è stato valutato attraverso i tempi di esecuzione che sono stati
cronometrati per ognuno dei task effettuati dagli utenti.

44
➔ Diagramma a scatola e baffi
dei tempi degli utenti per
ogni task.
➔ Valori statistici dei tempi.

45
Gli utenti impiegano molto più tempo a completare la prima parte della procedura rispetto
alle successive.

46
Lo studio dell’efficacia
Lo studio dell’efficacia invece è stato valutato attraverso il tasso di errori rilevato per ognuno
dei tre task sottoposti gli utenti.

47
Lo studio dell’efficacia
Gli utenti sono riusciti a portare a termine tutti i task senza commettere gravi errori.
Solamente in alcuni casi l’utente ha posto alcune domande oppure, prima di arrivare alla
conclusione del compito, ha dovuto superare e correggere alcuni piccoli errori.

48
I commenti degli utenti alla conclusione del test
Al termine del test, ogni utente ha rilasciato un commento. Alcuni di quelli più rilevanti sono:
“Ci sono molte informazioni,
ovviamente condensate
il più possibile, risultando
un po' confusionario”
“Non ci sono molte spiegazioni, mi sento
persa tra le schermate.
Se qualcuno mi spiegasse, sarei in grado
di trovare le informazioni, anche se
non vedo alcuna guida nella navigazione”
“Non mi intendo di sport e di scommesse
ed è stato molto soverchiante all’inizio.
È difficile al primo impatto, ma una volta
spiegato diventa molto più semplice”
“Questa è la seconda volta che provo a
fare una schedina, la prima l’avevo fatta a
mano: era più facile, ma online è
sicuramente più veloce”

Le problematiche, l’idea di design nuova e il test
DAI PROBLEMI
ALLA SOLUZIONE

Dai problemi alla soluzione: le problematiche
50
L’individuazione delle problematiche
Interviste Test utente
PROBLEMATICHE

51
Le fasi
È stata realizzata un’attenta analisi di tutti i problemi sorti durante le interviste e i test utente.
Analisi dettagliata di interviste e test utente
I potenziali problemi sono stati identificati uno ad uno e raggruppati per macro-categorie.
Identificazione problemi
Tra tutti i problemi rilevati, sono stati selezionati i più importanti e comuni tra i vari utenti.
Raccolta dei principali problemi
Osservando le sezioni problematiche, si ipotizzano alcune possibili modifiche.
Ideazione di un nuovo design
Sono stati sviluppati alcuni mockup grafici per presentare la nuova idea risolutiva.
Creazione della nuova interfaccia

52
Le 10 problematiche individuate
➔ (P1) Pulsante delle statistiche: gli utenti interpretano il bottone come un banner;
➔ (P2) Elenco degli sport: le discipline sportive non sono elencate secondo un criterio;
➔ (P3) Help del sito: la descrizione delle funzionalità del sito è scomoda da leggere;
➔ (P4) Pulsante 1X2 finale: nella stessa finestra compare due volte il bottone 1X2 finale;
➔ (P5) Elenco dei risultati esatti: la schermata di queste quote è disordinata;
➔ (P6) Descrizione delle quote: sono assenti i dettagli sul significato di una scommessa;
➔ (P7) Slider delle promozioni: non viene data importanza allo slider dei bonus;
➔ (P8) Finestra Diario del giorno: il font di questa sezione è troppo piccolo;
➔ (P9) Quote antepost: nel sito è complicato trovare le quote relative agli antepost;
➔ (P10) Informazioni statistiche: scarsa rilevanza ad alcune statistiche.

Dai problemi alla soluzione: un’idea di design nuova
53
La creazione del nuovo design
Schermata del sito
Adobe
Photoshop Nuova soluzione

54
Le linee guida
Linee guida dello sviluppo web:
➔ Gerarchia visiva: il contenuto più importante deve essere quello più evidente nella
pagina. L’utente deve essere in grado di cogliere la struttura della pagina;
➔ Relazioni e patterns: è importante che elementi vicini o visivamente simili siano in
relazione tra di loro. L’utilizzo di patterns nella struttura migliora l’usabilità di ogni
artefatto grafico, rendendo tutto più coerente e facile da comprendere;
➔ Griglia: permette di disporre e posizionare i singoli elementi di un’interfaccia grafica
garantendo coerenza, flessibilità, ordine e riconoscibilità.

55
(P1) Pulsante delle statistiche
Precedente soluzione Nuova soluzione

56
(P2) Elenco degli sport

57
(P3) Help del sito

58
(P4) Pulsante 1X2 finale

59
(P5) Elenco dei risultati esatti
Precedente soluzione
Nuova soluzione

60
(P6) Descrizione delle quote

61
(P7) Slider delle promozioni

62
(P8) Diario del giorno

63
(P9) Antepost

64
(P10) Informazioni statistiche

Dai problemi alla soluzione: il test
65
Il questionario di valutazione della nuova soluzione
Per poter valutare la nostra nuova soluzione di design abbiamo
creato un nuovo questionario.
Ad ogni utente è stato chiesto di scegliere, per ognuna delle problematiche individuate, se
preferisce l’idea di design corrispondente a quella presente attualmente sul sito web di Snai
Sport (chiamata soluzione 1), oppure la nostra nuova idea (chiamata soluzione 2).
➔ Il questionario è stato somministrato ad un campione di 50 utenti.

66
I risultati del questionario
(P1) Pulsante delle statistiche (P2) Elenco degli sport

67
(P3) Help del sito (P4) Pulsante 1X2 finale

68
(P5) Elenco dei risultati esatti (P6) Descrizione delle quote

69
(P7) Slider delle promozioni (P8) Diario del giorno

70
(P9) Antepost (P10) Informazioni statistiche

Gli utenti preferiscono nettamente la nuova soluzione
rispetto a quella presente attualmente sul sito di Snai Sport.
➔ Oltre il 75% delle persone ha preferito la nostra soluzione per ben 6 delle problematiche
individuate;
➔ Il 100% degli utenti ha scelto la nostra per il problema relativo alle informazioni
statistiche (P10).
Le problematiche individuate nel corso dello studio di usabilità sono state risolte.
71

Conclusione
73
L’obiettivo principale del nostro progetto è stato quello di condurre un’analisi di usabilità del
sito di Snai Sport per individuare delle problematiche e proporre una nuova soluzione, che
correggesse i vari problemi che avremmo potuto incontrare.
Lo studio di usabilità è stato suddiviso essenzialmente in tre parti:
Questionario
Il sito web di Snai Sport
non è usabile
Interviste
Il portale presenta
alcune lacune
Test utente
Sono presenti diversi
problemi da risolvere

Successivamente, sono state ideate alcune nuove soluzioni per
verificare l’effettiva preferenza degli utenti tra l’interfaccia
attuale del sito e la nostra idea.
È stato creato un nuovo questionario, grazie al quale è
emerso che la maggior parte degli utenti predilige
nettamente la nuova soluzione rispetto a quella attuale.
Conclusione
74

Si può concludere che grazie a questo lavoro di analisi siamo stati in grado di individuare e
risolvere i principali problemi di usabilità del sito di scommesse sportive Snai Sport.
Durante tutto lo svolgimento, l’accortezza che ci ha sempre accompagnato è la seguente:
Mettere l’utente al centro
dell’analisi di usabilità
Conclusione
75

Grazie per l’attenzione
Enrica Bevilacqua e Mattia Spreafico

Analisi di usabilità

Recommended

Recommended

More Related Content

More from Enrica Bevilacqua

More from Enrica Bevilacqua (6)

Analisi di usabilità

Editor's Notes