Usabilità e accessibilità. Bibliografia:

Transcript

1 Usabilità e accessibilità Bibliografia:

2 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

3 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

4 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

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

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

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

8 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

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

10 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

11 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

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

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

14 Esempi di indicazioni con priorità 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.

15 Esempi di indicazioni con priorità 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.

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

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

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

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

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

21 Task 2 voti SITO ACCESSIB ILITÀ COERENZ A MEDIA