Web Design  »  Articoli  »  Usabilità 

Che non tutti hanno ancora imparato le regola d'oro dell'usabilità è dimostrato dal grande interesse che ha riscosso il nuovo libro di Jacob Nielsen: Prioritizing Web Usability, recentemente presentato anche con un interessante post sul blog di HTML.it.

Sono ancora molti gli elementi che impediscono l'usabilità di un sito ed alcuni di questi risultano anche inopportuni per una rilassante fruizione visiva: banner lampeggianti, proliferazione di finestre, colori sgargianti, elementi javascript che non funzionano e bloccano la navigazione del sito.

Analizzeremo di seguito alcuni di questi elementi, il perché siano così fastidiosi e le possibili motivazioni che spingono ad adottarli ugualmente.

La tentazione pubblicitaria

Il cliente che vuole spingere la vendita di un prodotto nel mondo reale quotidiano compra spazi pubblicitari sempre più grandi, collocati in punti strategici, con la speranza che i suoi possibili clienti lo notino meglio e corrano ad acquistare il suo prodotto. Sul web non funziona diversamente. "Se non può essere grande almeno che sia lampeggiante". Non potendo occupare con spazi pubblicitari più di un certo numero materiale di pixel in una schermata chiedono e richiedono all'esasperazione che l'elemento attiri l'attenzione, catturi l'occhio vagante con l'ammiccamento telematico. Il banner lampeggiante sembra fare l'occhiolino all'utente.

Peccato però che un cartellone pubblicitario è efficace se viene posto ad una certa distanza da un altro. Lo stesso vale per i banner. Tanti elementi che lampeggiano sincroni o asincroni in una pagina web non creano altro che confusione.

L'utente del web inoltre ormai è assuefatto a questi elementi di disturbo e la sua mente semplicemente li "cancella". Avverte il disturbo ma non l'informazione in esso contenuta. Si tratta di ciò che Nielsen definisce "attenzione selettiva". In pratica semplicemente qualsiasi elemento lampeggiante viene ignorato.

Le ripercussioni sono evidenti. Dal punto di vista di un elemento pubblicitario ha fallito perché invece di attrarre infastidisce. Da un punto di vista informativo i contenuti non vengono trasferiti al target.

Ancora più grave è il caso di veri e propri contenuti informativi presentati come banner. Niente di peggio che informare gli utenti della data o dell'orario ad esempio di un concerto inserendo l'informazione in un riquadro lampeggiante. Benché si tratti di un legittimo elemento di design per sua stessa natura verrà ignorato.

Recentemente il sito del quotidiano nazionale La Repubblica, che soffriva di un problema di sovraffollamento banner, ha ristrutturato il portale diminuendo sensibilmente il numero di elementi lampeggianti.

Permangono ancora troppi banner lampeggianti nel portale di un altro noto quotidiano nazionale, Il Corriere della Sera, come si può notare nell'immagine di seguito dove ho numerato gli oggetti che usano animazione di varia natura.

Figura 1 - Home page del Corriere della Sera

Quando testo e sfondo lottano per la supremazia

Tratterò poco questo aspetto perché se né è già molto parlato in tantissimi articoli sull'usabilità e la comunicazione web, tuttavia va ribadito: i colori del testo e dello sfondo di una pagina web devono essere scelti in funzione armonica l'uno dell'altro.

Poche le regole da seguire e che il semplice uso del buon senso, e dei propri occhi, può suggerire:

- sfondi basati su trasparenze, immagini o zone variegate di colore posti dietro il testo rendono quest'ultimo illeggibile.

- testo chiaro su sfondo scuro, benché sia meglio evitarlo, si può utilizzare purché il contenuto sia breve.

- colori sgargianti a tutta pagina sono comunque da evitare perché affaticano la vista così come siti troppo "cupi".

Altri articoli

Altre guide

Altre newsletter