MODULI

6.1 Web usability: le regole di accessibilità di un sito

"The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Tim Berners-Lee, direttore del Consorzio W3C e ideatore del World Wide Web

"Un sito Web è usabile quando soddisfa i bisogni informativi dell'utente finale che lo sta visitando e interrogandolo, fornendogli facilità di accesso e navigabilità e consentendo un adeguato livello di comprensione dei contenuti. Nel caso non sia disponibile tutta l'informazione, un buon sito demanda ad altre fonti informative." Da Usabilità dei Siti Web, Michele Visciola.

Nella progettazione e realizzazione di pagine Web è necessario ispirarsi agli attuali criteri di 'usabilty' ovvero i principi che indicano le caratteristiche tecniche di un sito accessibile a tutti e coerente ai modelli della comunicazione in rete. 

Progettare per la rete significa agire per compromessi: non è possibile farsi guidare dall'istinto o dall'estro artistico, quest'ultimo va sempre rapportato alla facilità d'uso ed all'efficacia del risultato. Attenersi alle regole di stile ed agli standard grafici di un gruppo o di un'azienda, possono condurre ad una buona progettazione, ma non garantiscono la realizzazione di un sito calibrato sulle esigenze degli utenti.
Gli studi relativi alle metodologie ed agli strumenti per ottimizzare la comunicazione in rete, sono diffusi attraverso numerosi siti che indicano nel dettaglio le direttive per conseguire un alto livello di accessibilità e che, al contrario, spesso vengono ignorate.

Per essere aggiornati sull'argomento, il W3C-IT (l'Ufficio W3C Italiano) è il punto di contatto nazionale per le attività del World Wide Web Consortium (W3C) in Italia, che sviluppa tecnologie che garantiscono l'interoperabilità (specifiche, guidelines, software e applicazioni) per guidare il World Wide Web fino al massimo del suo potenziale agendo da forum di informazioni, comunicazioni e attività comuni.

Ecco alcune indicazioni di base:
 1. Immagini e animazioni: utilizzare l'attributo ALT per descrivere il contenuto dell'immagine o dell'animazione nell'eventualità che non possa risultare visibile all'utente.
 2. Mappe grafiche o 'image maps': servirsi della potenzialità delle mappe-immagine con testi descrittivi per le varie parti dell'oggetto.
 3. Multimedia: offrire una descrizione alternativa per l'audio e il video, una versione inferiore nel caso in cui il formato non sia accessibile al visitatore o il link alla risorsa Web necessaria.
 4. Collegamenti (links): predisporre un testo che abbia significato anche al di fuori dello specifico contesto; per esempio, al posto di un generico 'clicca qui' utilizzare 'preleva il file compresso'. 
 5. Organizzazione della pagina: avvalersi di intestazioni, titoli di pagina (da evitare assolutamente 'Nuova_pagina' oppure 'untitled document'), elenchi, menu articolati per configurare le pagine in modo uniforme, impaginando con stile uniforme ed facendo uso di modelli, CSS e tecniche analoghe per quanto possibile.
 6. Grafici: ricorrere ad un riassunto in formato testo o utilizzare l'attributo LONGDESC .
 7. Java, JavaScript, Plug-in: fornire un'alternativa testuale o un'immagine semplificata, nel caso di funzioni non supportate da tutti i browser o non accessibili a tutti i sistemi e gratuitamente. 
 8. Pagine con frames: impiegare sempre l'attributo TITLE oppure NAME per assegnare ad ogni frame un nome coerente; da evitare assolutamente 'Nuova_pagina' oppure 'untitled document'.
 9. Tabelle: riassumere il contenuto e renderle leggibili riga per riga; evitare l'impaginazione a colonne.
10. Controllo finale: utilizzare software o risorse in rete che prevedono strumenti di correzione del linguaggio html e di controllo dei links; valutare su diversi tipi di browser le pagine Web per controllare che siano accessibili a tutti; controllare ortografia, punteggiatura e struttura lessicale. Oltre a questi regole fondamentali, vi sono altri consigli che definiscono lo stile grafico e l'impostazione dell'interfaccia di un sito Web 'a misura di utente'.

