PART IV a
MULTIMEDIA WEB INTERFACES:
USABILITY AND ACCESSIBILITY
Prof. Alberto Del Bimbo
Dipartimento Sistemi e Informatica
Università degli Studi di Firenze
Via S. Marta 3 - 50139 - Firenze - Italy
Tel. +39-055-4796262
Fax +39-055-4796363
E-mail [email protected]
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 homepage 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
………...