« Victoria Silvstedt Calendario 2007 | Main | Pittarello Miss 2007 - Fase Finale »
Ultimate webdesign usability checklist
By Merlinox | November 7, 2006
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.
Tags: accessibilita, HTML, XHTML
Post simili
