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 in uenzato 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
Gra ca 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
Bibliogra a
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 ri essioni 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 e cienza 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 a ari/clienti per il semplice fatto che gli a ari/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 signi ca l'assenza di visite nel sito e a ari 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é signi ca 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ì speci ci 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 speci ci 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 giusti care 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 speci co 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 speci ci 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 neo ti. 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 a nché è 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 di usione 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'o erta che siete disposti a fare per attirarlo sul vostro sito.
1.4 Analisi dei problemi di usabilitĂ Per un'analisi e cace 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: e etti 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 o re agli utenti e i vantaggi che ne trarranno. Spiegare i bene ci, 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Ú speci co è 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 gra ca 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 ri essivo: 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 di cile 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 gra ca 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 signi ca funzionare sia con browser di erenti sia con computer di erenti. Bisogna guardare sia il volume di a ari 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 a evoliti, 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 in uenzato 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 modi cato 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 modi cata) 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ù di cile 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);
•
gra ca 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 di cili da usare poiché vengono visualizzate e controllate su super ci 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 Gra ca 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 signi cati 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 signi care. Gli utenti non sono incuriositi da questi termini bensì confusi e quindi se ne vanno. In più le parole inventate vani cano 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 o erte o concorsi. Per esempio una pagina che parla di una estrazione avvenuta in un giorno già passato: in questo caso è meglio modi care 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 modi ca. 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 di cile credere che appartenessero allo stesso sito;
1.6.11 Richieste premature di informazioni personali Se un sito diventa invadente troppo presto gli utenti si ri uteranno 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 di coltĂ causa il problema a chi lo incontra? Cosa portano queste di coltĂ (per es. abbandono del sito, indi erenza)?
•
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 gra ca 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 speci co 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 speci co è 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 è in uenzato da altri siti che cercano di ingannarlo per ottenere un piazzamento migliore nella classi ca 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 speci care 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 con denza 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 di erenziate 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Ú signi cative. La query dell'utente va ripetuta nel box di ricerca. Se la prima query non dà i risultati attesi è di cile 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 signi cative 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 modi care le query per ottenere risultati migliori e la SERP si dovrebbe chiudere con un link alla ricerca avanzata (ovviamente se il sito la o re).
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 speci co (viene inserito il codice dell'articolo oppure un identi catore 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 ortogra ci 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 modi cabile a nché 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 modi cato 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 O ce Word. Stesso discorso vale per le di versioni diverse: un le .docx di Microsoft O ce Word 2007 non può essere aperto da Microsoft O ce 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 signi cato, 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 è di cile 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 o rire 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 de nizione 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
Bibliogra a [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