Usability di un sito web: una checklist in 25 punti di Dr. Peter J. Meyer tratto dal sito: http://www.iloveseo.

net/it/guida-usability-siti-web/ Ho pensato molto ultimamente a proposito del procedimento che seguo nel mio lavoro. Lesperienza una maestra incredibile, ma raro che ci si fermi anche solo un istante per cercare di mettere per iscritto ci che conosciamo. Qualche tempo fa, come parte del lavoro 5-point Website Clinic, elaborai una checklist in 25 punti relativa allusabilit di un sito standard. Ce rcavo di dare un metodo alla mia folle confusione ed essere cos sicuro di non dimenticare nulla di fondamentale quando lavoravo per un nuovo cliente. Pur se parte di uno dei miei servizi a pagamento, ho deciso di condividere questa checklist. Per prima devo dare alcune avvertenze: Primo, non pretendo che questa lista sia completa o unica. Jakob Nielsen cre una fantastica checklist di ben 113 punti per il suo libro Homepage Usability, per esempio. Pertanto questa solo il mio modo di organizzare ci che importante cercando allo stesso tempo di mantenerla maneggiabile. Secondo, luso della terminologia che io faccio potrebbe essere differente da quello vostro. Io utilizzo il termine usability (usabilit) in senso piuttosto vasto, e il mi o uso del termine accessibility (accessibilit) non proprio quello standard. Non vi piace? Scrivetevi la vostra propria checklist . Infine, vi avviso che questo post alquanto lungo. Premessa generale La lista divisa in 4 sezioni pressappoco uguali: 1. 2. 3. 4. Accessibilit Identit Navigazione Contenuti Qui sotto descriver e razionalizzer tutte le sezioni e i loro punti corrispondenti, ma potete anche scaricare la checklist come semplice file .Pdf. Ho cercato di essere il pi semplice possibile nel sistema di punteggio: 1. 2. 3. Green Check = Buono/Analisi superata positivamente Red Check = necessario ottimizzare questo punto, ma la situazione non disastrosa X Rossa = Male/Analisi fallita. Inoltre, non tutti i punti sono applicabili a tutti i siti. Sezione 1. Accessibilit (Accessibility) Questa sezione non considera solamente i tradizionali problemi di accessibilit di un sito, ma tutto ci che potrebbe impendire a un visitatore di accedere allinformazione presente nel sito stesso. Se nessuno pu caricare il vostro sito, o la tipografia troppo piccola da leggere tutta lusabilit del mondo non ha valore. 1. Il tempo di caricamento della pagina ragionevole Chiamatemi della vecchia scuola, ma mi piacciono ancora siti le cui pagine pesano circa 100 KB (e se 60 KB ancora meglio). Se un sito ci mette una vita a caricarsi nel browser, la maggioranza delle persone semplicemente lo abbandoner. Certo, ormai quasi tutti hanno banda larga adesso, ma questo ha reso la nostra pazienza ancor pi corta. 2. Contrasto Testo-Sfondo adeguato Il grigio scuro o chiaro possono sembrare molto chic, ma io non ho intenzione di rovinarmi la vista leggendo il tuo blog. Esiste unenorme variet di gradi di visione e di monitor, perci meglio cercare di presentare il contenuto testu ale pi importante con gran contrasto. Il buono e vecchio bianco su nero ancora la scelta migliore il pi delle volte. 3. La grandezza delle fonts e lo spazio tra i caratteri facilitano la lettura Esistono differenti opinioni sulla grandezza ideale del testo, ma meglio peccare utilizzando caratteri pi grandi del consigliabile e non il contrario. Una leggibili povera fonte di frustrazione, e la frustrazione conduce ad abbandonare del sito. Inoltre, fate in modo che lo spazio tra i caratteri e linterlinea sia ladeguato. Lo spazio bianco il miglior amico del disegnatore.

