PART IV a MULTIMEDIA WEB INTERFACES: USABILITY AND ACCESSIBILITY

Transcript

1 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 Firenze - Italy Tel Fax delbimbo@dsi.unifi.it

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

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

4 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

5 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

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 dell interfaccia

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

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

10

11

12

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

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

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 l utente 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 dell informazione Struttura della singola pagina web.

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

21 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

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 DELL UTENTE E DEL SUO COMPORTAMENTO Organizzazione dell accesso al sito. Modalità di collegamento per mettere in relazione le unità di informazione.

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

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

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 l organizzazione tipica degli indici

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

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

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

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à 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

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

36 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

37 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

38 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

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 dell informazione leggibilità dell informazione estetica e consistenza del layout dell interfaccia uso appropriato del colore e dei font.

40 Soddisfazione: principi base Modalità di presentazione dell informazione Minimo numero di passi per accedere all informazione 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à dell informazione 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 dell unità 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 dell interfaccia Identità grafica delle pagine fornisce indizi visivi della continuità dell informazione e offre anche una identità precisa dell ente 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 dell organizzazione e della presentazione delle informazioni Soluzioni atte a facilitare la ricerca degli argomenti Omogeneità della struttura in tutte le parti del sito...