piccola guida sull'usabilità web
TRANSCRIPT
USABILITA’ SITO WEB (Steve Krug – Don’t Make Me
Think)Gilberto Del Pizzo
Creative Strategies
STEVE KRUG
Steve Krug è uno dei massimi esperti mondiali di usabilità.
Una sua consulenza per un sito Web viene pagata anche 20.000 $
10/11/2017 2
NON COSTRINGETEMI A PENSARE
Questa è la prima legge di usabilità.
E’ il primo elemento per capire se il progetto funziona o meno.
Devo capire di cosa si tratta senza fare alcun sforzo mentale!
10/11/2017 3
PROPOSTA AUTOMATICA
Ad esempio per scegliere una destinazione per una prenotazione è buona prassi, scrivendo le prime tre lettere, avere l’elenco delle città compatibili
10/11/2017 4
COME UTILIZZIAMO IL WEB
L’utente non legge attentamente i contenuti ma da una rapida occhiata ad ogni pagina, legge parte del testo e fa click sul primo Link che cattura il suo interesse
10/11/2017 5
OBIETTIVO DELL’UTENTE
Quando navighiamo su un sito Web abbiamo un obiettivo che di solito vogliamo raggiungere in fretta.
Necessitiamo di capire perciò in fretta se quel sito sia in grado di aiutarci
10/11/2017 6
PAROLE ATTRATTIVE
Il nostro cervello sicuramente risponde con maggiore velocità quando si trova di fronte ad alcune parole come «GRATIS», «OFFERTA» e «SESSO» oltre naturalmente al proprio nome
10/11/2017 7
SCELTE SODDISFACENTI
Il più delle volte, navigando in un sito Web, non scorriamo tutte le opzioni ma scegliamo la prima opzione ragionevole (strategia nota come satisficing)
10/11/2017 8
LE ISTRUZIONI?
Di fronte ad un acquisto tecnologico pochissime persone leggono le istruzioni, Generalmente cerchiamo di scoprire il funzionamento fidandoci del nostro intuito
10/11/2017 9
CARTELLONI PUBBLICITARI
E allora Steve Krug consiglia, con le dovute accortezze, di progettare i siti Web come degli ottimi cartelloni pubblicitari fornendo agli utenti, rapidamente, quanto devono sapere
10/11/2017 10
I PRIMI ELEMENTI
Gli utenti si aspettano di trovare il Logo nell’angolo a sinistra del sito.
La navigazione principale in alto (orizzontale) o a sinistra (verticale)
Se volete innovare siate sicuri che la vostra idea funzioni
10/11/2017 11
LA TAGLINE
La Tagline è una breve frase che caratterizza l’attività aziendale.
Sul sito Web l’utente se la aspetta appena sotto il Logo e deve essere chiara e informativa spiegando esattamente l’attività aziendale
10/11/2017 12
LA CHIAREZZA BATTE LA COERENZA
Se potete rendere qualcosa molto più chiaro a prezzo di una piccolaperdita di coerenza optate per la chiarezza.
10/11/2017 13
GERARCHIA VISIVA
• Un elemento più è importante più è visibile
• Gli elementi che sono collegati logicamente sono collegati visivamente
• Gli elementi sono visivamente nidificati per mostrare cosa è parte di cosa
10/11/2017 14
COME UN QUOTIDIANO
Le gerarchie visive sono utilizzate nei giornali.
Tutte le pagine utilizzano i titoli (di varie grandezze) per dare evidenza alle notizie ed usano la nidificazione per darci le informazioni sul contenuto
10/11/2017 15
MINIMIZZARE IL «RUMORE»
Il rumore visivo è un grande nemico. Evitare che tutti i contenuti abbiamo la stessa importanza (urli), evitare la disorganizzazione dei contenuti ed evitare di inserire troppe cose!
10/11/2017 16
I TESTI
Assicurarsi che i titolisiano vicini al paragrafo.
Mantenere paragrafi brevi
Usare elenchi puntati per facilitare la leggibilità
Evidenziare i termini chiave (ma non troppi)
10/11/2017 17
AIUTO ?
Un sito ben progettato non dovrebbe necessitare di aiuto.
Ma se lo volete prevedere che sia Breve, Tempestivo(nel luogo giusto) ed Inevitabile (formattato in modo che si noti)
10/11/2017 18
OMETTERE LE PAROLE INUTILI
Eliminare metà delle parole che vorreste inserire permette:
- Ridurre il rumore
- Rendere più visibili i contenuti utili
- Rendere le pagine più brevi
10/11/2017 19
NAVIGAZIONE WEB
L’utente che entra nel sito, per poterlo navigare avrà due comportamenti:
• Cercherà di capire la struttura dal menù e sottomenù
• Se il sito è molto grande utilizzerà il motore
10/11/2017 20
STRUTTURA SITO WEB
Le sezioni principali del sito dovranno essere ben identificabili
Le sottosezioni dovranno essere altrettanto ordinate e visivamente identificabili
10/11/2017 21
POSIZIONE ELEMENTI
Le sezioni principali del La Home page del sito è la stella polare. Da ogni posizione in cui mi trovi con un click devo poter tornare alla Home.
In alto a destra ci vanno le Utility (Login, Contatti)
10/11/2017 22
NOME DELLA PAGINA
I nomi delle Pagine sono i segnali stradali del Web.
Tutte le pagine devono avere un Nome che deve stare in testa e deve racchiudere il contenuto
10/11/2017 23
VOI SIETE QUI
L’utente deve sempre sapere dove si trova sul sito Web e perciò va evidenziato sul Menù ( e sul sottomenù) l’esatta posizione della pagina.
Usate puntatori, colori di testo, grassetto e colore del pulsante
10/11/2017 24
BRICIOLE DI PANE
Le briciole di pane mostrano la strada che conduce alla Home Page evidenziando il punto del sito in cui ci si trova.
Sono particolarmente consigliate per siti medio/grandi
10/11/2017 25
PROGETTO DI UNA HOME PAGE
La Home Page del sito Web deve rispondere inizialmente a due domande «Cosa posso trovare qui» e «Cosa posso fare qui»
La Home Page deve invitarmi a scoprire i contenuti
10/11/2017 26
CONTENUTI INTERESSANTI
Come la copertina di una rivista la Home Page deve invogliarmi a navigare il sito
Dobbiamo perciò su una proposta differenziata dei vari elementi che vogliamo presentare al visitatore
10/11/2017 27
INDIRIZZA L’UTENTE
La Home page deve evidenziare come posso arrivare a quello che voglio (che probabilmente è fonte della mia ricerca su Google).
Mostrami da dove cominciare
10/11/2017 28
E QUINDI FATTO IL SITO
E quindi testare, testare e ritestare.
Il test deve essere effettuato da qualcuno che non conosca nulla del progetto e che possa annotare tutte le difficoltà che incontra
10/11/2017 29
Grazie per l’attenzione
10/11/2017 30
Gilberto Del PizzoDigital Media Strategist
Tel. +39-331-6751859E-mail: gilberto@bottega-
digitale.it