L'usabilità e l'accessibilità del sito come paradigmi da riscoprire e rivalutare, in ottica SEO e di fidelizzazione del cliente.

1. Usabilità
nel
Web
Adriano
Cerocchi
13/04/11

2. Cosa
è
l’usabilità
definizioni
di
un
termine
che
sembra
poco
italiano
•La
proprietà
che
rifleAe
la
facilità
di
impiego
di
un
sistema
informaDco
(1971)
•L’insieme
delle
seguenD
caraAerisDche:
effeGvità,
apprendibilità,
flessibilità
e
aAeggiamento
(1991)
•L’insieme
delle
seguenD
caraAerisDche:
facilità
di
apprendimento,
efficienza
nell’impiego,
facile
da
ricordare,
pochi
errori,
soggeGvamente
gradevole
(1993)
•Il
livello
di
efficacia,
efficienza
e
soddisfazione
da
parte
degli
utenD
raggiunto
da
un
prodoAo
che
venga
uDlizzato
da
specifici
utenD
per
raggiungere
determinaD
scopi
in
determinaD
ambienD
(1993)
2 13/04/11

3. Cosa
è
l’usabilità
in
poche
parole...
•L’usabilità
è
la
capacità
che
ha
un
oggeAo
di
far
percepire
all’utente
lo
scopo
e
le
modalità
d’uso
dell’oggeAo
stesso
•è
un
termine
molto
generico
perchè
non
si
riferisce
ad
un
contesto
parDcolare
•usabilità
bellezza
3 13/04/11

4. Esempi
di
Usabilità
e
non
4 13/04/11

5. Esempi
di
Usabilità
e
non
5 13/04/11

6. Perchè
l’usabilità
i
moDvi
e
le
ragioni
per
invesDre
nell’usabilità
•l’usabilità
genera
fidelizzazione
dell’utenza
•l’utente
cambia
le
proprie
abitudini
indirizzandole
verso
soluzioni
più
semplici
da
usare
anche
a
paAo
di
perdita
di
funzionalità
•nell’oGca
del
SEO,
se
l’oGmizzazione
per
i
motori
significa
trovare
il
modo
per
portare
la
gente
in
casa,
l’usabilità
significa
di
certo
far
rimanere
la
gente
in
casa
•l’usabilità
è
il
mezzo
più
veloce
per
far
percepire
all’utente
il
caraAere
e
la
bontà
di
un
prodoAo
(vedi
prossime
slides)
•i
maggiori
successi
in
campo
informaDco
sono
staD
fortemente
caraAerizzaD
dall’usabilità
(vedi
prossime
slides)
6 13/04/11

7. Perchè
l’usabilità
7 13/04/11

8. TomTom
8 13/04/11

9. Google
9 13/04/11

10. IPhone
e
IPad
10 13/04/11

11. Perchè
l’usabilità
i
moDvi
e
le
ragioni
per
invesDre
nell’usabilità
•Il
TomTom,
Google,
l’IPhone...sarebbero
divenuD
famosi
se
non
fossero
staD
usabili?
11 13/04/11

12. Usabilità
nel
mondo
del
Web
introdurre
l’usabilità
nel
mondo
del
web
•Rendere
il
web
“usabile”
significa
avere
a
disposizione
un’arma
potente
per
gadagnare
clienD:
“quello
è
più
semplice,
usa
quello”
•ma
quali
sono
le
regole
da
seguire
per
rendere
un
sito
“usabile”?
•molte
delle
tecniche
per
verificare
l’usabilità
sono
generiche
e
non
si
riferiscono
ad
un
contesto
specifico,
tuAavia
possono
essere
contestualizzate
in
maniera
semplice
•un
esempio
di
linee
guida
molto
uDli
è
rappresentato
dalle
euris5che
di
Nielsen
RiferimenD:
1 Molich, R., and Nielsen, J. (1990). Improving a human-computer dialogue, Communications of the ACM 33, 3 (March),
338-348.
2 Nielsen, J., and Molich, R. (1990). Heuristic evaluation of user interfaces, Proc. ACM CHI'90 Conf. (Seattle, WA, 1-5
April), 249-256.
3 Nielsen, J. (1994a). Enhancing the explanatory power of usability heuristics. Proc. ACM CHI'94 Conf. (Boston, MA, April
24-28), 152-158.
4 Nielsen, J. (1994b). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods, John Wiley
& Sons, New York, NY.
12 13/04/11

