- Vincenzo Di Carmino

APPUNTI SUL
WEB USABILITY 2.0
Come migliorare i siti
di ventus85
(http://ventus85.ilbello.com/)
Versione 1.4
per Wiki di Joomla.it
(http://wiki.joomla.it/)
Indice
Indice
ii
1
WEB USABILITY 2.0
1
1.1
Introduzione al web usability . . . . . . . . . . . . . . . . . . . . . . . . . .
1
1.2
La prima visita ad un sito
. . . . . . . . . . . . . . . . . . . . . . . . . . .
4
1.2.1
La homepage
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5
1.2.2
Le pagine interne . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5
1.3
I motori di ricerca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
6
1.4
Analisi dei problemi di usabilità . . . . . . . . . . . . . . . . . . . . . . . .
6
1.4.1
Link che non cambiano colore dopo essere stati visitati
. . . . . . .
7
1.4.2
Pulsante indietro che non funziona
. . . . . . . . . . . . . . . . . .
8
1.4.3
Aprire nuove nestre del browser
. . . . . . . . . . . . . . . . . . .
8
1.4.4
Finestre pop-up . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
9
1.4.5
Parte dell'interfaccia che sembrano pubblicità
. . . . . . . . . . . .
9
1.4.6
Violazione delle convenzioni web . . . . . . . . . . . . . . . . . . . .
9
1.4.7
Contenuti vaghi e sensazionalismo gratuito . . . . . . . . . . . . . .
9
1.4.8
Contenuti densi e testo non scandibile
. . . . . . . . . . . . . . . .
9
1.4.9
Tempi di caricamento lunghi . . . . . . . . . . . . . . . . . . . . . .
10
1.4.10 Frame
1.5
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
10
1.4.11 Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
10
1.4.12 Ricerca sul sito con risultati poco rilevanti
. . . . . . . . . . . . . .
10
1.4.13 Multimedia e video . . . . . . . . . . . . . . . . . . . . . . . . . . .
11
1.4.14 Layout bloccati . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
11
1.4.15 Incompatibilità tra piattaforme
11
. . . . . . . . . . . . . . . . . . . .
Adattamento: come gli utenti hanno inuenzato l'usabilità
. . . . . . . . .
11
1.5.1
Cliccabilità incerta
. . . . . . . . . . . . . . . . . . . . . . . . . . .
12
1.5.2
Scorrimento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
12
1.5.3
Registrazione
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
12
1.5.4
Url complesse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
12
ii
INDICE
1.5.5
1.6
2
Menù a tendina e menù gerarchici . . . . . . . . . . . . . . . . . . .
13
Autocontrollo: come i designer hanno ridotto i problemi di usabilità . . . .
13
1.6.1
Plug-in e tecnologie d'avanguardia . . . . . . . . . . . . . . . . . . .
14
1.6.2
Interfacce utente 3D
. . . . . . . . . . . . . . . . . . . . . . . . . .
14
1.6.3
Design barocchi . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
14
1.6.4
Pagine di benvenuto
14
1.6.5
Graca in movimento e testo che scorre sullo schermo
1.6.6
Elementi di interfaccia fai-da-te
1.6.7
Non rilevare chi è la fonte delle informazioni
. . . . . . . . . . . . .
15
1.6.8
Parole inventate . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
15
1.6.9
Contenuti obsoleti o datati . . . . . . . . . . . . . . . . . . . . . . .
16
1.6.10 Siti internamenti inconsistenti . . . . . . . . . . . . . . . . . . . . .
16
1.6.11 Richieste premature di informazioni personali
. . . . . . . . . . . .
16
1.6.12 Siti multipli . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
16
1.6.13 Pagine orfane
17
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . .
15
. . . . . . . . . . . . . . . . . . . .
15
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
1.7
Quale è l'usabilità che conta?
1.8
La ricerca
. . . . . . . . . . . . . . . . . . . . . . . . .
17
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
17
1.8.1
Interfaccia di ricerca
. . . . . . . . . . . . . . . . . . . . . . . . . .
18
1.8.2
Ricerche avanzate . . . . . . . . . . . . . . . . . . . . . . . . . . . .
19
1.8.3
Ricerca contestuale . . . . . . . . . . . . . . . . . . . . . . . . . . .
19
1.8.4
Pagine dei risultati di ricerca
. . . . . . . . . . . . . . . . . . . . .
19
1.8.5
Best bet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
20
1.8.6
Nessun risultato . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
20
1.8.7
Un solo risultato
. . . . . . . . . . . . . . . . . . . . . . . . . . . .
20
1.8.8
Ultime note
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
20
Ulteriori note sull'usabilità
22
2.1
Linee guida maturate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
22
2.1.1
I testi
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
22
2.1.2
I documenti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
22
2.1.3
Il link clicca qui . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
24
2.1.4
I tag ALT e TITLE . . . . . . . . . . . . . . . . . . . . . . . . . . .
25
2.1.5
I form e i bottoni . . . . . . . . . . . . . . . . . . . . . . . . . . . .
25
2.1.6
Le lingue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
26
2.1.7
Newsletter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
27
2.2
3
iii
Linee guida lampo
Contro l'usabilità
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
27
29
INDICE
iv
Bibliograa
30
Capitolo 1
WEB USABILITY 2.0
Alcuni appunti di questo capitolo sono ripresi dal libro [1]
``WEB USABILITY 2.0 - l'usabilità che conta
di Jakob Nielsen e Hoa Loranger
NOTA: Le parti in blue sono piccole note e riessioni fatte dall'autore di queste
dispense.
1.1 Introduzione al web usability
Internet sta diventando ogni giorno di più un ``compagno della vita di tutti i giorni.
Sempre di più ci ritroviamo ad utilizzarlo e la fetta di persone che ogni giorno navigano
aumenta di giorno in giorno.
Gli utenti di oggi appartengono a diverse categorie: giovani, vecchi, studenti, lavoratori,
casalinghe, curiosi, coloro che lavorano su e per internet e così via.
Di conseguenza anche l'altra faccia della medaglia del web (cioè la funzionalità e
l'estetica del web) sta cambiando.
Oggi ci sono siti che hanno scopi assai diversi tra di loro.
Una conseguenza inevitabile del fenomeno internet è quella sottolineata dal libro [1]:
l'usabilità web sta diventando più importante perché la competizione sta diventando più
aspra.
1
Capitolo 1.
WEB USABILITY 2.0
2
Ma cosa è l'usabilità?
E' un indicatore di qualità che ci dice quanto una determinata cosa è semplice da
usare. Ci dice quanto è necessario per imparare ad usare quella cosa, con quanta ecienza
la si usa successivamente, quanto si riesce a tenerne a mente il funzionamento, quanto alta
è la probabilità di fare errori quando la si usa e quanto è piacevole usarla. Se l'utente non
riesce o non vuole usare una data funzionalità di un oggetto o di un programma, quella
funzionalità potrebbe tranquillamente non esserci.
Oggi gli utenti si aspettano tanto da un sito e sono sempre meno disposti a sopportare
design scadenti.
Esistono tutta una serie di test rigorosi basati sull'osservazione ma non sono concentrati su ``focus group e ricerche di mercato.
Web usability è un ``manifesto che si batte per la semplicità contro i design
che ``spaccano e le interfacce ipercomplesse tanto in voga qualche annetto fa.
Una buona idea su questo concetto può essere data dalla vignetta 1.1
La più semplice misura di usabilità è il tasso di successo: gli utenti si aspettano
che da qualche parte nel web ci sia quello che stanno cercando e si aspettino che i siti
funzionino. Il web viene visto come uno strumento, un mezzo verso un ne. Se il vostro
sito non deve rispondere agli obiettivi dei suoi utenti può essere fatto come vi pare poiché
non ci sarà perdita di aari/clienti per il semplice fatto che gli aari/il business non sono
lo scopo del sito.
Nel momento stesso che viene scoperto come gli utenti interagiscono con
il sito siamo in grado di renderlo migliore di quello della concorrenza mentre
ogni errore nel progettare un sito signica l'assenza di visite nel sito e aari
mancati.
Capitolo 1.
WEB USABILITY 2.0
3
Figura 1.1: un esempio di oggetto non usabile
Non sempre è possibile che un sito rispetti tutte le linee guida, in molti casi si può
tenere conto solo dei problemi di usabilità più macroscopici e il resto deve venire rimandato
ad un secondo momento o anche tralasciato.
Anche perché seguire tutte le linee guida risulta impossibile, se andiamo a vedere il
pelo nell'uovo non ne usciamo veramente più.
Certe linee guida poi sono indicate per determinati siti, mentre per siti di altro genere
possono benissimo essere tralasciate.
Se un sito non è nella top ten dei più visitati bisogna esserne contenti perché signica
che chi li visita avrà già appreso i rudimenti della navigazione nel web a spese di altri siti.
La prima regola dei test di usabilità è di utilizzare la dotazione dell' ``utente tipo.
Un buon metodo per i test è quello di ``pensare ad alta voce: gli utenti devono pensare
ad alta voce mentre operano con l'interfaccia: sentire i pensieri ci aiuta a capire perché
una persona fa quello che fa.
Alcuni problemi sono così specici del sito che non saranno trattati in
nessuno studio. Ecco un motivo di fare il test sul proprio sito.
Le linee guida appartengono a tre livelli distinti di problemi:
•
comportamenti generali dell'utente, indipendentemente dal sito visitato;
•
problemi dipendenti da una particolare tipologia di sito;
•
problemi specici di un particolare sito e dei suoi utenti.
Capitolo 1.
WEB USABILITY 2.0
4
1.2 La prima visita ad un sito
La prima volta che un potenziale cliente visita il nostro sito, abbiamo meno
di due minuti per dire quel che dobbiamo dire.
Anzi se proprio vogliamo essere precisi, il tempo medio è di trenta secondi.
Dal punto di vista degli utenti, ogni pagina deve giusticare la propria esistenza, e il
tempo che richiede.
Molti non si degnano nemmeno di scorrere la pagina per vedere cosa c'è in fondo.
Un utente non sa a priori se vale la pena di visitare la pagina; allora è necessario
convincerlo.
Le pagine interne costituiscono il 60% delle pagine visitate per prime in un sito. Questo
fa capire che non bisogna cercare di obbligare gli utenti ad entrare dalla homepage.
Nel caso che un utente arrivi al sito bisogna dire dove è arrivato e come raggiungere
da lì le altri parti del sito.
Ogni pagina del sito può contenere:
•
nome o logo aziendale nell'angolo in alto a sinistra della pagina (dove se lo aspetta
l'utente);
•
link diretto alla homepage;
•
box di ricerca (preferibilmente nell'angolo in alto a destra della pagina);
Bisogna fare in modo di orientare gli utenti rispetto al resto del sito ma non bisogna
inondare l'utente con link presenti in tutte le aree del sito o link di pagine non attinenti.
Non sempre gli utenti raggiungono la posizione profonda partendo dalla homepage
quindi possono aver seguito un percorso diverso e non aver visto le informazioni contenute
ai livelli superiori.
I link profondi
1
migliorano l'usabilità perché è molto più probabile che vengano
incontro alle esigenze dell'utente.
Infatti [2] una buona linea guida è quella di usare nei menù pochi link così l'utente in
breve tempo li legge tutti e non rimane confuso su dove cliccare. Purtroppo questo va a
scapito nell'avere in homepage tutti i collegamenti al sito e talvolta l'utente può rimanere
indeciso su dove cliccare per un specico servizio. Una soluzione sarebbe quella di mettere
in homepage i collegamenti alle aree del sito che sono a loro volta suddivise nei link più
1 La
profondità si misura in click, se per esempio per raggiungere una certa pagina devi cliccare su un
link che ti porta ad una pagina dove hai il link alla pagina desiderata i click necessari per arrivarci sono
due.
Capitolo 1.
WEB USABILITY 2.0
5
precisi e quindi aumentare la profondità. Purtroppo non sempre è facile suddividere il sito
in aree, spesso i singoli link sono troppo specici e diversi l'uno dall'altro per fare delle
aree.
E' fondamentale che da ogni pagina si possa ``riuscire e tornare ai livelli superiori, in
particolare alla pagina principale (homepage).
1.2.1 La homepage
La homepage dovrebbe essere il ``bigliettino da visita del sito, ma, come detto, non è
necessariamente la prima pagina che l'utente visita.
Spesso gli utenti vanno sulla homepage per farsi un'idea generale del sito anche se vi
sono arrivati da pagine interne.
E' necessaria molta attenzione all'usabilità della homepage.
Le cose più importanti che una homepage deve comunicare sono:
•
su quale sito sono arrivati;
•
quali vantaggi o servizi possono aspettarsi;
•
qualcosa sull'azienda/altro;
•
le possibilità a loro disposizione e il modo in cui raggiungere la sezione del sito
relativo a ciascuna di essi.
Ad ogni visita successiva il tempo di permanenza sulla homepage diminuisce.
1.2.2 Le pagine interne
Fare scorrere le schermate è un'attività poco usuale.
Questo vuol dire che è necessario
progettare pagine brevi e nello stesso tempo
assicurare di presentare agli utenti abbastanza informazioni ``sopra la piega
(cioè all'interno della schermata).
Da notare che gli utenti esperti fanno scorrere più dei neoti.
Alle pagine interne sono dedicate circa trenta secondi l'una spesi per la maggior parte
sul contenuto e molto meno alla navigazione.
E' necessario quindi mettere i link importanti all'interno di un contenuto anché è
più probabile che vengano notati.
Le pagine interne devono avere una struttura il più simile possibile a quella della
homepage, altrimenti viene dato all'utente la sensazione di essere niti in un sito diverso.
Capitolo 1.
WEB USABILITY 2.0
6
1.3 I motori di ricerca
I motori di ricerca sono diventati lo strumento principale con cui un utente cerca
determinate cose.
La forza del web sta nei siti specialistici che danno ai propri utenti informazioni molto selezionate e pertinenti.
La ricerca adesso non si basa più per individuare i siti da visitare ma per trovare
risposte: è questo il motivo della diusione dei motori di ricerca (che diventano sempre
più ``motori di risposta), ovvero abbiamo il fenomeno dell'
information foraging.
Il concetto più utilizzato in abbinamento all'information foraging è quello dell'information scent (o traccia informativa): un utente fa clic se valuta di stare avvicinandosi al
sito.
Un sito dovrebbe apparire con contenuto buono e interessante ed anche facile da usare.
In un SERP (Search Engine Result Page, cioè pagina dei risultati) un motore di ricerca
deve indicare due tipi di link:
•
organici: rappresentano le risposte alla domanda dell'utente in base ad un algoritmo
usato dal motore di ricerca; sono ``auri cioè disinteressati (il sito non ha pagato per
comparire nell'elenco e non dovrà pagare il motore di ricerca);
•
sponsorizzati (pubblicità);
E' importante che le notizie che vogliamo far vedere siano sopra la piega, cioè nella
parte della pagina web visibile senza far scorrere il contenuto.
E' necessario dare un accenno al
Keyword advertising: è il prezzo pagato dal-
l'azienda per far si che il sito compai nella SERP quando un utente inserisce certe parole
chiavi e vi clicchi. Il prezzo ha mostrato una crescita costante e crescerà notevolmente
poiché le aziende hanno capito il grande potere dei motori di ricerca.
Viene seguito il seguente criterio: maggiore è il valore di un nuovo visitatore e più alto
dovrebbe essere l'oerta che siete disposti a fare per attirarlo sul vostro sito.
1.4 Analisi dei problemi di usabilità
Per un'analisi ecace nel libro [1] viene presentata come misura quella dei ``teschi. I
teschi indicano la quantità di problemi causati all'utente da un dato problema di usabilità.
Meno teschi presenti equivale a meno problemi.
Gli errori di design che causano ancora grossi problemi (tre teschi) sono:
Capitolo 1.
WEB USABILITY 2.0
•
link che non cambiano colore dopo essere stati visitati;
•
pulsante indietro che non funziona;
•
aprire nuove nestre del browser;
•
nestre pop-up;
•
parte dell'interfaccia che sembrano pubblicità;
•
violazione delle convenzioni web;
•
contenuti vaghi e sensazionalismo gratuito;
•
contenuti densi e testo non scandibile;
7
Dei 34 originari problemi di usabilità 7 sono diventati meno critici grazie all'evoluzione
dei browser, della banda e di altre tecnologie internet.
Questi sono
problemi che attualmente hanno uno solo o due teschi:
•
tempi di caricamento lunghi(1 teschio);
•
frame(1 teschio);
•
ash(2 teschi);
•
ricerca sul sito con risultati poco rilevanti(2 teschi);
•
multimedia e video(2 teschi);
•
layout bloccati(2 teschi);
•
incompatibilità tra piattaforme(2 teschi);
Analizziamo tutti questi problemi brevemente.
1.4.1 Link che non cambiano colore dopo essere stati visitati
Gli utenti devono sapere e ricordare dove sono stati, dove si trovano e dove possono
andare. E' importante sapere quali pagine sono già state visitate (per evitare di ritornarci
per errore se non ci avevano soddisfatto oppure per ripercorrerlo se c'è stato utile).
Ora questa cosa non viene più tanto seguita, molti siti hanno i link tutti dello stesso
colore. Sinceramente a me piace di più il link che non cambia colore (è più elegante ed
omogeneo), ma capisco l'importanza di avere uno strumento che mi dice se un link è già
stato visitato senza dover tenere tutto in memoria.
Si potrebbe quindi togliere anche un teschio.
Una buona pratica è di mantenere sottolineato il link ``attivo in quel momento.
Capitolo 1.
WEB USABILITY 2.0
8
1.4.2 Pulsante indietro che non funziona
Statisticamente questo pulsante è la seconda funzionalità più usata nella navigazione
web. Infatti esso è sempre disponibile nello stesso posto e funziona sempre allo stesso
modo. Viene visto anche come ancora di salvezza: qualsiasi cosa succeda questo pulsante
riporta indietro.
Parliamoci chiaro: quello qui scritto vale se il pulsante indietro è quello del browser,
i pulsanti indietro dentro al sito oltre a funzionare ben poche volte, l'utente non li nota
quasi per niente e automaticamente va ad usare quello del browser (ormai tutti i tipi di
browser hanno lo stesso tipo di comando). Un punto a favore al browser è che permette
anche di andare indietro di più pagine con un unico click.
1.4.3 Aprire nuove nestre del browser
Cliccando su un link o su un pulsante capita che si apra una nuova pagina invece che
prendere il posto di quella vecchia. I designer lo fanno per non perdere i visitatori ma è
una causa persa infatti se questi vogliono andarsene lo faranno lo stesso. E se gli utenti
vogliono usare nestre diverse lo possono (e lo sanno) fare da sé, basta fare click con il
tasto destro del mouse.
Gli utenti più inesperti non sanno come gestire le nestre multiple (talvolta se la nuova
nestra occupa l'intero schermo non si accorgono nemmeno che è una nestra diversa dalla
precedente e quindi il pulsante indietro lo riporta indietro solo alla prima pagina mostrata
da quella nestra, sempre se non è già la prima).
Nota bene: spesso i designer tendono ad interpretare il pulsante di massimizzazione della nestra come un modo per ingrandirla a tutto schermo mentre la funzionalità dovrebbe
essere quella di ingrandirla alla massima dimensione utile.
Breve riepilogo: eetti collaterali dell'apertura di nuove pagine:
•
viola le aspettative dell'utente;
•
inquina lo spazio dello schermo dell'utente con oggetti non richiesti;
•
riduce la capacità dell'utente di tornare sui propri passi;
•
copre la nestra dove l'utente sta al momento lavorando;
•
nel caso di nestre coperte può portare l'utente a credere che i link non siano attivi;
Nel caso di contenuti non web si può fare eccezione (stesso discorso vale se viene aperta
una pagina che è di un sito diverso) e aprire in una nuova nestra del browser, magari
avvisando in anticipo gli utenti della comparsa della nuova nestra.
Capitolo 1.
WEB USABILITY 2.0
9
La cosa migliore sarebbe però di dare la possibilità di salvare il le su disco per poi
aprirlo con l'opportuna applicazione.
Nota: per fare quest'ultima cosa bisogna aggiungere un'intestazione http ben precisa.
1.4.4 Finestre pop-up
SONO UN INSULTO ALL'USABILITA'. Molti utenti li chiudono ancora prima che
siano completate o installano software appositi che li bloccano. In più hanno una reputazione dubbia poiché usati in particolare da siti porno, scommesse o casinò on-line;
1.4.5 Parte dell'interfaccia che sembrano pubblicità
Gli utenti hanno una forma cronica di ``cecità ai banner, infatti lo sguardo sul banner
resta solo per pochi microsecondi. Gli utenti ignorano i box variopinti sul margine della
pagina poiché di norma contengono pubblicità. Poco importa se l'elemento in questione
sia pubblicità o no, tanto gli utenti non lo leggono e quindi non lo sapranno mai;
1.4.6 Violazione delle convenzioni web
La legge di Jakob sull'esperienza internet dice ``gli utenti del vostro sito web passano
la maggior parte del loro tempo su altri siti. Gli utenti si sono abituati a certi standard
prevalenti di design e si aspettano di vederli anche nel vostro;
1.4.7 Contenuti vaghi e sensazionalismo gratuito
Un grande problema è quello che su certi siti le aziende non riescono a parlare con
chiarezza e semplicità e gli utenti sono impazienti quindi dedicano a ciascuna pagina poco
tempo. E' fondamentale indicare rapidamente cosa si ore agli utenti e i vantaggi che ne
trarranno.
Spiegare i beneci, non le funzionalità e non ripetere l'ovvio. Peggiore è il linguaggio
che imponete agli utenti e più li allenate ad ignorare del tutto il messaggio.
Più specico è il testo e migliore sarà la sua posizione nei motori di ricerca.
1.4.8 Contenuti densi e testo non scandibile
I grandi blocchi di testo tendono ad allontanare gli utenti web.
La sola vista di una pagina piena di scritte basta per convincere gli utenti che dovranno
sudare per trovare le informazioni che cercano in quella miriade di parole e righe.
I testi web dovrebbero essere brevi, approcciabili, scritti per essere scorsi più che letti.
Capitolo 1.
WEB USABILITY 2.0
10
Nei testi web è sempre meglio partire dalle conclusioni così il messaggio raggiunge
anche chi legge solo le prime due o tre righe.
1.4.9 Tempi di caricamento lunghi
Negli anni '90 i siti che hanno avuto successo sono stati quelli che adottavano design
essenziali con poca graca e pagine che si caricavano velocemente. Secondo Donald A.
Norma, nel suo ``Emotional Design ci sono tre livelli a cui le persone si relazionano al
design:
•
livello viscerale: più immediato, dominato dall'apparenza. Le emozioni viscerali
sono automatiche ed immediate poiché derivano da vantaggi evolutivi e principi
di sopravvivenza;
•
livello comportamentale: si basa sull'utilizzo di un oggetto: come lo usiamo? Come
ci troviamo a usarlo?
•
livello riessivo: si basa sul modo in cui pensiamo ad un oggetto: cosa ci evoca? Cosa
ci esprime?
1.4.10 Frame
L'uso di essi ha portato alla violazione di alcune convenzioni di interfaccia e usabilità.
In più rendevano spesso dicile la stampa e interferivano con i motori di ricerca;
1.4.11 Flash
Le prime versioni di ash producevano numerosi problemi di usabilità. Infatti non
erano più presentazioni interattive, ma simil-televisione e l'interfaccia aveva una graca
e dei controlli non standard. Con la nuova versione del 2002 molti problemi sono stati
risolti ma si trovano ancora a giro molte cose di ash pessime, per questo non si merita
uno bensì due teschi.
Da ricordare: ash è un ambiente di programmazione e non deve essere usato per
ravvivare una pagina poiché si allontanano i clienti;
1.4.12 Ricerca sul sito con risultati poco rilevanti
Nella ricerca è molto importante mettere i risultati in ordine di rilevanza e non per
occorrenze, ma all'inizio questo fatto non veniva sfruttato. Molti siti continuano tuttora
ad utilizzare una ricerca con risultati pessimi, altri siti invece hanno una ricerca con un
funzionamento accettabile;
Capitolo 1.
WEB USABILITY 2.0
11
1.4.13 Multimedia e video
Oggi sono ben accetti grazie all'aumento della banda, all'aumento della qualità del
video e al fatto che vengono creati video e presentazione multimediali per il web invece
di riutilizzare le produzioni televisive. In teoria un video per non far perdere l'attenzione
dovrebbe durare al massimo un minuto ma questa cosa non viene spesso seguita;
Da ricordare che ancora in molte zone internet va con il ``vecchio modem analogico.
1.4.14 Layout bloccati
Ho un layout bloccato quando le informazioni che ospita all'interno hanno una larghezza precisa quindi se la nestra è troppo stretta è necessario far scorrere in orizzontale la
nestra.
Gli utenti odiano lo scorrimento orizzontale e si aspettano di averlo al massimo solo
verticale.
Se non vogliamo star dietro alle dimensioni di uno schermo, basta usare dei layout
liquidi.
1.4.15 Incompatibilità tra piattaforme
Per un sito web compatibilità fra piattaforme signica funzionare sia con browser
dierenti sia con computer dierenti.
Bisogna guardare sia il volume di aari riguardanti i s.o. diversi (per esempio il Mac ha
una piccola fetta di mercato che attualmente si sta ingrandendo), ma anche la frequenza
con cui escono nuove versioni dei browser. In più ci sono le piattaforme mobili che sono
radicalmente diverse dai computer.
Bisogna però sottolineare che questi problemi non sono del tutto scomparsi ma sono
solo aevoliti, basta pensare che la banda larga, come detto prima, ancora non è presente
in buona parte del territorio oppure che le applicazioni ash sono ancora malviste dagli
utenti.
1.5 Adattamento: come gli utenti hanno inuenzato l'usabilità
Nel corso degli anni gli utenti si stanno lentamente adeguando a questi problemi:
•
cliccabilità incerta (1 teschio);
•
scorrimento (2 teschi);
Capitolo 1.
WEB USABILITY 2.0
•
registrazione(1 teschio);
•
url complesse(2 teschi);
•
menù a tendina e menù gerarchici (1 teschio);
12
1.5.1 Cliccabilità incerta
Talvolta gli utenti non riescono a capire dove devono cliccare, a causa proprio di quei
link che non danno indicazione di cliccabilità.
Oggi gli utenti sanno di poter cliccare su testi colorati e sottolineati oppure su oggetti
tridimensionali che assomigliano a pulsanti.
Il testo blu specie se sottolineato è il messaggio di cliccabilità più comune;
1.5.2 Scorrimento
La resistenza allo scorrimento esiste tutt'oggi ma non in maniera così acuta come
poteva essere all'inizio. Comunque rimane importante far si che le notizie interessanti
si notino n dall'inizio. Purtroppo spesso il giudizio sulla rilevanza delle informazioni è
diverso tra quello degli utenti e quello dei designer;
1.5.3 Registrazione
All'inizio la registrazione era una barriera enorme e non c'era ducia nei siti. Adesso
lo è un po' meno poiché i siti hanno modicato i processi di acquisto rendendoli meno
invasivi e la richiesta di informazioni personali è parte della vendita e non c'è prima.
Infatti oggi per la registrazione ad un sito la maggior parte delle volte viene richiesto
solo un nome utente (i.e.
2
un nickname) e un indirizzo e-mail (spesso necessario per
l'attivazione della registrazione).
Le informazioni strettamente personali come indirizzo e telefono vengono richieste solo
in caso di compravendite;
1.5.4 Url complesse
Non esiste ragione per cui gli url debbano essere lunghi. Gli url complessi causano
problemi di usabilità e di posizionamento nei motori di ricerca.
Oggi è un problema ancora non risolto perché un sito con url semplici talvolta è statico
o poco funzionale, mentre nel web 2.0 con l'uso di CMS come Joomla l'aggiunta di un
contenuto provoca la creazione di una url complicata (sempre se non viene modicata) e
2 i.e.=cioè,
in altre parole
Capitolo 1.
WEB USABILITY 2.0
13
quindi per risalire a quella pagina bisogna partire dalla homepage e cliccare nel punto che
vogliamo.
Un esempio può essere questo:
http://ventus85.ilbello.com/usabilita/documenti/erroricomuni/testi.html
http://ventus85.ilbello.com/us/doc/errx/xyztext/05.html
Nel primo caso posso capire dove sono: dentro il sito ventus85.ilbello.com nella parte
relativa all'usabilità, in particolare tra i documenti dove si parla di errori sui testi.
Nel secondo caso non ho nessuna informazione perché non si capisce in che punto del
sito siamo e di cosa possa parlare il documento 05.html.
Oppure ancora più complicata una url di questo tipo:
http://ventus85.ilbello.com/index.php?option=com_content&task=view&id=14&Itemid=3
Come facciamo a risalire alle cartelle superiori o ricordarsi una url di questo tipo?
1.5.5 Menù a tendina e menù gerarchici
Oggi gli utenti si sono abituati a menù di questo genere, ma più complesso è il menù
e più dicile risulta il suo utilizzo.
1.6 Autocontrollo: come i designer hanno ridotto i problemi di usabilità
Le aree dove c'è stato un graduale miglioramento sono le seguenti:
•
plug-in e tecnologie d'avanguardia(1 teschio);
•
interfacce utente 3D (1 teschio);
•
design barocchi(1 teschio);
•
pagine di benvenuto(1 teschio);
•
graca in movimento e testo che scorre sullo schermo(1 teschio);
•
elementi di interfaccia fai-da-te(2 teschi);
•
non rilevare chi è la fonte delle informazioni(2 teschi);
•
parole inventate(1 teschio);
•
contenuti obsoleti o datati(2 teschi);
•
siti internamenti inconsistenti(2 teschi);
Capitolo 1.
WEB USABILITY 2.0
•
richieste premature di informazioni personali(2 teschi);
•
siti multipli(2 teschi);
•
pagine orfane(1 teschio);
14
1.6.1 Plug-in e tecnologie d'avanguardia
Bisogna utilizzare tecnologie disponibili da almeno due anni e di non obbligare l'utente
ad alcun tipo di aggiornamento come precondizione per l'utilizzo del sito;
1.6.2 Interfacce utente 3D
Le interfacce tridimensionali sono quasi sempre troppo dicili da usare poiché vengono visualizzate e controllate su superci 2D. Semmai possono essere usate in campo
architetturale o medico.
Gli utenti non sanno usare le interfacce 3D poiché escono da tutti i canoni standard;
1.6.3 Design barocchi
Non mettere più funzionalità del necessario e non caricare troppo il sito. Infatti il
cliente vuole andare subito al sodo.
Piace a tutti (compresa la sottoscritta) mostrare quanto siamo bravi ma è inutile
mettere cose che non entrano negli obiettivi del sito;
1.6.4 Pagine di benvenuto
Le pagine di benvenuto devono sparire poiché l'utente ottiene immediatamente l'impressione che un sito si curi più della propria immagine che risolvere i problemi.
Le homepage non sono come le copertine delle riviste: una copertina deve suscitare
interesse, mentre una homepage deve accogliere delle persone che hanno già scelto il sito
e vogliono da esso una cosa ben precisa.
Le pagine di benvenuto (anche se ci sono i comandi ``salta introduzione) allungano il
tempo per arrivare alle informazioni che si desiderano ed inoltre quando vado su un sito
ipotizzo che so già che tipo di sito sia (sia se ci arrivo con un motore di ricerca sia in altro
modo). Le pagine di benvenuto poi non invogliano la gente a ritornarci perchè chi è che
ha voglia di farsi dare lo stesso benvenuto tutte le volte?
Capitolo 1.
WEB USABILITY 2.0
15
1.6.5 Graca in movimento e testo che scorre sullo schermo
Gli utenti pensano che il testo che scorre e le immagini animate siano probabilmente
inutili e quindi le ignorano.
In particolare se il designer vuole lo stesso inserire il testo che scorre si dovrebbe
chiedere a che velocità farlo scorrere: se troppo veloce alcuni utenti non riescono a leggerlo,
se troppo lento gli utenti si stancano ad aspettare che scorra il resto con il risultato che
viene ignorato in entrambi i casi e comunque alla ne passa sempre la voglia di leggerlo.
Recentemente il testo scorrevole viene utilizzato per la maggior parte per le notizie
(sia del sito sia del mondo esterno);
1.6.6 Elementi di interfaccia fai-da-te
Gli utenti si aspettano che ogni controllo dell'interfaccia si debba comportare come
quelli standard (per esempio una casella di testo o un bottone hanno dei signicati ben
precisi). Per esempio se le barre di scorrimento non sembrano tali gli utenti potrebbero
non accorgersi che ci sono e se non funzionano come tali gli utenti potrebbero non riuscire
a farle funzionare.
Talvolta per esempio per mostrare dei prodotti invece di usare delle barre di scorrimento vengono usate delle frecce su cui cliccare ai lati e gli oggetti scorrono. Se funziona
può essere comunque un punto a favore perché esteticamente è meno invasivo della barra,
ma rimane comunque ``fuori standard;
1.6.7 Non rilevare chi è la fonte delle informazioni
Nel web anche la ducia e la credibilità sono importanti. perché un sito web abbia
successo gli utenti devono sapere chi c'è dietro, come è nanziato e se è credibile.
E' normale che i siti abbiano la sezione ``chi siamo che permette di sapere agli utenti
di sapere chi sta dietro le informazioni che gli utenti vedono sul sito;
1.6.8 Parole inventate
Le parole inventate riducono l'usabilità perché gli utenti non hanno idea di che cosa
possa signicare.
Gli utenti non sono incuriositi da questi termini bensì confusi e quindi se ne vanno.
In più le parole inventate vanicano anche il posizionamento nei motori di ricerca
perché non verranno mai cercate;
Capitolo 1.
WEB USABILITY 2.0
16
1.6.9 Contenuti obsoleti o datati
Volendo possono essere attribuiti anche tre teschi perché il web più invecchia più i
contenuti datati aumentano. La causa come possiamo ben capire è il mancato aggiornamento dei siti. Il problema esiste quando gli utenti vedono informazioni datate ma questo
non lo sanno e le giudicano come nuove.
Se invece vedono che sono notizie vecchie (magari perché è inserita la data o fanno
riferimento a fatti noti passati) gli utenti pensano che il sito non sia stato aggiornato
di recente e quindi lo abbandonano; un sito deve essere sempre aggiornato, con notizie
non scadute. Di sicuro è capitato di navigare in un sito dove ci sono informazioni datate
qualche anno prima oppure con gli auguri di Natale e viene letto a marzo. Lo stesso per
oerte o concorsi. Per esempio una pagina che parla di una estrazione avvenuta in un
giorno già passato: in questo caso è meglio modicare la pagina, magari mettendo la lista
dei vincitori oppure una cosa completamente diversa. Molto spesso inoltre sono presenti
pagine che non hanno nè la data di creazione nè quella di modica. Una buona abitudine
è quella di lasciare in cima o in fondo al contenuto la data dell'ultimo aggiornamento, così
gli utenti posso vedere n da subito se la notizia è per loro nuova.
1.6.10 Siti internamenti inconsistenti
In principio ogni pagina era un mondo a sé poiché veniva disegnata al momento senza pensare a come si sarebbe inserita tra le altre pagine del sito. Il risultato era dal
fatto che un sito presentava pagine così diverse tra loro da rendere dicile credere che
appartenessero allo stesso sito;
1.6.11 Richieste premature di informazioni personali
Se un sito diventa invadente troppo presto gli utenti si riuteranno di rispondere alle
domande. Un sito, prima di poter rivolgere domande personali agli utenti, si deve costruire
una certa credibilità presso l'utente.
Le informazioni devono essere chieste al momento opportuno;
1.6.12 Siti multipli
Le informazioni dovrebbero far parte tutte dello stesso sito web, mentre c'è stato un
momento durante il quale le aziende aprivano numerosi siti web con indirizzi diversi ma
aventi tutti lo stesso ne;
Capitolo 1.
WEB USABILITY 2.0
17
1.6.13 Pagine orfane
Sono quelle pagine che non hanno nessun link e chi ci nisce sopra non può più andare
da nessuna parte. E' un problema a 0 teschi perché oggi tutti i designer riconoscono la
necessità di dotare gli utenti di almeno un numero minimo di opzioni di navigazione per
connettersi al resto del mondo.
1.7 Quale è l'usabilità che conta?
Per migliorare l'usabilità di un sito bisogna risolvere i problemi partendo da quelli più
critici => bisogna valutare la
criticità dei problemi di usabilità.
Per gli utenti la criticità dipende da tre fattori:
•
frequenza: quanti utenti saranno toccati dal problema?
•
impatto: quante e quali dicoltà causa il problema a chi lo incontra? Cosa portano
queste dicoltà (per es. abbandono del sito, indierenza)?
•
persistenza: il problema si presenta ogni tanto o regolarmente?
Per il calcolo della criticità possiamo fare uso di questa formula:
√
f requenza∗impatto∗
persistenza
√
valore criticità =
10
Da ricordare che nonostante l'importanza che i web designer assegnano alla graca e
al layout e alla quantità di parole che vi dedicano, il design della pagina non ha un grande
ruolo nel decidere se gli utenti riescono o meno a usare un sito web.
1.8 La ricerca
Nei test è risultato che il tasso di successo di chi usava i motori di ricerca in internet
era buono; quello di chi usava le funzioni di ricerca interne ai siti risultava misero.
Eppure la ricerca all'interno di un sito specico dovrebbe funzionare meglio di quella
``a tutto web per tanti motivi:
•
ci sono meno pagine da indicizzare in un singolo sito che in tutto il web;
•
in un sito specico è molto più chiaro quali possono essere gli obiettivi dell'utente, mentre in un motore di ricerca generalista una stessa parola può riguardare
argomenti diversi;
•
chi gestisce un sito sa l'importanza dei vari documenti e può dare un ordine nei
risultati della ricerca, mentre i motori generalisti usano criteri presuntivi. Stesso
discorso vale per i documenti vecchi e obsoleti;
Capitolo 1.
•
WEB USABILITY 2.0
18
chi gestisce un sito dovrebbe avere accesso a più metadati rispetto ai motori di ricerca
generalisti quindi il motore interno dovrebbe sapere molto di più sui documenti e
sulle loro interrelazioni rispetto al motore generalista;
•
il vocabolario di un sito è limitato e le informazioni di un sito sono controllate;
•
il motore interno di un sito non è inuenzato da altri siti che cercano di ingannarlo
per ottenere un piazzamento migliore nella classica dei risultati.
La ricerca è un'attività predominante delle attività web.
La ricerca è utile per chi sa già cosa vuole e sa quali query usare per trovarlo. Le tre
cose che gli utenti si aspettano da una ricerca sono:
•
un campo dove digitare il testo;
•
un pulsante da cliccare per avviare la ricerca (gli utenti si aspettano che questo
bottone si chiami ``cerca);
•
una lista dei risultati ordinati per rilevanza.
Il pulsante ``cerca non viene però utilizzato nelle ricerche dove l'utente deve specicare
dei criteri cui la ricerca deve attenersi e quindi non una parola chiave precisa. Questa è
comunque una ricerca di tipo diverso, che bisognerebbe chiamare in modo diverso.
La ricerca ``avanzata è quella che unisce la ricerca per parole chiave ad altri criteri
di ricerca (che limitano la ricerca a certi campi) e potrebbe essere utile ma deve essere
un'opzione secondaria, visibile solo se la richiede l'utente.
1.8.1 Interfaccia di ricerca
Essa rappresenta il campo di testo con il pulsante ``cerca.
Dovrebbe comparire in alto a sinistra perché gli utenti la cercano lì.
E' necessario che compaia nella homepage ma, idealmente, dovrebbe apparire in ogni
pagina del sito.
L'interfaccia di ricerca deve essere semplice. Bisogna lasciare stare l'opzione per estendere la ricerca sul web: gli utenti sanno già come andare sui loro motori di ricerca
preferiti.
La ricerca è un'azione quindi deve essere avviato attraverso un comando dato da un
bottone.
Importante è da valutare la lunghezza delle query e del campo di ricerca.
Un campo di ricerca più lungo è migliore perché incoraggia gli utenti a fare query più
lunghe che producono risultati più precisi. Un altro motivo è che così gli utenti possono
leggere tutto quello che scrivono facendo meno errori.
Capitolo 1.
WEB USABILITY 2.0
19
E' statisticamente provato che le query diventano più lunghe man mano che gli utenti
prendono condenza con la ricerca.
Ovviamente non bisogna esagerare con il numero di caratteri.
I suggerimenti parlano di query di una lunghezza pari a 25/27 caratteri.
1.8.2 Ricerche avanzate
Sarebbe da evitare, le ricerche avanzate riescono a usarla in pochissimi e porta con sé
un sacco di problemi. Non è facile utilizzare la ricerca booleana.
Una eccezione a tutto questo è l'uso delle virgolette per indicare la ricerca letterale di
una stringa di più parole.
Se non è possibile evitare l'inserimento di una ricerca avanzata => è meglio farla in
una pagina a sé.
La scelta tra cercare tutte le parole e un'unica parola è un'opzione della ricerca
avanzata.
1.8.3 Ricerca contestuale
E' quella limitata ad un dato contesto ed ha una sua utilità solo quando gli utenti
desiderano risultati solo da una certa area del sito.
E' adatta per siti con aree estremamente dierenziate dove le richieste degli utenti
riguardano una sola area per volta.
E' pericolosa perché se viene messa per default gli utenti potrebbero non accorgersi
che i risultati non riguardano tutto il sito e poi perché gli utenti potrebbero credere che
ciò che cercano sia in un'area del sito, mentre in verità è un'altra.
Se viene implementata una ricerca contestuale ci sono due linee guida da seguire (oltre
alla linea guida diciamo 0 per la ricerca che è quella di dare la ricerca globale come default):
•
la pagina dei risultati (SERP) deve indicare il contesto della ricerca;
•
deve essere possibile con un unico clic ripeterla sull'intero sito.
1.8.4 Pagine dei risultati di ricerca
Buona linea guida è quella di seguire i motori di ricerca e dare una lista di risultati
ordinati per rilevanza (per esempio la frequenza relativa delle parole).
Non serve numerare i risultati e nemmeno indicare il grado di rilevanza o altre stime.
Ogni risultato dovrebbe consistere in un titolo cliccabile seguito da una sommario di
2/3 righe seguito talvolta dalla collocazione del documento (url o area).
Capitolo 1.
WEB USABILITY 2.0
20
Il titolo è la parte più importante e spesso gli utenti scorrono i risultati senza nemmeno
leggere i titoli per intero. Questo vuol dire che il titolo dovrebbe iniziare con le parole più
signicative.
La query dell'utente va ripetuta nel box di ricerca.
Se la prima query non dà i risultati attesi è dicile che gli utenti la riformulino. E'
però utile prevedere che gli utenti possano riformulare la query a partire dalla SERP.
1.8.5 Best bet
Nei motori generalisti se vogliamo che le nostre pagine compaiano prima di quelle
di altri siti bisogna operare sulla SEO (Search Engine Optimization=ottimizzazione sui
motori di ricerca).
Per il motore del proprio sito e per le query signicative si può compilare una lista di
pagine da far comparire in testa ai risultati. Questa funzionalità è conosciuta come ``Best
Bet (miglior candidato) ed indica le pagine più rilevanti per certe query.
Per aggiungere le Best Bet al proprio motore di ricerca si compila una lista che a
ciascuna query ritenuta di interesse per il sito associa le pagine più rilevanti.
Quindi le Best Bet verranno visualizzate per prime.
1.8.6 Nessun risultato
Bisogna prevedere una SERP speciale per quelle volte in cui la ricerca non produce
risultati.
Bisognerà indicare con chiarezza l'assenza di risultati della query (no pagina vuota),
poi bisognerà aiutare gli utenti a modicare le query per ottenere risultati migliori e la
SERP si dovrebbe chiudere con un link alla ricerca avanzata (ovviamente se il sito la
ore).
1.8.7 Un solo risultato
Altro caso particolare. In tal caso alcuni siti ignorano la SERP e portano l'utente direttamente alla pagina trovata. Questo però è sconsigliato perché può generare confusione.
Però la SERP può essere saltata quando la query suggerisce che l'utente cerchi un
articolo specico (viene inserito il codice dell'articolo oppure un identicatore univoco).
1.8.8 Ultime note
Da ricordare che la SEO non è una scienza esatta.
Capitolo 1.
WEB USABILITY 2.0
21
Ad ogni nuovo problema gli utenti si rivolgono ai motori di ricerca, ma non vanno
quasi mai al di là della prima pagina dei risultati. => la SEO dovrebbe essere uno degli
elementi più importanti della strategia internet.
Capitolo 2
Ulteriori note sull'usabilità
2.1 Linee guida maturate
Questo capitolo invece sottolinea alcuni aspetti più pratici non presenti nel primo
capitolo e sono tratti dall'esperienza maturata dall'autore di queste dispense.
Per una migliore e soprattutto completa comprensione di questo capitolo si rimanda
alla lettura di [2]. Nella relazione citata c'è un chiaro esempio di confronto tra un sito
pieno di errori di usabilità e lo stesso sito ristrutturato.
Basta pensare che in una homepage come quella in gura 2.1 è piena di errori di
usabilità. Alcuni di questi errori possono essere notati anche da chi non ha nessuna esperienza sul campo, mentre altri sono delle sottigliezze che comunque causano un fallimento
(almeno parziale) sul successo del sito.
2.1.1 I testi
Bisogna stare attenti ai testi presenti. Oltre ad non essere troppo lunghi (non nirò
mai di ripetere questa cosa: sarò io che sono troppo impaziente, ma blocchi di testo con
più di sei-otto righi attivano subito il sensore ``salta e vai a vedere qualcos'altro che ho da
qualche parte nel cervello) devono essere chiari e scritti in un linguaggio corretto. Bisogna
cercare di evitare gli errori ortograci ma soprattutto sintattici, sennò rischiamo di non
essere presi troppo sul serio.
La presenza del bottone stampa può essere molto utile.
2.1.2 I documenti
I documenti presenti sul sito (i.e. i documenti scaricabili) devono essere messi in un
formato non modicabile anché non vengano alterati a sfavore del sito.
22
Capitolo 2.
Ulteriori note sull'usabilità
Figura 2.1: Una homepage con molti errori di usabilità
23
Capitolo 2.
Ulteriori note sull'usabilità
24
Figura 2.2: Il link clicca qui
Figura 2.3: Miglioramento del link clicca qui
Un ottimo formato è il pdf poiché è supportato praticamente da tutti, non può essere
alterato, ci possono essere messe delle protezioni ulteriori (per esempio sulla stampa). Se
poi il le che dovete caricare sul sito è un documento che deve essere compilato, la cosa
risulta possibile anche con il formato pdf.
Per esempio un le con estensione doc o odt può essere modicato e si possono aprire
solo con le applicazioni adatte: un le odt, pur essendo simile (solo a livello estetico
ovviamente) ad uno doc esso non può essere aperto da Microsoft Oce Word.
Stesso discorso vale per le di versioni diverse: un le .docx di Microsoft Oce Word
2007 non può essere aperto da Microsoft Oce Word antecedenti.
Non sappiamo cosa usano gli utenti, quindi bisogna usare le il più standard possibile.
2.1.3 Il link clicca qui
Il classico link ``clicca qui (gura 2.2) è ormai superato.
Ormai gli utenti sanno che una parola sottolineata (e spesso di colore blu) indica un
link.
Inoltre il link ``clicca qui rispetto ai link impliciti non aggiunge ulteriori informazioni.
Una soluzione migliore a quella vista in gura 2.2 può essere quella mostrata in gura
2.3
Capitolo 2.
Ulteriori note sull'usabilità
25
Figura 2.4: Immagine con il tag ALT
Figura 2.5: Link con il tag TITLE
Per avere dei link utili e comprensibili, oltre a non usare il ``clicca qui non si devono
usare frasi lunghe ma al massimo tre o quattro parole.
Un link deve portare ad un'altra parte del sito che sia coerente con la pagina del link
e deve avere un'utilità precisa.
2.1.4 I tag ALT e TITLE
Sono due tag molto utili, anche se non sempre supportati da tutti i browser (e in tal
caso vengono semplicemente ignorati).
Il tag ALT è un commento alternativo all'immagine che si vuole inserire.
Esso risulta essere molto utile sia (come scritto in [2]) nel caso non si riesca a visualizzare l'immagine sia nel caso vengano usati browser vocali (per i ciechi), infatti uno
``screen reader non è in grado di leggere il testo presente in un'immagine.
Nello stesso tempo qualche volta al link viene associato il tag title che funziona come
il tag alt per le immagini 2.5.
Così un link diventa ancora una volta accessibile.
2.1.5 I form e i bottoni
A volte in un sito è necessario compilare dei campi.
L'inserimento dei form può essere molto utile, ma non bisogna chiedere troppe informazioni personali.
Una buona cosa dei form è che fanno risparmiare del tempo agli utenti: se quest'ultimi
devono mandare dei commenti, delle considerazioni o chiedere informazioni, un semplice
box da compilare impedisce all'utente di prendere l'indirizzo e-mail del sito, andare sulla
propria casella (e quindi uscire dal sito) e mandare l'e-mail. Se per scrivere ci vogliono
Capitolo 2.
Ulteriori note sull'usabilità
26
due minuti se usiamo il box diventano due minuti e tre secondi, mentre nell'altro caso i
minuti aumentano notevolmente.
Per il loro uso sono presenti i bottoni di invio delle informazioni e di cancellazione.
La forma del bottone è standard, ma nessuno vieta di usare bottoni alternativi (ovviamente funzionanti). In quest'ultimo caso però gli utenti potrebbero non riuscire ad
utilizzarlo.
Se siamo in un sito italiano è necessario che sopra il bottone ci sia scritta la funzione in
italiano, quindi non vanno bene ``go oppure ``reset, anche se molti utenti hanno imparato
il loro signicato, ma bisogna sempre ricordare che non tutti gli utenti sono esperti.
Il bottone invia non ha particolari esigenze.
Talvolta in seguito alla sua pressione compare una nestra che chiede la conferma.
Questa potrebbe essere una buona idea ma fa perdere tempo all'utente e poi se lo ha
premuto dovrebbe essere già sicuro di quello che ha fatto.
Il bottone cancella invece crea più problemi. Possiamo benissimo dire che è inutile: se
qualcuno ha sbagliato a digitare qualcosa lo può correggere da solo senza dover riscrivere
il tutto.
Inoltre esteticamente è uguale al bottone di invio, cambia solo l'etichetta (e chi mi
dice che essa non menti?).
Se uno sbaglia a cliccare poi gli tocca perdere un sacco di tempo per ricompilare tutti i
campi, soprattutto se sono dati molto complicati da scrivere (per esempio il codice scale
o una password lunghissima).
Per risolvere la cosa ci sono soltanto due soluzioni: o eliminare del tutto il bottone cancella oppure metto lontano molto lontano da quello di invio e dai campi, ma in quest'ultimo
caso non tutti potrebbero accorgersi che è presente.
2.1.6 Le lingue
La lingua da scegliere per il sito è importante.
La lingua di default deve essere quella degli utenti che visitano il sito in maggioranza.
Il sito delle ferrovie dello stato dovrebbe essere per default in italiano, un turista
straniero è dicile che visiti il sito (le informazioni spesso le ottiene tramite agenzia
di viaggi o direttamente alla stazione) e comunque su X utenti che visitano il sito la
stragrande maggioranza (oserei dire un 90%) sono italiani.
Ci sono vari modi per far scegliere la lingua da visualizzare: creare una prima pagina
ad hoc che però non deve essere la homepage, oppure inserire i links di cambio lingua
all'interno del menù della prima pagina (per esempio con frasi del tipo ``English version).
Per un periodo andava di moda mettere nella home page un menù orizzontale con
Capitolo 2.
Ulteriori note sull'usabilità
27
tante bandierine, una per ogni nazione: se cliccavi sulla bandierina inglese ti compariva il
sito in inglese e così via.
Ma questa è una cattiva abitudine: una stessa lingua può essere usata in più stati o
bandierine simili (se non uguali, nella pagina web sono talmente piccole che si confondono
facilmente) indicano stati diversi.
Far scegliere la lingua ogni volta che apri il sito è ugualmente una cattiva abitudine.
Nelle versioni più recenti dei CMS ci sono dei componenti che danno la possibilità con
un solo click di cambiare la lingua. In tal caso basta mettere la lingua della maggioranza
degli utenti come default e lasciare la possibilità all'utente di cambiare lingua.
2.1.7 Newsletter
La newsletter è una cosa buona o no?
Prima di tutto è ovvio che la presenza di newsletter è necessaria (o utile) soltanto in
certi tipi di siti.
Per esempio un sito dove sono presenti dei documenti da scaricare per un percorso
burocratico non ha bisogno di qualcosa del genere, mentre un sito di appassionati di auto
d'epoca essa può essere utile per informare gli utenti di raduni o novità sul mondo dei
motori.
Può essere vista come strumento di comunicazione utile sia all'utente che all'azienda
stessa.
I vantaggi che possono derivare da un suo buon utilizzo possono essere molteplici, però
necessita di una buona dose di tempo ed impegno. Chi si prende la responsabilità di creare
e mandare una newsletter deve farlo in modo continuativo.
Recenti studi statistici sono arrivati alla conclusione di quale sia il giorno ideale durante
il quale spedire la newsletter: il martedì o il mercoledì. Questo perchè siamo ancora lontani
dal pensiero ``del weekend appena trascorso e ``del prossimo weekend, e quindi siamo
anche più disposti a leggerla.
2.2 Linee guida lampo
Questa sezione racchiude una serie di linee guida facili e veloci da comprendere e
seguire.
Carrello: mostrarlo in cima alla pagina e chiamarlo carrello (cart)
Password: il posto giusto per spiegare come ottenere una password è la pagina di
login.
Capitolo 2.
Ulteriori note sull'usabilità
28
Dicitura ``in costruzione : è (anzi era, oggi viene usata molto meno) una pessima
pratica, il sito c'è o non c'è.
Allora bisogna pubblicizzare il contenuto/servizio solo quando è realmente disponibile.
Se questo non è possibile dare almeno una stima di quando sarà possibile (ovviamente
il più presto possibile) e magari orire agli utenti la possibilità di venire avvisati (per
esempio via e-mail).
Link ad altri siti: se voglio mettere dei link di altri siti è necessario mettere nome e
una breve descrizione, non solo la url.
Incoraggiare i visitatori a tornare: usare strumenti come le newsletter per fare da
promemoria.
Capitolo 3
Contro l'usabilità
Mentre nasceva un corrente per la navigazione facile, con siti semplici, chiari e coerenti,
nasceva una corrente contro i principi di usabilità del web.
Per molti attraverso la denizione delle linee guida del web-usability si sta cercando di
rendere automatizzata la navigazione, come una sorta di percorso che si rileva sempre lo
stesso e di trasformare la rete in una specie di sistema rigido, automatico e semplicistico.
Nello stesso tempo il web-usability sta standardizzando ogni singolo aspetto delle
pagine web quindi andiamo verso la morte della bellezza, del far vedere una cosa unica,
diversa e a far annoiare l'utente che si ritrova si con siti facili da usare ma anche tutti
molto simili tra loro.
29
Bibliograa
[1] J.Nielsen, H.Loranger ``WEB USABILITY 2.0 - l'usabilità che conta;
[2] V.Bossini ``Analisi di usabilità di un sito con uso di Joomla, relazione per l'esame di
Progettazione e Produzione Multimediale (Università degli studi di Firenze), disponibile
anche all'indirizzo http:\\ventus85.ilbello.com.
30