Usabilità vuol dire fiducia?

Usabilità vuol dire fiducia? Gli effetti dell’usabilità sull’attrattività di un sito Gianpaolo Lorusso 22/11/2009

Come comincia la storia?
8 volte su 10 atterriamo sul nostro sito “obiettivo” attraverso un motore di ricerca
Il titolo e la breve descrizione che troviamo in Google (il motore preferito da oltre il 90% degli italiani, e non solo) 1 ci convincono a cliccare
La pagina di ingresso non è necessariamente la home page
1 - SEMS Survey 2009 – Gli italiani e i motori di ricerca

Partiamo con un esempio
Supponiamo di voler passare uno dei prossimi week end a Roma
Cerchiamo un hotel centrale, ma non costoso
Vorremmo evitare topaie sporche, scomode e/o rumorose (per questo i commenti degli altri utenti sono così importanti ;-)
Vorremmo anche capire che cosa c’è da fare in quel week end nelle vicinanze

Click sul primo risultato “naturale” 768px (oltre 80% degli utenti vede minimo questa sezione di schermo) (questa immagine cambia continuamente) Il sito continua con gli eventi e con un menù nel piè di pagina (ma solo 4 utenti su 10 useranno la barra di scorrimento)

Cosa sta succedendo…
Elaboriamo una prima impressione (mi piace-non mi piace) in meno di 1/20 di secondo (meno di un battito di ciglia) * e questa prima impressione ci “segue” durante tutta la navigazione
Cerchiamo di capire se il sito può soddisfare il nostro obiettivo primario (o uno dei secondari)…
* cfr. Studi della dott.ssa Lindgaard (Carleton University – Canada)

In realtà lo vediamo così… Ok, il nome dell’hotel. Ha 4 stelle, quanto costerà? Dov’e? Come sono i dintorni? Ah, sembra ci sia qualche offerta speciale Qui forse si arriva al dunque… E questo cos’è? Forse è interessante… Mmh, che c’è da fare di interessante in città?

E poi?
Sapete in quanto tempo ci mettiamo a decidere se un sito merita un un altro click…
da 3 a 7 secondi!

Ma come lo decidiamo?
Partiamo dall’angolo superiore sinistro o dal punto in cui guardavamo nella schermata precedente (effetto alone)
Non leggiamo, ma scansioniamo l’inizio e la fine delle frasi che sono vicine alle parole che attirano la nostra attenzione
Ignoriamo coscientemente tutto ciò che sembra pubblicità (fenomeno della “cecità ai banner”)

Attirano la nostra attenzione…
Le icone
I visi (soprattutto quelli femminili)
I menù di navigazione
Gli elementi grafici che contrastano con il contesto che li circonda
Le parole collegate a quello che stiamo cercando
I link, i grassetti e il testo evidenziato

Non ci credete? Fonte: Marketing Sherpa

Spingono all’approfondimento…
I periodi corti, ben separati e i punti elenco (sono una promessa di testo facilmente scansionabile e interpretabile)
I titoli azzeccati (brevi anche quelli)
La pulizia dell’interfaccia (pieni e vuoti)
Le offerte adeguatamente evidenziate
I menù snelli, evidenti ed inequivocabili
I testi “progressivi”

Formattazione e lettura
Testo “denso” con e senza interruzioni
lettura frammentaria (inizio e fine)
Elenco puntato
Lettura più in profondità
Elenco puntato con testi grassettati
Massimo approfondimento e lettura più diffusa
Testo lungo con fotografia
Attenzione su visi e lettura dei testi più stretti

Qualche esempio

Altra animazione

Il sito continua con una recensione da Tripadvisor (che però è “sotto la piega”)

Qualche indicazione pratica

Testi brevi che evidenziano i plus della struttura e forniscono dei “ganci” di approfondimento per le pagine interne
Interfaccia graficamente curata, massimo 3/4 colori e relative sfumature (preferire combinazioni presenti in natura)
No pop up e nuove finestre
Immagini ricercate, ma non troppo grandi
Menù snelli (max 6-8 voci), con tasti ampi, in posizione prominente, non a scomparsa e possibilmente in alto o a sinistra

Visibilità sopra “la piega” (altezza 6-800px, 4 utenti su 10 hanno difficoltà ad usare le barre di scorrimento)
Agevolare la scansione rapida del testo evidenziando le frasi chiave
Separare gli argomenti con interlinee, spazi vuoti, riquadri, punti elenco, icone, ecc.
Usare il contrasto di colore e il movimento per attirare l’attenzione su pochi elementi utili (ad es.: le offerte speciali)

Link evidenziati in maniera chiara, esclusiva e costante (possibilmente sottolineati)
Testi alto-basso (non tutto maiuscolo), caratteri web safe e senza grazie
Limitare numero di font diversi
Limitare sfondi colorati/immagini con toni forti che diminuiscono la leggibilità del testo
Righe di testo non troppo lunghe
Più elementi ci sono e meno attenzione verrà rivolta a ciascuno di questi (more is less)

Grazie per l’attenzione

http://www.gplorusso.it	88
http://www.comunicatestesso.com	15
http://www.lmodules.com	2
http://comunicati.wordpress.com	1

Usabilità vuol dire fiducia?

by Gianpaolo Lorusso on Nov 29, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 106

Statistics

Usabilità vuol dire fiducia? — Presentation Transcript