13. Le
dieci
eurisDche
di
Nielsen
1/10
introdurre
l’usabilità
nel
mondo
del
web
•Visibility
of
system
status
•tuG
i
contenuD
principali
sono
visibili
senza
scroll?
•l’utente
dovrebbe
sempre
avere
percezione
di
quanto
sta
accadendo
•l’utente
dovrebbe
sempre
ricevere
dei
feedback
del
sistema
in
un
tempo
ragionevole
•l’uso
di
ajax
è
caldamente
suggerito
13 13/04/11

14. Le
dieci
eurisDche
di
Nielsen
2/10
introdurre
l’usabilità
nel
mondo
del
web
•Match
between
system
and
the
real
world
•il
sistema
deve
parlare
la
lingua
dell’utente
e
non
viceversa
•un
esempio
(negaDvo)
famoso:
“obliterare
il
biglieAo
prima
di
salire
sull’autobus”
•la
tecnologia
è
digitale
ma
l’uomo
è
analogico
(S.
Jobs)
•usare
sempre
termini
rappresentaDvi
per
l’utente
e
non
per
il
sistema
14 13/04/11

15. Le
dieci
eurisDche
di
Nielsen
3/10
introdurre
l’usabilità
nel
mondo
del
web
•User
control
and
freedom
•l’utente
spesso
preme
sui
link
“per
provare”
o
“per
errore”,
bisogna
sempre
esporre
chiaramente
“l’uscita
di
emergenza”
•il
boAone
“log-­‐out”
è
sempre
piccolo
e
nascosto
•aAenzione
ai
pulsante
“indietro”
e
“avanD”
del
browser
15 13/04/11

16. Le
dieci
eurisDche
di
Nielsen
4/10
introdurre
l’usabilità
nel
mondo
del
web
•Consistency
and
standards
•Mantenere
sempre
le
stesse
diciture
all’interno
di
uno
stesso
sistema
•verificare
l’esistenza
eventuale
di
“diciture
standard”
per
le
funzionalità
offerte
•verificare
l’esistenza
di
icone
standard
•sfruAare
la
conoscenza
pregressa
dell’utente
•apportare
piccoli
cambiamenD
piuAosto
che
un
cambio
radicale
(vedi
il
mondo
dell’auto
con
l’introduzione
dei
“model
year”)
16 13/04/11

17. Le
dieci
eurisDche
di
Nielsen
5/10
introdurre
l’usabilità
nel
mondo
del
web
•Error
preven5on
•evitare
qunto
più
possibile
le
“text
box”,
limitare
la
libertà
d’azione
dell’utente
a
domini
noD
•evitare
quanto
più
possibile
i
messaggi
di
errore,
proporre
sempre
dei
pulsanD
di
scelta
•evitare
sempre
di
lasciare
l’utente
in
una
situazione
di
“stuck”
•dove
streAamente
necessario
fornire
all’utente
delle
spiegazioni
chiare
dell’errore
•nel
caso
di
pagamenD
con
carta
di
credito
rassicurare
sempre
l’utente
dell’accaduto
in
caso
di
errore
17 13/04/11

18. Le
dieci
eurisDche
di
Nielsen
6/10
introdurre
l’usabilità
nel
mondo
del
web
•Recogni5on
rather
than
recall
•il
cervello
umano
non
legge
simboli,
bensì
ne
riconosce
le
forme:
•cosa ne pensate della progettazine
informatica?
•usare
le
icone
quanto
più
possibile
(vedi
slides
sulle
icone)
•rendere
sempre
disponibili
a
video
tuAe
le
informazioni
che
l’utente
dovrebbe
ricordare
•pensate
sempre
di
avere
a
che
fare
con
un
utente
“senza
memoria”
18 13/04/11

