PART IV a MULTIMEDIA WEB INTERFACES: USABILITY AND ACCESSIBILITY

1
PART IV aMULTIMEDIA 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. [phone]
• Fax [phone]
• E-mail delbimbo_at_dsi.unifi.it

2
COMUNICAZIONE E INTERNET

• Lutilizzo 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 allinterno delle
  imprese e degli uffici pubblici, sia per
  migliorare la qualità dei servizi questi soggetti
  offrono ai cittadini.

3
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 allart. 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

4
Utilizzo del web nella p.a.

• Come supporto tecnologico per la realizzazione di
  servizi evoluti ai cittadini
• Per pubblicare linformazione di rilevanza
  pubblica relativa alle attività generate
  dallamministrazione, 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
• Lattività di progettazione e di sviluppo del
  sito Web deve essere opportunamente inserita nel
  contesto organizzativo dellamministrazione

5

• Riferimenti prioritari
• Documenti conclusivi della Conferenza
  Ministeriale di Lisbona dellUnione Europea del
  20 marzo 2000
• Documenti conclusivi della Conferenza
  Ministeriale di Feira del 19 e 20 giugno 2000
• Linee guida sullaccessibilità dei siti Web del
  Consorzio Mondiale del Web W3C

6
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

7
COMUNICAZIONE

• Credibilità del sito
• Stabilità e consistenza del layout
  dellinterfaccia

8
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 allutente che
  linformazione è accurata ed affidabile. E
  quindi importante che sia ben identificabile
• Il soggetto che propone linformazione.
• Che cosa viene comunicato.
• Il luogo da cui proviene linformazione.
• La data dellultimo aggiornamento
  dell'informazione.

9

• 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. Laggiornamento di
  informazione soggetta a variazioni deve essere
  almeno mensile.

10

11

12

13
Stabilità e consistenza del layout
dellinterfaccia

• linterfaccia 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
  allinformazione desiderata.

14

• Le metafore di interazione devono essere
  semplici, familiari e logiche.
• Linterfaccia deve essere intuitiva una
  interfaccia intuitiva infonde nellutente la
  fiducia che è possibile trovare nel sito ciò che
  si cerca
• Linterfaccia deve essere consistente lidentità
  grafica di una serie di pagine fornisce indizi
  visivi della continuità dellinformazione e offre
  anche una identità precisa dellente o
  istituzione proprietaria del sito.

15

• Le pagine devono avere una dimensione consistente
  ed un formato uniforme di organizzazione

16

• 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.

17

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

18

• No dead end documents

19
CARATTERISTICHE DEL MEZZO ELETTRONICO E DEI
TERMINALI DI ACCESSO

• Organizzazione dellinformazione
• Struttura della singola pagina web.

20
Organizzazione dellinformazione

• 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.

21

• I blocchi di informazione devono essere brevi la
  dimensione ottimale dellunità 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

22
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.

23

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

24
ATTITUDINI GENERICHE DELLUTENTE E DEL SUO
COMPORTAMENTO

• Organizzazione dellaccesso al sito.
• Modalità di collegamento per mettere in relazione
  le unità di informazione.

25
Organizzazione dellaccesso al sito

• Il sito deve essere strutturato in modo da
  richiedere allutente il minimo numero di passi
  per accedere allinformazione 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.

26

• Ciò implica
• La definizione di una efficiente gerarchia
  dellinformazione in modo da minimizzare il
  numero di passi attraverso le pagine dei menu e
  lo sforzo di memorizzazione.

27

• 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.

28
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
  lorganizzazione tipica degli indici

29

• Griglia offre un collegamento diretto tra
  variabili è lorganizzazione adatta per utenze
  specializzate, perfettamente a conoscenza dei
  contenuti.

30

• Gerarchia definisce livelli distinti dal
  generale allo specifico. Laccesso è definito
  attraverso menu lalbero 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.

31

• Web-like è basata su collegamenti associativi,
  che lutente segue in base al proprio interesse
  è lorganizzazione 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.

32

33
FRUIZIONE DI SITI WEB

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

34

• Usabilità
• Unapplicazione 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

35
USABILITA

• Lusabilità 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 è
  lidentificazione 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...

36

• La definizione di usabilità è strettamente legata
  al contesto di operazione. Richiede che siano
  stabiliti
• chi sono gli utenti tipo del sito Web
• quale è lazione che lutente tipicamente svolge
• quanto tempo tipicamente dura lattività svolta
• quanto tempo tipicamente lutente è disponibile
  ad investire per familiarizzare con il sito
• come è misurabile la soddisfazione dellutente
• quale è la percentuale di errore accettabile

37
Usabilità figure di merito

• Apprendibilità misura la facilità
  dellapprendimento dei modi di interazione, così
  da raggiungere un certo livello di dimestichezza
  e un uso efficiente delle funzioni del sito
• Efficacia misura laccuratezza e la completezza
  con cui gli utenti raggiungono uno specifico
  obbiettivo
• Efficienza misura le risorse spese in relazione
  allaccuratezza e la completezza con cui si
  raggiungono gli obbiettivi
• Soddisfazione misura lattitudine positiva ad
  utilizzare il sito

38

• Apprendibilità
• tempo necessario per raggiungere una certa
  produttività nelluso delle funzioni del sito
• tempo necessario a recuperarla dopo un tempo in
  cui non si è utilizzato il sito
• Efficacia
• numero di errori per completare unattività
• accuratezza e completezza dei risultati ottenuti
• confidenza con cui lutente ha fiducia
  nell'effetto delle procedure e nella correttezza
  dei dati presentati

39

• 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 dellinformazione
• leggibilità dellinformazione
• estetica e consistenza del layout
  dellinterfaccia
• uso appropriato del colore e dei font.

40
Soddisfazione principi base

• Modalità di presentazione dellinformazione
• Minimo numero di passi per accedere
  allinformazione
• soggetto medio riesce a mantenere in memoria un
  numero massimo di
• elementi di informazione variabile da 4 a 7
• Presenza di un minimo di 5-7 collegamenti per
  menu
• poche schermate con molte scelte preferibili a
  molti menu semplificati
• Leggibilità dellinformazione
• Le pagine devono essere indipendenti
• le testate e le note di una pagina web devono
  essere più informative ed
• elaborate di quelle di una pagina stampata.
• Dimensione ottimale dellunità di informazione
• variabile da 1 a 2 pagine di informazione
  stampata per un terminale
• convenzionale, a poche righe di testo per un
  terminale wap

41

• Estetica e consistenza del layout
  dellinterfaccia
• Identità grafica delle pagine
• fornisce indizi visivi della continuità
  dellinformazione e offre anche una identità
  precisa dellente o istituzione proprietaria del
  sito.
• Collegamenti a siti diversi evidenziati
• Uso appropriato del colore e dei font
• Assenza di grafica bitmap o altri artifici
  multimediali
• la dimensione della pagina deve essere
  inferiore a 32KB 5-6 secondi di tempo di
  accesso con collegamenti non veloci
• Il font usato deve favorire la leggibilità
• font sans serif (p.e. Arial) preferibili a
  quelli serif (es. Times Roman)
• Testo e sfondo devono usare colori ad alto
  contrasto

42
Usabilità elementi rilevanti

• Opinioni del pubblico
• Scelta di tecnologie compatibili con gli standard
• Informazione scritta in modo chiaro e con un
  linguaggio comune
• Coerenza dellorganizzazione e della
  presentazione delle informazioni
• Soluzioni atte a facilitare la ricerca degli
  argomenti
• Omogeneità della struttura in tutte le parti del
  sito
• ...