Focalizzare i contenuti: evitare informazioni inadeguate, ridondanti o comunque inefficaci.
Strumento essenziale sono carta e penna, per definire organicamente un progetto progressivo dei contenuti per livelli, dal generale al particolare, predisponendo pagine standard sempre riconoscibili per livello.
Ricercare il miglior compromesso tra forma e contenuto: se è vero che i contenuti sono determinanti, solo una forma appropriata può renderli leggibili ed elevare il livello della comunicazione; il primo messaggio che trasmettiamo è dato dal colpo d'occhio sulla pagina e l'attenzione del visitatore deve essere attratta dagli elementi prioritari. Essi devono anticipare l'idea di quanto si troverà procedendo nella navigazione.
Un contenuto originale genera un progetto grafico attraente, ma il successo di un sito Internet è determinato da un complesso insieme di fattori, in cui facilità di navigazione e di interazione, accessibilità di ottimi contenuti applicati alle regole di web design costituiscono un aggregato unico.
Facilitare la navigazione: spesso le indicazioni contestuali sono assenti o ridotte, l'utente di conseguenza non sa in che parte del sito si trova, non ricorda da dove proviene e quale percorso è più rapido per proseguire nella direzione voluta. Questo può essere evitato predisponendo fin dall'inizio gli elementi grafici della barra di navigazione, che dovrà trovarsi nella stessa posizione in tutte le pagine ed una mappa di orientamento se il sito è composto da numerose pagine.
Impaginare in modo equilibrato: le pagine devono essere strutturate per categoria (Titoli, sottotitoli e testo, testo e immagini, solo immagini, ecc.) e con regole costanti riferite a testi, titoli, immagini, didascalie e quantità di spazi occupati sullo schermo. 
Ottimizzare i Media: al di là delle competenze artistiche di ciascuno, la conoscenza dei formati grafici corretti permette di pubblicare ottime immagini raggiungendo l'equilibrio ottimale tra qualità e dimensioni, evitando lunghi tempi di attesa per vedere immagini, video e sentire eventuali suoni.
Feed-back frequenti: progettate momenti di verifica e pause per dedicarvi alla riprogettazione. Un'ottima abitudine è chiedere consigli ai visitatori, leggere frequentemente la posta e cercare di porsi nella posizione dell'utente che naviga nelle nostre pagine. Più del 50% dei fallimenti dei siti è dovuta alla mancanza di risposte attese dagli utenti o da errori di interazione. I revisori del sito dovranno essere più d'uno e tra essi sceglietene alcuni poco esperti della rete. Tutti i difetti segnalati dovranno essere oggetto di attenta riflessione, per ridisegnare lo spazio per comunicare nel modo più efficace.

Note:
CSS
I Fogli Stile a Cascata, comunemente detti CSS (Cascade Style Sheets) sono una tecnologia Web che permette di collegare documenti che contengono stili di formattazione (i fogli di stile, appunto) alle pagine Html. Risultano quindi un valido strumento per ottimizzare l'estetica di un sito. Vedi anche il Capitolo 7: 7.4 La redazione dei fogli stile

Usability
Campo di ricerca nel quale Jacob Nielsen è l'indiscusso punto di riferimento. Ex ingegnere di Sun Microsystem, ha dedicato gran parte del suo impegno professionale alla progettazione di 'interfacce utente' delineando e codificando le caratteristiche tecniche che rendono le pagine web leggibili per tutti, anche per i disabili.

6.2 Una questione di 'stile', di visibilità e di accessibilità

Ogni progetto Web è relativo alle esigenze specifiche dell'azienda: un'attenta pianificazione del progetto renderà la presenza in Rete efficace e produttiva.
La scelta dello 'stile' dell'interfaccia utente, ossia l'ambiente con il quale il navigatore interagisce, comporta l'analisi di molteplici elementi: occorre definire l'utenza alla quale si intende rivolgersi ed il tipo di messaggio che si intende lanciare. Ciò caratterizzerà l'intero progetto editoriale e grafico, gli standard di navigazione, le immagini, i contenuti, l'inserimento di file audio/video.