4. Flash ed altri effetti speciali sono usati con parsimonia. Non importa quanto bello possa sembrere il tuo sito, ma la gente non aspetter 5 minuti perch un plug-in si carichi. Usa le nuove tecnologie solo quando realmente sono utili ad esaltare i tuo obiettivi. Mantenersi il pi possibile fedeli agli standard HTML/CSS , inoltre, un vantaggio anche per i motori di ricerca. 5. Le immagini devono avere etichette ALT appropriate. Non solo gli utenti con problemi di visione fanno uso delle etichette ALT, ma anche i motori di ricerca che ne hanno bisogno per capire il senso delle immagini. Questo un fattore specialmente critico quando si usano immagini come mezzo per mostrare contenuto chiave, come potrebbero essere i bottoni di un men. 6. Il sito possiede un pagina 404 (pagina non trovata) personalizzata. Se una pagina del tuo sito non esiste, una bianca con su scritto 404 Not Found un ottimo mezzo per perdere un potenziale cliente. Create quindi una pagina 404 personalizzata, preferibilmente una che guidi i vostri visitatori al contenuto principale del sito. Sezione 2. Identit Una domanda chiave che uno visitatore si pone quando visita per la prima volta il tuo sito Chi sei tu?. importante dare velocemente la risposta a questa domanda, e presentare chiaramente il cammino che porta alle risposte delle ovvie domande successive (Che fai?, Perch devo fidarmi di te?, etc. etc.). 7. Il Logo dellimpresa presente in unarea preminente della pagina. Inserisci il tuo Logo o Marca dove sia facile da trovare, ovvero nellangolo superiore sinistro dello schermo. La gente si aspetta di trovarlo l, e alla gente gli piace quando gli rendi la vita facile. 8. La Tagline chiarisce lo scopo di unimpresa. Rispondi alla domanda Cosa fai? in modo conciso con una tagline descrittiva. Evita slogan e linguaggio tipo marketing e cucina la tua unica e distintiva ragione dessere in poche parole. Questo un vantaggio anche per il SEO della tua pagina. 9. La Homepage si digerisce in 5 secondi In Usabilit spesso parliamo della regola dei 5 secondi. Esiste una discussione su quanti secondi sono concessi in media ad una homepage per convincere un visitatore a non abbandonarla, ma sono sem pre e comunque pochi ed quindi necessario usarli per offrire una basica visione della homepage. 10. Deve essere presente una chiara via daccesso allinformazione sullimpresa. La tradizionale pagina Chi siamo pu sembrare noiosa, ma la fiducia un f attore importante in Internet, e la gente ha bisogno di conoscere facilmente qualcosa di pi su di te. 11. Deve essere presente una chiara via daccesso allinformazione di contatto. Allo stesso modo, i visitatori vogliono sapere come contattarti nel caso ne avessero bisogno. anche difficile fare affari se nessuno ti pu contattare. Ed meglio che tutta linformazione di contatto sia posta sotto forma di testo e non in una immagine; sar cos indicizzata dai motori di ricerca, e questo ottimo per le ricerche geolocalizzate. Sezione 3. Navigazione Una volta che il visitatore sa chi sei e cosa fai, cerca una chiare vie daccesso al contenuto che gli interessa. Larchitettura dellinformazione un tema enorme, ma questi punti coprono i fattori basilari. 12. La navigazione principale facilmente identificabile Praticamente ogni sito possiede un men principale sin da quando sinvent il primo browser. Fa che lo strumento di navigazione principale del tuo sito sia facile da trovare, leggere ed usare. E se il tuo sito possiede pi di un men, fa in modo che siano chiaramente differenti. 13. Le etichette di navigazione sono chiare e concise Non dite Comunicate online con il nostro team quando Contatti va ugualmente bene. I testi del vostro men principale dovrebbe essere corti, diretti ed intuitivi. 14. Che il numero di Bottoni/Links ragionevole Gli psicologi amano discutere su quanta informazione noi umani siamo in grado di processare, ma se tu incominci ad avere un men con pi di 7 voci, rifletti attentamente se davvero hai bisogno di tutte loro. E se il tuo men composto da pi di 3 livelli in dropdown fatti un favore e riconsidera la struttura di navigazione del tuo sito.

