webusabilityV14

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 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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

1.5 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 iii

1.5.5 Menù a tendina e menù gerarchici . . . . . . . . . . . . . . . . . . . 13

1.6 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 . . . . . . . 15

1.6.6 Elementi di interfaccia fai-da-te . . . . . . . . . . . . . . . . . . . . 15

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

1.7 Quale è l'usabilità che conta? . . . . . . . . . . . . . . . . . . . . . . . . . 17

1.8 La ricerca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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

2 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 Linee guida lampo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

3 Contro l'usabilità 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 concen-

trati 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.


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.


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ù

1La 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.


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.


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 infor-

mazioni 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'infor-

mation 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:


• 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;

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.


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 del-

la �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.


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 reputa-

zione 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.


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;


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 larghez-

za 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'us-

abilità

Nel corso degli anni gli utenti si stanno lentamente adeguando a questi problemi:

• cliccabilità incerta (1 teschio);

• scorrimento (2 teschi);


• registrazione(1 teschio);

• url complesse(2 teschi);

• menù a tendina e menù gerarchici (1 teschio);

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

2i.e.=cioè, in altre parole


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 pro-

blemi 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);


• richieste premature di informazioni personali(2 teschi);

• siti multipli(2 teschi);

• pagine orfane(1 teschio);

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é ven-

gono 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'im-

pressione 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?


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 scorri-

mento 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;


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 aggiorna-

mento 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 sen-

za 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;


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:

valore criticità = frequenza∗impatto∗√

persistenza√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'u-

tente, 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;


• 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 es-

tendere 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.


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).


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 di-

rettamente 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.


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 espe-

rienza 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à 23

Figura 2.1: Una homepage con molti errori di usabilità


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


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 visu-

alizzare 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 infor-

mazioni 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


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 (ov-

viamente 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 can-

cella 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


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.


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

webusabilityV14

Documents

Transcript of webusabilityV14