PART IV aMULTIMEDIA WEB INTERFACES: USABILITY AND ACCESSIBILITY

Prof. Alberto Del Bimbo Dipartimento Sistemi e Informatica Università degli Studi di FirenzeVia S. Marta 3 - 50139 - Firenze - ItalyTel. +39-055-4796262Fax +39-055-4796363

E-mail delbimbo@dsi.unifi.it

COMUNICAZIONE E INTERNET

L’utilizzo ottimale delle tecnologie di comunicazione e di Internet, costituisce una esigenza strategica per imprese, pubbliche amministrazioni e singoli sogetti.

Il Web è un mezzo importante sia per accrescere la produttività del lavoro all’interno delle imprese e degli uffici pubblici, sia per migliorare la qualità dei servizi questi soggetti offrono ai cittadini.

Pubbliche amministrazioni: direttiva del Governo Italiano per la P.A.

Direttiva del Governo Italiano contenente indicazioni per la costruzione dei siti Web delle amministrazioni pubbliche di cui all’art. 1, comma 2, D.Lgs. n. 29/93

Circ. 13 marzo 2001, n. 3/2001, 6 settembre 2001 n AIPA/CR/32

Indirizzata a chiunque nelle amministrazioni abbia

responsabilità collegate alla progettazione, realizzazione e manutenzione di sistemi informativi basati sulle tecnologie del Web. In linea con il piano di azione e-Government

Utilizzo del web nella p.a.

Come supporto tecnologico per la realizzazione di servizi evoluti ai cittadini

Per pubblicare l’informazione di rilevanza pubblica relativa alle attività generate dall’amministrazione, con validazione e aggiornamento delle informazioni

Come opportunità di condividere informazioni tra uffici, di realizzare pratiche di integrazione tra basi di dati e tra procedure, di collaborazione con soggetti esterni a una determinata amministrazione

L’attività di progettazione e di sviluppo del sito Web deve essere opportunamente inserita nel contesto organizzativo dell’amministrazione

Riferimenti prioritari Documenti conclusivi della Conferenza

Ministeriale di Lisbona dell’Unione Europea del 20 marzo 2000

Documenti conclusivi della Conferenza Ministeriale di Feira del 19 e 20 giugno 2000

Linee guida sull’accessibilità dei siti Web del Consorzio Mondiale del Web W3C

Principi generali di riferimento nella progettazione di un sito web

Esistono principi generali di riferimento nella progettazione di un sito web basati su: concetti base di comunicazione, caratteristiche del mezzo elettronico e dei

terminali di accesso, generiche attitudini comportamentali dell'utente

COMUNICAZIONE

Credibilità del sito Stabilità e consistenza del layout dell’interfaccia

Credibilità del sito

Per garantire la credibilità di un sito, i documenti devono essere strutturati secondo un ben definito standard editoriale. Alti standard editoriali comunicano all’utente che l’informazione è accurata ed affidabile. E’ quindi importante che sia ben identificabile:

• Il soggetto che propone l’informazione.• Che cosa viene comunicato.• Il luogo da cui proviene l’informazione. • La data dell’ultimo aggiornamento

dell'informazione.

La home-page del sito è in genere il luogo appropriato per rendere visibile questa informazione.

La home page è anche un luogo appropriato per mettere annunci di variazioni, nuovi servizi o prodotti, notizie di stampa ….o il collegamento ad apposita sezione “news”. L’aggiornamento di informazione soggetta a variazioni deve essere almeno mensile.

Stabilità e consistenza del layout dell’interfaccia

l’interfaccia grafica di una applicazione disponibile sul web include le metafore di interazione, le immagini e i concetti utilizzati per veicolare funzioni e contenuti, nonché le caratteristiche visuali di ogni componente e la sequenza funzionale di interazione per accedere all’informazione desiderata.

• Le metafore di interazione devono essere

semplici, familiari e logiche. • L’interfaccia deve essere intuitiva: una interfaccia

intuitiva infonde nell’utente la fiducia che è possibile trovare nel sito ciò che si cerca

• L’interfaccia deve essere consistente: l’identità grafica di una serie di pagine fornisce indizi visivi della continuità dell’informazione e offre anche una identità precisa dell’ente o istituzione proprietaria del sito.

• Le pagine devono avere una dimensione

consistente ed un formato uniforme di organizzazione

• Deve essere definita una griglia standard di layout di pagina, che includa titoli e sottotitoli, titoli di fondo pagina, collegamenti di navigazione alla home-page e alle pagine principali, collegamento al responsabile del sito in modo da garantire il feedback;

• Deve essere definito un insieme di convenzioni editoriali ed un tema grafico unico.

• I collegamenti a siti diversi devono essere ben evidenziati in modo che per l’utente sia chiaro quando sta entrando in un sito diverso.

• No “dead end documents”

CARATTERISTICHE DEL MEZZO ELETTRONICO E DEI TERMINALI DI ACCESSO

Organizzazione dell’informazione Struttura della singola pagina web.

Organizzazione dell’informazione

l'organizzazione dell'informazione in forma ipertestuale deve prevedere la divisione del contenuto informativo complessivo in singole unità di informazione e l'adattamento alle caratteristiche del terminale utilizzando opportunamente una combinazione di convenzioni di grafica e layout.

• I blocchi di informazione devono essere brevi; la

dimensione ottimale dell’unità di informazione associata ad un collegamento è variabile da un minimo di una ad un massimo di due pagine di informazione stampata per un terminale convenzionale e poche rigjhe di testo per un terminale wap.

• I font usati devono favorire la leggibilità: in questa ottica i font sans serif (p.e. Arial) sono preferibili a quelli serif (es. Times Roman), Le parole devono essere scritte in minuscolo con iniziali maiuscole, piuttosto che in minuscolo o maiuscolo Testo e sfondo devono usare colori ad alto contrasto