15. Il Logo dellimpresa collegato alla Homepage. Questo pu sembrare un fattore minore, ma la gente si aspetta che i Loghi linkino alle homepage, e quando non cos si confondono. Per incredibile che possa sembrare, esistono video di persone che insistono una volta s ed unaltra ancora a cliccare su un Logo senza alcuna idea di cosa fare al suo posto. 16. I links sono consistenti e facili da identificare Il classico link azzurro e sottolineato un assioma di Internet. Una piccola licenza artistica ok, ma considera per lo meno che i tuoi links siano o azzurri o sottolineati. I links dovrebbero risaltare, e tu dovresti utilizzarli con parsimonia perch non rompano eccessivamente la continuit del tuo contenuto. 17. Il bottone di ricerca nel sito di facile accesso. Se hai un sistema di ricerca nel sito, fa s che sia ben evidente. Le linee guida della Usability tendono preferire langolo superiore a destra della pagina. Fa che il bottone sia semplice e chiaro: Cerca spesso la scelta migliore come parola funziona sempre. Sezione 4. Contenuti Sicuramente lhai sentito gia molte volte, e forse uno dei tuoi mantra: Content is king. Quindi, se non vuoi che il tuo regno scricchioli, allora il tuo contenuto deve essere consistente, organizzato e che possa essere letto velocemente. 18. I titoli principali sono chiari e descrittivi. Molte persone, la maggioranza, non legge online, ma occhieggia. Usa i titoli (principali e secondari) per separare parti differenti di contenuto ed organizzarlo nella pagina. I titoli dovrebbero essere chiari, e perch siano beneficiosi anche dal punto di vista SEO, si dovrebbero utilizzare le etichette Html per gli headings (<H1>, <H2>, etc. etc.) 19. Il contenuto pi importante posto nella parte alta della schermata ( above fold) Il fold quella linea immaginaria al fondo del tuo schermo che taglia una pagina web. Il contenuto della stessa pu finire al di sotto di quella linea immaginaria, ma tutto ci che si considera come contenuto principale e critico per capire chi sei o che cosa vuoi (specialmente nel caso della homepage) dovrebbe essere presentato sopra questo fold. Pertanto osservate bene la risoluzione video media dei vostri utenti. 20. Stile e Colori sono coerenti Assicuratevi che la gente sappia sempre di essere nel vostro sito grazie alla coerenza del disegno. Confondeteli e li perderete. Il disegno, titoli, e stili dovrebbero essere uguali in tutto il sito. E i colori dovrebbero normalmente avere sempre lo stesso significato. Non utilizzate una testata rossa in una pagina, link rossi in unaltra e testo in rosso da qualche altra parte. 21. Enfasi (grassetto, etc.): utilizzala con parsimonia. questione di semplice capacit cognitiva umana: mettere in evidenza il tutto rende il tutto non evidente. Cercate di non fare come quei siti che hanno la scritta novit scritta in rosso e che lampeggia al fianco di ogni box di testo. 22. Annunci e Pop-ups sono discreti. La pubblicit normale, ma cercate di integrarla con gusto nel disegno del vostro sito. E non obbligate la gente a doversi sorbire i vostri annunci e pop-ups. Anzi, fate un favore ai vostri visitatori e dichiarate apertamente quali contenuti sono pubblicitari. Se confondete troppo la linea tra annunci e contenuto vero e proprio, i vostri contenuti ne soffriranno. 23. Il testo principale conciso ed esplicativo. Questa non una lezione di copywrite, ma date uno sguardo alla vostra homepage. Ebbene, potete dire le stesse cose con met delle parole usate? Cercate di essere concreti e descrittivi ed evitate il gergo professionale a nessuno gli importa se potete bilanciare le vostre sinergie. 24. Le URLs sono significative e user-friendly. Questo assunto fonte di dibattito, ma le URLs che si compongono con significative parole chiave in genere sono meglio via per i visitatori del sito che per i motori di ricerca. Non necessario riprogrammare per intero un sito solo per avere delle nuove URLs, ma cerca di fare il possibile perch siano descrittive e user-friendly. 25- I Title HTML delle pagine sono descrittivi. Fattore ancor pi importante, i Title delle pagine del tuo sito (ovvero il testo associato alletichetta <TITLE>) dovrebbero essere descrittivi, unici e non infarciti di parole chiave. I Title delle pagine sono la prima cosa che leggono coloro che scoprono il tuo sito grazie ai motori di ricerca, e se questi Title non hanno senso o sembrano spam, assai probabile che passeranno al link successivo.