Usabilità e accessibilità. Bibliografia:

Documenti analoghi
EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0

L organizzazione dei documenti nei sistemi multimediali

Documenti accessibili

Sommario. Nozioni di base su HTML

IL SITO WEB. Concetti generali

Modulo 1 Information Communication Technology. ICT e computer... Pag. 6 Classificazione dei computer...» 8

MODULO DI ISCRIZIONE AI CORSI PER LA PREPARAZIONE ALLA CERTIFICAZIONE ECDL. l sottoscritt. nat a il giorno e residente a, Provincia in n.

SissiWeb. Informazioni Generali. Avvertenze

Appunti sui Fogli Elettronici. Introduzione. D. Gubiani. 19 Luglio 2005

Progettazione di siti Web

D B M G Il linguaggio HTML

RE Genitori e Alunni

Guida pratica per la creazione di un documento Word accessibile Sommario

Programma Scienza senza frontiere CSF Italia. Guida per lo studente ai corsi di lingua italiana ICoN con tutorato

concetto inserito in un nodo concetto inserito in un nodo

PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5

Codifica informazione testuale

Pro/INTRALINK Guida al curriculum

Corso di Access. Modulo L2 A (Access) 1.4 Le maschere

Video Scrittura (MS Word) Lezione 3 Formattazione e Stampa documenti

Un sito con Wordpress

Syllabus LIM - Modulo 1.1 Competenza Strumentale

Comunicazione Digitale

Grafici e Pagina web

CURRICOLO DIPARTIMENTO INFORMATICA PRIMO BIENNIO

ISTITUTO TECNICO INDUSTRIALE STATALE ALESSANDRO VOLTA - Napoli L.I.M. Prof. Silvana Spedaliere. Lavagna Interattiva Multimediale

COMPRENSIONE DEL TESTO SCRITTO IN BAMBINI POOR COMPREHENDERS

L ACCESSIBILITÀ DEI DOCUMENTI ELETTRONICI - parte seconda

LAVAGNA INTERATTIVA INTERWRITE

Corso base Redattore WEB

Dichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza

Informatica d ufficio

Accessibilità & Tecnologie Assistive. Barbara Leporini ISTI CNR, Pisa

QGIS 2 - Introduzione. Marco Negretti

Marziana Monfardini lezioni di word

PRIMA DI PROCEDERE CON L ASCOLTO DELLE LEZIONI E DEGLI ESERCIZI COPIARE LA CARTELLA ESERCIZI SUL DESKTOP

Guida all uso del portale

Un sito con Wordpress

MODULO REGISTRO LINEE GUIDA E PRINCIPALI CARATTERISTICHE DEL MODULO REGISTRO

Un documento ben formato

3.3.6 Gli operatori Le funzioni di accesso al tipo Le strutture di controllo Le funzioni

RE Registro Elettronico SISSIWEB

Guida. > Introduzione. > Accesso e prima overview. > Ricerca Prodotti. > Ricerca Ricambi. > Ricerca News

3.6.1 Inserimento. Si apre la finestra di dialogo Inserisci Tabella:

Programma di INFORMATICA

Formattare il testo con gli stili

RDF. Resource Description Framework

GLI USI DIDATTICI DEL MEBOOK KIDS E IL CAMPUS PRIMARIA. Chiara Capone 13 aprile 2016

PAGINE. Il software SMART Notebook 11presenta una nuova barra degli strumenti. La nuova barra degli strumenti organizza i pulsanti in riquadri

Interfacce, UX e tv. Emmanuel Mazzucchi

Calcoli con Fogli Elettronici

Transcript:

Usabilità e accessibilità Bibliografia:

Metodi ispettivi: euristiche di Nielsen 1. Visibilità dello stato di sistema: l utente sa cosa sta accadendo e ha feedback continui 2. Accordo tra sistema e mondo reale: linguaggio dell utente 3. Controllo dell utente e libertà: uscita di emergenza dalle funzioni in cui l utente entra per errore 4. Coerenza e standard

Metodi ispettivi: euristiche di Nielsen 1. Prevenzione degli errori: design curato che previene i problemi 2. Riconoscimento piuttosto che ricordo: autoconsistenza 3. Flessibilità ed efficienza d uso 4. Design estetico e minimalista 5. Aiutare a riconoscere e diagnosticare, porre rimedio agli stati di errore 6. Help

Analisi task driven Prevedere una serie di obiettivi da raggiungere nel sito oggetto di analisi Pre: papertest Post: sul sito Valutazione basata su task Numero di step usati per raggiungere l obiettivo confrontati con gli step minimi

Metodo MILE Contenuti Testi, immagini, sonoro, video: sono presenti tutti i testi rilevanti? Sono efficaci? Ci sono contenuti inutili? Navigazione Struttura dei contenuti: Come sono organizzati?, Sono facilmente e intuitivamente raggiungibili? Come sono collegati?

