Ultimate webdesign usability checklist

Per tutti i webSomething italiani che non hanno particolare confidenza con l’inglese, traduco integralmente questa checklist. Direi quasi indispensabile per un corretto sviluppo web.

http://stud.cmd.hro.nl…the-ultimate-webdesign-usability-checklist/

Linguaggi tecnici

Avete validato il vostro linguaggio (X)HTML usando il validatore online W3C?
Avete validato il vostro CSS usando il validatore online del W3C ?
Avete testato il vostro sito almeno con Internet Explorer, Firefox, Opera and Safari (aggiungo io: varie versioni)?

Immagini

Avete aggiunto gli attributi ALT e TITLE a tutte le immagini più importanti ?
Avete aggiunto l’attributo LONGDESC per tutte le immagini che necessitano di una descrizione approfondita?
Avete scritto testo efficace per ALT ?
Avete fatto la vostra pagina pesante meno di 50KB?
Avete scelto il formato del file appropriato per le vostre immagini?
Avete inserito descrizioni alle immagini che rispecchino ciò che rappresentano?
Avete usato testo alternativo alla visualizzazione delle immagini?

Content

Avete usato testo del tipo sans-serif con una dimensione sufficiente per i contenuti del sito?
Avete impostato interlinee e spaziature del testo per migliorarne la lettura (leading and tracking)?
Avete impostato il testo allineato a sinistra? (in base alla lingua)
Avete usato dimensioni in EM o % per il testo, al posto di PX?
Avete verificato di non aver inserito intere frasi in MAIUSCOLO ?
Avete verificato di avere meno di 78 caratteri per linea ?
Avete suddiviso i testi in paragrafi brevi, incisi e con testo identificativo?
Usate dei menù per riassumere gli argomenti trattati ?
Avete inserito conclusioni personali prima e dopo i contenuti ?
Avete creato sufficiente contrasto tra il testo e lo sfondo (background)?
Il vostro sito è accessibile tramite browser solamente testuali?
Siete sicuri di non avere pagine "in costruzione" (under construction)?
Avete inserito la possibilità di stampare per le pagine con molto testo?
Avete inserito CSS per la stampa ?
Avete rimpiazzato i caratteri "particolari" con la codifica ISO Latin-1?
Avete corretto ogni errore ortografico e di grammatica?
Avete impostato interlinee e spaziature del testo per migliorarne la lettura (leading and tracking)? (doppione…)

Navigazione

Avete verificato che tutti i vostri link funzionino ? W3C Link checker lo farà per voi.
Avete inserito in homepage tutti i link alle pagine principali?
Avete inserito in tutte le pagine la navigazione principale?
Avete inserito meno di 8 elementi nella navigazione principale?
Distinguete la pagina attiva dalle altre pagine nei link?
Avete inserito frasi esplicative nei link, invece di mettere "clicca qui" (click here)?
Avete inserito frasi esplicativi nei link e eliminato parole troppo tecniche?
Distinguete i link visitati dai link non visitati?
Distinguete sufficientemente(graficamente aggiungo io…) i link dal normale testo?
Avete aggiungo l’attributo TITLE in tutti i link?
Avete inserito il path se avete una struttura di pagine complessa (breadcrumbs = briciole di pane, ricordate pollicino)?
Avete previsto un motore di ricerca, se avete molte pagine?
Avete inserito nel logo, il link verso la homepage?
Avete inserito nel top della pagina, la possiblità di saltare direttamente ai contenuti (anchor link aggiungo io)?
Avete inserito nel top il collegamento per saltare direttamente al menù?
Il sito è navigabile usando SHIFT-TAB e INVIO ?

Struttura

Avete fatto una struttura uniforme?
Il logo è posto in alto a sinistra?
Avete inserito una spiegazione del vostor logo dopo il logo?
Avete inserito il motore di ricerca in alto a destra?
Avete inserito i contenuti principali nella parte visibile della pagine, senza dover scrollare (above the fold/scroll)?
Avete preparato un griglia visuale per la disposizione dei contenuti (design on a grid system)?
Avete strutturato il sito che sia adattabile alle dimensioni del browser (fluid) usando le percentuali?
Il vostro sito è visibile anche alle basse risoluzioni?
Avete personalizzato ogni titolo di ogni pagina(<title>…</title>)?

Moduli

Avete verificato che l’utente non ritorni ad un modulo alterato dopo un errore?
Avete scritto in modo chiaro le pagine che indicano errori di compilazione?
Avete predisposto una pagina di ringraziamento e una mail di notifica dopo la compilazione?
Avete inserito solamente il tasto "submit" senza "reset"?
Spiegate all’utente cosa succede dopo che ha inviato (submit) il modulo?
Suddividete i moduli lunghi in più pagine?
Prevedete di dare la possibilità di scrivere liberamente all’utente?
Inserite un asterisco (*) per indicare i campi obbligatori?
Mantenete gli stili standard dei campi input del browser?
Avete creato un ordine logico dei campi di inserimento (e delle domande)?
Avete inserito un doppio campo per la password?
Impostate che la formattazione dei dati non sia gestibile dall’utente?
L’utente può compilare tutto il modulo usando solo tasto TAB e tastiera (senza mouse)?
Spiegate all’utente perchè domandate alcune informazioni?
Spiegate all’utente cosa farete delle informazioni raccolte?
Usate un sistema di controllo dei campi in tempo reale usando AJAX?
Usate il tag LABEL ?
Usate il tag LABEL prima dell’input, invece che dopo?
Scegliete il corretto tipo di input, in base all’informazione richiesta?
Impostate la il focus in automatico sul primo campo del modulo usando setfocus?
Distinguete l’input attivo da quelli non attivbi usando input:focus?
Usate FIELDSET e LEGEND quando è necessario (aggiungo: per raggruppare gli input)?
Avete controllato che il modulo funzioni anche con Javascript disabilitato (aggiungo: nel browser)?

Multimedia

Le informazioni essenziale NON sono in FLASH?
Video e Audio partono solo manualmente (non partono in automatico)?
Video e Audio possono essere spenti in ogni momento?
Informate l’utente sul peso (KB) e sulla durata dei filmati o dell’audio?

Extra features

Personalizzate la pagina di errore 404?
Avete fatto una mappa del sito?
Avete un flusso RSS ? (se inserite contenuti regolarmente)
Avete previsto una versione del sito ad alto contrasto?
Avete indirizzi facili da digitare / ricordare (good looking URL’s)?
Siete sicuri di non avere usato alcun frame (aggiungo FRAME / IFRAME)?
Sicuri di non avere alcun PopUp ?
Avete previsto un modulo di contatto, invece di un semplice indirizzo email?

Commento

Riassumo questa splendida frase di Robin Williams: "Le regole sono fatte per essere rispettate. Se si trasgredisce una regola bisogna farlo solamente con la coscenza di farlo, e non per caso: in questo caso la trasgressione è lecita".

Cosa significa? Esempio: se so che il target del mio sito sono webmaster e grafici, e che nessuno naviga a meno di 1280, allora posso prevedere di fare un sito con un layout fisso etc… ma comunque faccio una scelta ragionata.