19. Le
dieci
eurisDche
di
Nielsen
7/10
introdurre
l’usabilità
nel
mondo
del
web
•Flexibility
and
efficiency
of
use
•introdurre
scorciatoie
per
utenD
esperD
rendendole
poco
visibili
•il
sistema
deve
poter
accogliere
un
nuovo
utente
guidandolo
passo
passo
e
allo
stesso
tempo
non
deve
permeAere
ad
un
utente
esperto
di
saltare
degli
step
che
già
conosce
•i
pulsanD
in
primo
piano
devono
guidare
l’utente
alle
prime
armi,
quelli
in
secondo
piano
favorire
l’utente
alle
prime
armi
19 13/04/11

20. Le
dieci
eurisDche
di
Nielsen
8/10
introdurre
l’usabilità
nel
mondo
del
web
•Aesthe5c
and
minimalist
design
•eliminare
tuAo
il
superfluo
•tuAo
ciò
che
è
di
raro
interesse
va
nascosto
(magari
in
un
box
a
comparsa/scomparsa
“maggiori
informazioni”)
•Google
AdSense
non
favorisce
l’usabilità
(e
non
la
favorirà
mai),
valutare
sempre
con
aAenzione
l’uso
di
questo
strumento!
20 13/04/11

21. Le
dieci
eurisDche
di
Nielsen
9/10
introdurre
l’usabilità
nel
mondo
del
web
•Help
users
recognize,
diagnose,
and
recover
from
errors
•i
messaggi
di
errore
(se
necessari...)
devono
essere
chiari
e
semplici
•esempio:
si
è
verificato
questo
per
quest’altro
moDvo,
possibile
soluzione
•i
messaggi
del
Dpo
“si
è
verificato
un
errore
sconosciuto,
contaAare
l’assistenza
tecnica”
•salvare
sempre
in
forma
nascosta
le
informazioni
tecniche
dell’errore
che
serviranno
per
una
eventuale
diagnosi
•la
schermata
blu
di
windows
è
l’esaAo
esempio
di
cosa
non
andrebbe
faAo
21 13/04/11

22. Le
dieci
eurisDche
di
Nielsen
10/10
introdurre
l’usabilità
nel
mondo
del
web
•Help
and
documenta5on
•se
i
9
punD
precedenD
fossero
completamente
soddisfaG
non
ci
sarebbe
bisogno
di
questo
punto
•tuAavia...
•alcuni
utenD
hanno
bisogno
della
documentazione,
la
ritengono
in
qualche
modo
“una
sicurezza”
•la
documentazione
dovrebbe
fornire
informazioni
nel
modo
più
veloce
possibile
andando
subito
al
punto
•documentazione
video
-­‐-­‐>
molto
gradita
e
chiara
22 13/04/11

23. Le
dieci
eurisDche
di
Nielsen
11/10
introdurre
l’usabilità
nel
mondo
del
web
•mul5plaOorm
suppor5ng
•il
sistema
è
compaDbile
con
una
risoluzione
di
1024x768?
•il
sistema
è
pienamente
navigabile
con
tuG
i
browsers?
•il
sistema
è
pienamente
navigabile
con
tuAe
le
piaAaforme
mobili?
•ho
faAo
un
uso
oculato
dei
contenuD
javascript?
•ho
introdoAo
contenuD
flash?
•aAenzione
agli
evenD
“onMouseOver”,
“onDoubleClick,
...
•su
sistemi
molto
complessi
è
bene
valutare
l’opzione
App...
23 13/04/11

24. L’uso
delle
icone
introdurre
l’usabilità
nel
mondo
del
web
•lo
scopo
di
un’icona
è
quello
di
richiamare
immediatamente
la
funzione
associata
ad
un
pulsante
•non
tuAe
le
funzionalità
hanno
possono
avere
delle
icone
globalmente
riconosciute
•troppe
icone
confondono
•privilegiare
sempre
l’approccio
icona
+
descrizione:
l’utente
non
deve
cliccare
su
una
icona
per
scoprirne
la
funzionalità
annessa
24 13/04/11

25. Esempi
introdurre
l’usabilità
nel
mondo
del
web
•Alcuni
esempi
di
usabilità:
•www.ghisu-­‐autonoleggio.com
•www.adrianocerocchi.it
•confronto
tra
corriere.it
e
repubblica.it
•www.vinocatarraAo.it
25 13/04/11