Le linee-guida di stile adottate definiscono l'impostazione dell'interfaccia web in tutte le sue componenti: osservando i siti delle grandi aziende e dei portali, è facile individuare le regole di stile che sono diventate standard interni.
Per esempio Virgilio, Arianna, Lycos ed Altavista hanno standardizzato menu, finestre, etichette dei pulsanti, ecc. 

Non mancano consolidate regole di progettazione di cui tener conto per agevolare l'usabilità, poichè staff tecnici ricercano costantemente gli strumenti più adatti per ottenere il risultato desiderato, nella prospettiva di un utilizzo della Rete esteso a fasce sempre più ampie di popolazione.

Uno strumento è adeguato (livello di 'usabilità' nell'impostazione generale del sito, barre di navigazione, pulsanti, ecc.) se soddisfa i seguenti parametri:
1) utilizzo intuitivo, cioè facile da apprendere e da memorizzare ---> si misura in base al tempo in cui un utente che non ha mai interagito con il sito riesce ad apprenderne l'uso, ricordando la volta successiva i passi da compiere;
2) efficienza, cioè in grado di velocizzare il conseguimento del risultato ---> si misura confrontandolo con altri strumenti in grado di raggiungere lo stesso scopo: il nostro strumento deve risultare una scorciatoia veloce rispetto all'obbiettivo;
3) prevenzione dei possibili errori, cioè consente all'utente di recuperare facilmente un errore di utilizzo ---> si misura in base al tempo impiegato per tornare alla situazione di partenza;
4) soddisfazione dell'utente ---> si misura in base ad indagini statistiche sugli utenti che interagiscono abitualmente.
Alla luce di quanto finora esposto, bisogna quindi considerare l'interazione con gli artefatti in termini di miglioramento della loro usabilità , cioè di quanto ci rendano facile conseguire il nostro obbiettivo. Diventa quindi cruciale la risposta alla domanda: "Come si fa per rendere uno strumento usabile?"

Uno strumento che soddisfa i criteri di usabilità è dotato di un buon livello di visibilità quando:
- sono palesi tutte le possibilità dello strumento: sia quelle legate all'utilizzo positivo, sia quelle legate a possibili errori;
- sono evidenti i suoi effetti e le sue funzioni;
- le modificazioni avvenute nell'ambiente, in seguito al corretto utilizzo, sono visibili per chiunque.

6.3 Approfondimenti: risorse in rete e documentazioni

Per quanto riguarda le linee guida per le interfacce grafiche, tra i testi ricordiamo:
• di Jakob Nielsen "Designing Web Usability" -New Riders Publishing- fondamentale per ogni progettista Web; 
• di Michele Visciola "Usabilità dei siti web" -Apogeo- interamente dedicato all'argomento.

In rete sono disponibili risorse, manuali e utilità pronte all'uso:
• Le norme della Web Accessibility Initiative del W3C Web Accessibility Initiative consentono di ottenere siti accessibili, cioè privi di "barriere elettroniche," sia ai disabili fisici che sensoriali. Vi si trovano anche le traduzioni in italiano ed un check-point di facile uso per verificare se il proprio sito è accessibile.

• HTML.it offre interessanti corsi completi: Guida all'usabilità dei siti Web, Guida all'accessibilità dei siti Web e Guida ai Fogli di stile.

• Per polarizzare l'attenzione di TUTTI i visitatori, garantendo la possibilità di navigare a fondo il nostro sito e ritornarvi spesso, è interessante l'analisi de "Linee Guida per siti web accessibili".

• Il mestiere di scrivere è un sito italiano che fornisce buoni consigli soprattutto sullo stile della scrittura e dei contenuti.

• Webusabile.it si propone come punto di riferimento per tutti coloro che si interessano di usabilità e accessibilità dei web in Italia: fornisce materiale informativo - in lingua italiana - su tutto quanto accade in Italia in relazione a queste tematiche.

• Usabile.it è un sito informativo e di consulenza professionale. Gestito per la maggior parte da Maurizio Boscarol, presenta articoli sull'usabilità, l'accessibilità e gli standard web, news, e proposte di consulenza sugli stessi temi. Usabile.it è stato il primo sito in Italia a fornire informazione e divulgazione unita ad una qualificata offerta di consulenza professionale.

  SOFTWARE DOWNLOAD