Struttura della singola pagina web• I collegamenti ipertestuali consentono di accedere ad ogni

singola pagina senza alcun preambolo. In un documento in rete, le pagine devono essere strutturate in modo da essere indipendenti

• le testate e le note di una pagina web devono essere più informative ed elaborate di quelle di una pagina stampata.

• Si deve mantenere il senso di contesto. Le pagine devono avere dimensione conforme alla dimensione dello schermo

ATTITUDINI GENERICHE DELL’UTENTE E DEL SUO COMPORTAMENTO

Organizzazione dell’accesso al sito. Modalità di collegamento per mettere in relazione

le unità di informazione.

Organizzazione dell’accesso al sito

Il sito deve essere strutturato in modo da richiedere all’utente il minimo numero di passi per accedere all’informazione voluta tenendo presente il numero di elementi che l'utente riesce a mantenere contemporaneamente in memoria (tipicamente un numero variabile da 4 a 7) e garantendo comunque il minor tempo di accesso possibile.

Ciò implica:• La definizione di una efficiente gerarchia

dell’informazione in modo da minimizzare il numero di passi attraverso le pagine dei menu e lo sforzo di memorizzazione.

• Presenza di un minimo di 5-7 collegamenti per menu; poche schermate, ciascuna con molte scelte, sono preferibili a molti layer di menù semplificati

• Assenza di grafica bitmap o altri artifici multimediali, specialmente in presenza di collegamenti non veloci; la dimensione della pagina da scaricare deve essere inferiore a 32KB in modo da non superare il limite di 5-6 secondi di tempo di accesso per pagina.

Modalità di collegamento per mettere in relazione le unità di informazione

Le diverse unità di informazione devono essere messe in relazione tra loro secondo uno dei seguenti possibili schemi logici:

• Sequenza: in ordine cronologico, logico da

generale a specifico, alfabetico. E’ l’organizzazione tipica degli indici

• Griglia: offre un collegamento diretto tra variabili; è l’organizzazione adatta per utenze specializzate, perfettamente a conoscenza dei contenuti.

• Gerarchia: definisce livelli distinti dal generale allo

specifico. L’accesso è definito attraverso menu; l’albero gerarchico deve essere bilanciato e non troppo profondo. In generale, la home-page non deve essere sovraccarica di collegamenti ma deve contenere una directory delle categorie generali e rimandare a pagine di submenu; ogni submenu è una mini home-page per la specifica sezione; i submenu devono avere almeno quattro o cinque collegamenti.

• Web-like: è basata su collegamenti associativi, che l’utente segue in base al proprio interesse; è l’organizzazione tipica di siti con molti collegamenti ad informazioni mantenute internamente al sito ed esterne al sito. Questa organizzazione può generare confusione sulle interrelazioni tra unità di informazione ed è comunque adatta solo a piccoli siti.

FRUIZIONE DI SITI WEB

Aspetti più importanti che riguardano le reali fruizioni dei siti Web: Accessibilità dei siti Web Usabilità dei siti Web

Usabilità

“Un’applicazione sul web è usabile quando uno specifico utente, in specifiche circostanze, con specifici obbiettivi può usarla con efficacia, efficienza e soddisfazione” ISO International Standard Organization, norm ISO 9241-11

USABILITA’

L’usabilità di un sito Web implica che le informazioni debbano essere organizzate e strutturate in maniera da garantire la massima fruibilità

Prerequisito della progettazione di un sito è l’identificazione delle tipologie di utenza alla quale è rivolto

E’ importante che vi sia uno sforzo per immaginare come il sito Web sarà visto e usato dai suoi utenti una volta realizzato, tenendo conto della varietà delle caratteristiche personali, sociali e culturali...

La definizione di usabilità è strettamente legata al contesto di operazione. Richiede che siano stabiliti: chi sono gli utenti tipo del sito Web quale è l’azione che l’utente tipicamente svolge quanto tempo tipicamente dura l’attività svolta quanto tempo tipicamente l’utente è disponibile ad

investire per familiarizzare con il sito come è misurabile la soddisfazione dell’utente quale è la percentuale di errore accettabile

Usabilità: figure di merito

Apprendibilità : misura la facilità dell’apprendimento dei modi di interazione, così da raggiungere un certo livello di dimestichezza e un uso efficiente delle funzioni del sito

Efficacia : misura l’accuratezza e la completezza con cui gli utenti raggiungono uno specifico obbiettivo

Efficienza : misura le risorse spese in relazione all’accuratezza e la completezza con cui si raggiungono gli obbiettivi

Soddisfazione : misura l’attitudine positiva ad utilizzare il sito

Apprendibilità tempo necessario per raggiungere una certa

produttività nell’uso delle funzioni del sito tempo necessario a recuperarla dopo un tempo in

cui non si è utilizzato il sito Efficacia

numero di errori per completare un’attività accuratezza e completezza dei risultati ottenuti confidenza con cui l’utente ha fiducia nell'effetto

delle procedure e nella correttezza dei dati presentati

Efficienza tempo necessario al completamento di un compito in

relazione alla capacità di calcolo del sistema e della banda di trasmissione disponibile

Soddisfazione capacità del sito Web di evitare operazioni inutili modalità di presentazione dell’informazione leggibilità dell’informazione estetica e consistenza del layout dell’interfaccia uso appropriato del colore e dei font…….

Usabilità: elementi rilevanti

Opinioni del pubblico

Scelta di tecnologie compatibili con gli standard

Informazione scritta in modo chiaro e con un linguaggio comune

Coerenza dell’organizzazione e della presentazione delle informazioni

Soluzioni atte a facilitare la ricerca degli argomenti

Omogeneità della struttura in tutte le parti del sito

………...