PART IV a MULTIMEDIA WEB INTERFACES: USABILITY AND ACCESSIBILITY

Slides:



Advertisements
Presentazioni simili
PART IV a MULTIMEDIA WEB INTERFACES: USABILITY AND ACCESSIBILITY Prof. Alberto Del Bimbo Dipartimento Sistemi e Informatica Università degli Studi di Firenze.
Advertisements

Lunedì Pomeriggio della Qualità 21 marzo maggio luglio settembre novembre 2016.
FONDO EUROPEO DI SVILUPPO REGIONALE Programma Investimenti per la crescita e l’occupazione 2014/20 - Comunicazione - Comitato di sorveglianza Aosta, 20.
IDEAZIONE E REALIZZAZIONE DI UN GIORNALINO PER RAGAZZI.
COMUNICARE SUL WEB! La prima cosa da sapere per scrivere sul web è riconoscere che internet non ha lettori tradizionali: l’80% dei navigatori non legge.
Casa Digitale del Cittadino
Informatica e processi aziendali
Francesca Dei Cas/Federica Pelucchi/ Gioele Besio
Sul sito della scuola luisanna.fiorini[at]scuola.alto-adige.it.
La mediazione culturale nei Servizi per l’Impiego
Come scrivere una relazione
Sanità 2.0 Negli ultimi dieci anni è cresciuta in modo esponenziale anche in Italia la percentuale di chi cerca in rete informazioni di tipo sanitario.
GLI IPERMEDIA LA COMUNICAZIONE è una forma di relazione sociale che coinvolge aspetti ed elementi diversi. E’ composta da: MITTENTE= chi manda.
“Vivere insieme” – Lezione4
Progetto ADEP Alovisi Davide Baroni Manuel Cotet Corneliu
GPOI - L’organizzazione aziendale -
Riordino della legislazione sulla trasparenza
LA MAPPA CONCETTUALE Istruzioni per l’uso
Reggio Calabria, 29 settembre 2006
SIRU-FSE 2014/20 ACCESSI WEB AdA AdC ALTRI SS. II. REGOLAMENTI UE
LABORATORIO DI APPRENDIMENTO ORGANIZZATIVO
<Nome del gruppo di lavoro>
Elementi di Economica Microstruttura e Macrostruttura
COMUNICAZIONE ISTITUZIONALE l’Ufficio Relazioni con il Pubblico
«Seniors as web users» (Jakob Nielsen)
PNSD - Modulo D1A 27 aprile 2017 Piattaforme di e-­learning e cloud:​ installazione e gestione (azione #22) Prof. Rocca Marcello
DONNE E LEADERSHIP Maria Giulia Catemario
DIRIGERE L’INNOVAZIONE
Il ciclo della Performance,
Il sitoweb istituzionale
ROTARY INTERNATIONAL DISTRETTO 2070
Condividere dati di Excel tramite l'esportazione in un sito di SharePoint
Universita’ di Milano Bicocca Corso di Basi di dati 1 in eLearning C
Modulo 3 Costituzione del consorzio dei partner
Il Progetto di Multimedia
Gli strumenti informativi-integrativi dell’assistenza infermieristica
SODDISFARE LE OPPORTUNITÀ DI MARKETING
Quick Tip Tutorial Come accedere alle statistiche di EBSCOhost e di EBSCO Discovery Service attraverso EBSCOadmin help.ebsco.com.
Come si scrive un poster scientifico
I SERVIZI ON LINE PER I CITTADINI dott
IL TESTO ESPOSITIVO - INFORMATIVO
Andrea Paladin, PM CINECA
MODULO 1 – Computer essentials
Ecco tutte le informazioni Microsoft Notizie di SharePoint
Le regole tecniche per la progettazione e la realizzazione dei siti web
Il protocollo elettronico (e altri servizi informatici)
Informatica - Prof. Gregorio Cosentino
Predisposizione e presentazione della domanda di nullaosta
Ambienti di apprendimento
HOTEL DESENZANO Viale Cavour 40/42 Desenzano del Garda (Brescia)
ADO Per gestire i database con tecnologia ASP si utilizzano strumenti ADO (ActiveX Data Objects): un'architettura che fornisce oggetti.
REGOLAMENTO PER L’ACCESSO E L’UTILIZZO DEL SERVIZIO DI POSTA ELETTRONICA DI ATENEO DELL’UNIVERSITA’ DI BARI Centro Servizi Informatici Università degli.
Leggi, teoria e pratica.
Lezione N° 6 L’organizzazione
I SERVIZI ON LINE PER I CITTADINI dott
Lezione N° 6 L’organizzazione
Predisposizione e presentazione della domanda di nullaosta
Comunicazione di Massimo Marighella
I.T. A.DA SCHIO - Vicenza 11 Gennaio 2006 L’ALTERNANZA SCUOLA - LAVORO
Le strutture organizzative
Marco Panella MS - Powerpoint Marco Panella
Il protocollo informatico e il Manuale di Gestione
Lezione N° 6 L’organizzazione
La Mappa dei servizi pubblici per l’impiego
A cura di: Alessandro Hinna
Lezione N° 6 L’organizzazione
POR MOLISE Piano di Comunicazione
GRIGLIE PER LA VALUTAZIONE DELL’ORALE-CLIL
La FORMAZIONE nel contratto di assunzione dei Custodi Forestali
E-GOV e se finisse la fase investimenti?
Transcript della presentazione:

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

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

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

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