2. Le euristiche di Nielsen
• Visibilità dello stato del sistema
• Il linguaggio dell’applicazione riflette quello reale
• Pieno controllo dell’utente
• Coerenza
• Prevenire errori
• Non richiedere eccessivi sforzi di memoria
• Flessibilità ed efficienza
• Design Estetico e Minimalista
• Aiutare gli utenti nella gestione di situazioni
erronee
3. 1- Visibilità dello stato del sistema
RYANAIR Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Che effetti ha avuto o sta
avendo l’azione dell’utente
Ricerca sito web
per prenotazione
voli
Selezione delle
destinazioni e delle
date
Selezione date e
luoghi
Inserimento dati
personali
Inserimento dati,
conferma dati e
pagamento online
Dove mi trovo? la pagina ha un
titolo informativo?
La pagina ha un
titolo informativo
La pagina ha un
titolo informativo
La pagina ha un
titolo informativo
La pagina ha un
titolo informativo
La pagina ha un titolo
informativo
La cosa più importante della
pagina si trova in alto?
si Si si si si
Il risultato di una compilazione
di form è chiaro?
si si si si si
E’ indicata la data di
aggiornamento/revisione della
pagina?
no no no no no
5. EDREAMS Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Che effetti ha avuto o
sta avendo l’azione
dell’utente
Ricerca di un sito
web per prenotare
voli online
Selezione data e
luogo di
partenza/destinazi
one
Selezione opzioni e
luoghi di
destinazione
Inserimento dati
personali
Inserimento dati
personali conferma
dati volo e
pagamento online
Dove mi trovo? la
pagina ha un titolo
informativo?
si no si si si
La cosa più importante
della pagina si trova in
alto?
si si si si si
Il risultato di una
compilazione di form è
chiaro?
si Abbastanza chiaro si si Abbastanza chiaro
E’ indicata la data di
aggiornamento/revision
e della pagina?
no no no no no
6. Ryanair:
Il risultato di una compilazione di
form è chiaro. La chiarezza è
dovuta anche
all’autocompletamento e alla
presenza di un menù a tendina
(facoltativo nell’uso) che fornisce in
modo rapido tutte le possibili
destinazioni.
Edreams:
Il risultato di una compilazione di
form è chiaro. La chiarezza è
dovuta anche
all’autocompletamento e alla
presenza di un menù a tendina
(facoltativo nell’uso) che fornisce in
modo rapido tutte le possibili
destinazioni.
8. 2- Il linguaggio dell’applicazione riflette
quello reale
RYANAIR Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
I link, pulsanti, controlli delle
form hanno etichette
appropriate?
si si si si si
Le categorie e i
raggruppamenti (di
informazioni, di link, di
pulsanti, di controlli) hanno
etichette appropriate?
si si si si si
Il linguaggio è adatto
all'audience?
si In alcuni casi
potrebbe essere
inadatto
si si si
Vengono usate icone
appropriate?
si si si si si
9. EDREAMS Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
I link, pulsanti, controlli
delle form hanno
etichette appropriate?
si si si si si
Le categorie e i
raggruppamenti (di
informazioni, di link, di
pulsanti, di controlli)
hanno etichette
appropriate?
si si si si si
Il linguaggio è adatto
all'audience?
si si si si abbastanza
Vengono usate icone
appropriate?
si si si si si
10. Le etichette sono appropriate ed utilizzano un
linguaggio comprensibile.
11. 3- Pieno controllo dell’utente
RYANAIR Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Possibilità di interrompere
operazioni lunghe
no no no no no
Se c’è un’animazione in
Flash la si può facilmente
saltare?
si si si si si
La pagina ha le briciole di
pane o meccanismi simili?
Briciole di pane Briciole di pane Briciole di pane Briciole di pane Briciole di pane
I messaggi di errore
suggeriscono come
continuare?
si si si si si
12. EDREAMS Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Possibilità di
interrompere
operazioni lunghe
no si si si si
Se c’è un’animazione
in Flash la si può
facilmente saltare?
si si si si si
La pagina ha le briciole
di pane o meccanismi
simili?
Briciole di pane Briciole di pane Briciole di pane Briciole di pane Briciole di pane
I messaggi di errore
suggeriscono come
continuare?
si si si si si
13. Le pagine
presentano il
meccanismo
«briciole di
pane» che
aiuta a
prevedere le
mosse future
e indica lo
storico dei
passaggi che
si sono già
compiuti
Ryanair:
I messaggi di errore e quelli che
informano dello scorretto
compilamento di un form, forniscono
informazioni dettagliate sull’errore e
sul suo corretto superamento.
14. 4- Coerenza
RYANAIR Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Prevedibilità si si si si si
I comandi, i pulsanti, i link che
hanno la stessa funzione
appaiono nella stessa
collocazione e nello stesso
ordine in tutte le schermate o
finestre di dialogo?
si si si si si
Gli standard più consolidati
sono rispettati?
si si si si si
La sintassi utilizzata per
l’inserimento dati o
l’attivazione di una operazione
è omogenea?
si si si si si
Coerenza dimensione e
termini dei bottoni, posizione
barra navigazione
si si si si si
15. EDREAMS Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Prevedibilità si si si si si
I comandi, i pulsanti, i link che
hanno la stessa funzione
appaiono nella stessa
collocazione e nello stesso
ordine in tutte le schermate o
finestre di dialogo?
si si si si si
Gli standard più consolidati
sono rispettati?
si si si si si
La sintassi utilizzata per
l’inserimento dati o
l’attivazione di una operazione
è omogenea?
si si si si si
Coerenza dimensione e
termini dei bottoni, posizione
barra navigazione
si si si si si
16. 5- Prevenire errori
RYANAIR Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Sono usate etichette
significative per ogni text
field, radio button e checkbox
di una Form?
si si si In alcuni casi no In alcuni casi no
Verifica correttezza dati
immessi prima della
sottomissione
si si si si si
Le etichette dei link e pulsanti
sono non-ambigui?
si si si si si
Nell'uso delle form gli errori
vengono prevenuti (mediante
menu, liste di scelte, ...)
si si si si no
Vengono forniti messaggi
chiari sugli effetti di azioni
irreversibili?
- si si si Si
Informazioni
sull'attraversamento di un link
vengono forniti in anticipo
(dimensione, formati
particolari, tipo di
informazione - suono,
animazione, video, PDF, ...)?
no no no no no
17. EDREAMS Home page Pagina con form Pagina
indice
Pgina con
contenuti
Pagina con
tabella dati
Sono usate etichette
significative per ogni text field,
radio button e checkbox di una
Form?
si si si si si
Verifica correttezza dati
immessi prima della
sottomissione
si si si si si
Le etichette dei link e pulsanti
sono non-ambigui?
si si si si Si
Nell'uso delle form gli errori
vengono prevenuti (mediante
menu, liste di scelte, ...)
si si si si No
Fornire messaggi chiari sugli
effetti di azioni irreversibili
- no no si Si
Informazioni
sull'attraversamento di un link
vengono forniti in anticipo
(dimensione, formati
particolari, tipo di
informazione - suono,
animazione, video, PDF, ...)?
no no no no no
18. 6- Non richiedere eccessivi sforzi di memoria
RYANAIR Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Per capire cosa fare in una
pagina non si deve andare ad
un’altra pagina
si si si si si
Rendere facilmente accessibili
e visibili le informazioni
necessarie per procedere
nell’interazione
si si si si si
Vengono usati dei comandi
generici applicati a tutti gli
oggetti dell’interfaccia?
- si si si si
Le figure hanno delle
descrizioni che sono
significative?
si si si si si
I link sono troppi? sono
presentati in maniera
pesante?
no no no no no
19. EDREAMS Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Per capire cosa fare in una
pagina non si deve andare ad
un’altra pagina
si si si si si
Rendere facilmente accessibili
e visibili le informazioni
necessarie per procedere
nell’interazione
si si si si si
Vengono usati dei comandi
generici applicati a tutti gli
oggetti dell’interfaccia?
no si si si si
Le figure hanno delle
descrizioni che sono
significative?
si si si A volte no Si
I link sono troppi? sono
presentati in maniera
pesante?
no no no si no
20. 7- Flessibilità ed efficienza
RYANAIR Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Controlli relativi ai colori e ai
contrasti e alla possibilità di
ingrandire il carattere
no no no no no
Gli utenti possono
approfondire se lo desiderano
- - - - -
Consentire agli utenti più
esperti di fare le azioni più
frequenti nel modo più veloce
si si si si si
Rendere il sistema
sufficientemente flessibile da
adattarsi ai diversi livelli di
capacità degli utenti.
si si si si si
Disponibilità acceleratori si si si si si
21. EDREAMS Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Controlli relativi ai colori e ai
contrasti e alla possibilità di
ingrandire il carattere
no no no no no
Gli utenti possono
approfondire se lo desiderano
- - - - -
Consentire agli utenti più
esperti di fare le azioni più
frequenti nel modo più veloce
si no no no no
Rendere il sistema
sufficientemente flessibile da
adattarsi ai diversi livelli di
capacità degli utenti.
no si si si si
Disponibilità acceleratori no no no no no
23. 8- Design estetico e minimalista
RYANAIR Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
I pulsanti e i link sono
raggruppati in base alla loro
funzione?
si si si si si
Le cose meno importanti
(paragrafi, link, pulsanti) sono
minimizzate?
si si si si si
I dettagli sono posti in una pagina
secondaria?
si si si si si
La pagina inizia con le cose più
importanti?
si si si si si
Lunghe liste vengono divise in
blocchi?
si si si si si
Le immagini inutili sono assenti? si si si si si
Le animazioni e lampeggiamenti
inutili sono evitati?
si si si si si
Supportare diversi livelli di
dettaglio, evitare testi troppo
lunghi
si si si si no
25. La pagina inizia con
le cose più
importanti. L e
immagini sono
minimizzate, i
dettagli sono posti
in pagine
secondarie.
26. EDREAMS Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
I pulsanti e i link sono
raggruppati in base alla loro
funzione?
si si si si si
Le cose meno importanti
(paragrafi, link, pulsanti) sono
minimizzate?
si si si si si
I dettagli sono posti in una
pagina secondaria?
si si si si si
La pagina inizia con le cose più
importanti?
si si si si si
Lunghe liste vengono divise in
blocchi?
si si si si si
Le immagini inutili sono
assenti?
si si si si si
Le animazioni e
lampeggiamenti inutili sono
evitati?
no si si no si
Supportare diversi livelli di
dettaglio, evitare testi troppo
lunghi
si si si si si
27. La è minimalista.
Presenta solo le
cose importanti
(poste in alto al
centro). Sono
evitate pubblicità e
animazioni inutili. I
dettagli sono
rimandati a pagine
secondarie.
28. 9- Aiutare gli utenti nella gestione di
situazioni erronee
RYANAIR Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Messaggi di errore significativi,
verifica dell’esistenza di una
mappa del sito o di un help o
di informazioni di aiuto.
si si s si si
Permettere all’utente di
riconsiderare le sue azioni
- si si si si
Fornire messaggi di errore che
siano chiari ed indichino le
possibili vie d’uscita.
si si si si si
Viene data una descrizione
delle caratteristiche di
accessibilità del sito?
.
no no no no no
29. EDREAMS Home page Pagina con form Pagina
indice
Pagina con
contenuti
Pagina con
tabella dati
Messaggi di errore significativi,
verifica dell’esistenza di una
mappa del sito o di un help o
di informazioni di aiuto.
Non presente
una mappa del
sito
si si si si
Permettere all’utente di
riconsiderare le sue azioni
- si si si si
Fornire messaggi di errore che
siano chiari ed indichino le
possibili vie d’uscita.
si si si si si
Viene data una descrizione
delle caratteristiche di
accessibilità del sito?
.
no no no no no
30. Messaggi di errore
significativi e presenza di
un costante supporto
«Help» che guida l’utente
in tutta la fase di
prenotazione.
Presenza di una mappa
del sito e dei suoi servizi.
31. Rapporto di Usabilità
N° Problema Locazione Problema Principio Violato Possibile Soluzione
4 Nella pagina delle
prenotazioni (data)
Per accedere ad
informazioni su
altre date, se si è
già selezionata una
data, occorre
uscire dalla pagina.
Non richiedere
eccessivi sforzi di
memoria
Fornire maggiori
informazioni
1 Tutto il sito Assenza scorciatoie
tastiera
Flessibilità ed
efficienza
Fornire scorciatoie
3 Nel form di
completamento
dati personali
Presenza di
pubblicità e
animazioni
eccessivamente
grandi con pusanti
di chiusura nascosti
e difficilmente
percepibili
(ingannevoli)
Design estetico e
minimalista
Inserire pubblicità e
animazioni più
piccole e inserire
pulsanti «skip» o di
chiusura più
evidenti.
32. N° Problema Locazione Problema Principio
Violato
Possibile
Soluzione
4 Nella Homepage
e nelle altre
pagine.
Nessuna
descrizione delle
caratteristiche di
accessibilità al
sito.
Prevenire errori Inserire maggiori
informazioni
sull’accessibilità
1 Form
prenotazione
biglietto
Assenza di menù
a tendina e
riempimento
automatico
lento.
Fluidità ed
efficienza
Inserire menù a
tendina di scelta
rapida più
intuitivi
3 Form
riempimento
prenotazione
Presenza di
alcune etichette
non adeguate
Linguaggio
dell’applicazione
che rifletto
quello reale
Usare un
linguaggio più
comprensibile
(per gli utenti
medi)
2 In tutto il sito Assenza di una
mappa del sito
Assistenza nella
gestione di
situazioni erronee
Fornire una mappa
del sito.