Metodo MILE Grafica: La grafica aiuta a cogliere elementi analoghi?il font usato è troppo piccolo? Il contrasto fra sfondo e caratteri agevola la lettura? I colori si addicono agli obiettivi del sito? La disposizione aiuta? I link sono raggruppati per gruppi omogenei?

Metodo MILE Tecnologia: Il sito è compatibile con i principali browser? Consente unrapido caricamento delle pagine? Cognitività: Comprensibilità dell interfaccia: I nomi dei link corrispondono al contenuto a cui conducono? I link grafici sono chiari rispetto al significato?

Metodo MILE Navigazione con approccio a task I task sono raccolti in librerie da esperti in diversi settori Per quanto riguarda i contenuti i task dipendono dal dominio

Metodo MILE: valutazione Associare ad ogni task degli attributi da valorizzare, ad esempio: accessibilità, orientamento, possibilità di controllo da parte degli utenti, coerenza, predicibilità.

Metodo MILE: voti Preparare delle sessioni di test basate su task in cui vengono valorizzati gli attributi selezionati per arrivare a un risultato tipo: Attributo task1 task2 Media Sito mys 4 6 5

Metodo MILE: pesi task1 attr1 attr2 Media Sito mys/voti 8 3 5,5 Pesi 0,3 0,7 Voti pesati 2,4 2,1

WAI: Web Accessibility Initiative Prorità: 1 indicazioni che devono essere seguite 2 indicazioni che dovrebbero essere seguite 3 indicazioni che possono essere seguite

Conformità WAI Livello di Conformità "A": conforme a tutti i punti di controllo di Priorità 1. Livello di Conformità "Doppia-A": conforme a tutti i punti di controllo di Priorità 1 e 2. Livello di Conformità "Tripla-A": conforme a tutti i punti di controllo di Priorità 1, 2 e 3.

Esempi di indicazioni con priorità 1 1.1 Fornire un equivalente testuale per ogni elemento non di testo (per esempio, mediante "alt", "longdesc" o contenuto nell'elemento stesso). 1.2 Fornire collegamenti ridondanti di testo per ogni zona attiva di una immagine sensibile sul lato server. 2.1 Assicurarsi che tutta l'informazione veicolata dal colore sia disponibile anche senza, per esempio grazie al contesto o ai marcatori.

Esempi di indicazioni con priorità 1 5.1 Per tabelle di dati, identificare le intestazioni di righe e colonne. [Priorità 1] Per esempio, in HTML, usare TD per identificare le celle di dati e TH per identificare le intestazioni.

Esempi di indicazioni con priorità 2/3 13.1 Identificare con chiarezza l'obiettivo di ogni collegamento [Priorità 2] Per esempio, in HTML, scrivere "Informazione sulla versione 4.3" invece che "clicca qui". 13.5 Fornire barre di navigazione per evidenziare e dare accesso ai meccanismi di navigazione. [Priorità 3]

Sulla navigabilità 13.1 Identificare con chiarezza l'obiettivo di ogni collegamento. [Priorità 2] 13.2 Fornire metadata per aggiungere informazione di tipo semantico alle pagine e ai siti. [Priorità 2] 13.3 Fornire informazione sulla configurazione generale di un sito (per es., una mappa oppure un indice del sito). [Priorità 2] 13.4 Usare meccanismi di navigazione in modo coerente. [Priorità 2] 13.5 Fornire barre di navigazione per evidenziare e dare accesso ai meccanismi di navigazione. [Priorità 3] 13.6 Raggruppare i collegamenti correlati, identificare i gruppi [Priorità 3] 13.7 Se sono fornite funzionalità di ricerca, rendere possibili diversi tipi di ricerca per differenti livelli di abilità e per preferenze diverse. [Priorità 3] 13.8 Posizionare l'informazione più significativa all'inizio delle intestazioni, dei paragrafi, delle liste, ecc. [Priorità 3]

Esempio di verifica MILE Task1 - contenuti Sito competitors trovare l offerta didattica del corso, memorizzare: il numero di click che si usano nel percorso (ad esempio 1 accessibilità 10, 2 accessibilità 6-7, >3 accessibilità <5 ) se si torna indietro per fare nuovi tentativi Verificare la completezza dell informazione (creare regola per valorizzare) Attributi da valorizzare: accessibilità, completezza. Voti [1-10]

Esempio di verifica MILE Task2 - navigabilità Sito competitors verificare accessibilità del sito secondo le linee guida WAI elencate nella diapositiva sulla navigabilità. Suddividere fra le linee guida quelle relative alla coerenza e quelle relative alla accessibilità. Esaminare la home page e attribuire un punteggio positivo o negativo in funzione della priorità della linea guida rispettata/disattesa. Attributi da valorizzare: accessibilità, coerenza. Voti [1-10]

Task 1 voti SITO ACCESSI BILITÀ COEREN ZA COMPLE TEZZA MEDIA

Task 2 voti SITO ACCESSIB ILITÀ COERENZ A MEDIA