e usabilità Cazzaniga Paolo Dip. di Scienze Umane e Sociali paolo.cazzaniga@unibg.it
Outline La qualità del Web 1 La qualità del Web 2 3
Outline La qualità del Web 1 La qualità del Web 2 3
Modelli di qualità di un sito Web Un prodotto del Web viene valutato secondo alcune caratteristiche principali: Grafica Contenuto Autorevolezza Usabilità
Modelli di qualità di un sito Web Architettura Struttura Mappa del sito Navigazione Comunicazione Home page Brand image Grafica Funzionalità Adeguatezza Correttezza Contenuto Categorizzazione/labeling Stile Informazione Localizzazione
Modelli di qualità di un sito Web Gestione Disponibilità Monitoraggio Aggiornamento Relazioni con gli utenti Tempi di accesso Reperibilità Indipendenza dal browser per i disabili Usabilità Efficacia Efficienza Soddisfazione dell utente I principi di accessibilità sono fondamentali e si riflettono anche su usabilità, contenuto e architettura
Valutazione di un sito Web Viene effettuata da un campione di valutatori (esperti e non) Viene definita una scala di valutazione Diversi pesi in base alla tipologia di sito Web Diverse scale e normalizzazione dei valori
Risultati della valutazione Visualizzazione e confronto dei risultati della valutazione di siti Web: diagrammi di Kiviat
Risultati della valutazione Visualizzazione della dispersione dei dati: grafici a barre
Outline La qualità del Web 1 La qualità del Web 2 3
Usabilità Secondo l ISO l usabilità è il grado in cui un prodotto può essere usato dai suoi utenti per raggiungere certi obiettivi con efficacia, efficienza e soddisfazione in uno specifico contesto d uso. Curva di apprendimento Semplicità di memorizzazione Efficienza Errori Soddisfazione Il concetto di usabilità si riferisce allo scopo finale per cui un prodotto è stato disegnato, mentre l esperienza d uso alla soddisfazione generale derivata dall utilizzo del prodotto stesso
Si seguono diversi principi a seconda degli obiettivi del sito Web, ma l utente è sempre al centro interfaccia trasparente (no ridondanza, popup, messaggi di notifica) breadcrumbs, l utente deve sempre sapere dove si trova feedback per comunicare all utente ciò che il sistema sta facendo minimizzare gli errori istruzioni chiare e non ambigue controlli durante la compilazione di form annullamento delle operazioni Usabilità fondata su teorie cognitive: ridurre il carico di memoria
Valutazione dell usabilità del Web Modelli di sviluppo iterativi per migliorare l usabilità Visibilità dello stato del sistema Corrispondenza tra sistema e mondo reale Controllo e libertà dell utente Consistenza e standard Prevenzione dell errore Riconoscimento anziché ricordo Flessibilità d uso Estetica e design minimalisti Supporto all utente Help e documentazione
Valutazione dell usabilità del Web Valutazioni da parte di non esperti del settore Lista di task da eseguire Think aloud mentre vengono svolti i task Uso di log (es. Google Analytics) Oculometria (es. eyetracking e heatmap) Invenzione di personaggi fittizi
Outline La qualità del Web 1 La qualità del Web 2 3
Il termine accessibilità si riferisce in senso lato alla facilità di accesso e fruizione del mondo circostante da parte del maggior numero possibile di individui, senza discriminazioni Eliminazione delle barriere che ostacolano l accesso o l utilizzo delle tecnologie del Web formale (durante lo sviluppo) contenutistica (in fase di inserimento dei contenuti: testo, immagini, ecc.) non significa usabilità
Standard e Leggi La qualità del Web Rendere il Web accessibile a tutti, indipendentemente dalla presenza di disabilità Web Accessibility Initiative Fornire alternative equivalenti per il contenuto visivo e audio Non fare affidamento unicamente sul colore Usare marcatori e fogli di stile e farlo in maniera appropriata Rendere chiaro mediante il markup l uso del linguaggio naturale Creare tabelle che si trasformino in maniera elegante Garantire che le pagine che utilizzano le tecnologie più recenti si trasformino in maniera elegante Garantire all utente il controllo dei mutamenti di contenuto dipendenti dal tempo
Standard e Leggi La qualità del Web Web Accessibility Initiative Garantire l accessibilità diretta delle Interfacce Utente Incorporate Progettare per garantire l indipendenza dal dispositivo Usare soluzioni temporanee Usare le tecnologie e le linee guida del W3C Fornire informazioni di contesto e orientamento Fornire meccanismi di navigazione chiari Garantire che i documenti siano chiari e semplici Legge Stanca disposizioni per favorire l accesso agli strumenti informatici da parte di disabili per pubbliche amministrazioni e privati concessionari di servizi pubblici
: linee guida Utilizzo di canali multisensoriali Livello cromatico (http://colorschemedesigner.com/) contrasto elevato evitare schemi cromatici difficilmente leggibili da daltonici usare sfondi monocromatici Livello testuale font semplici e leggibili, dimensione ragionevole interlinea sufficiente allineamento a sinistra evitare immagini con testo evitare testi lampeggianti e in movimento
: linee guida per non vedenti seguire gli standard di formattazione delle pagine uso di tag per permettere agli screen reader di leggere in sequenza i contenuti usare il testo alternativo per le immagini collegamenti ipertestuali informativi Disabilità motorie scorciatoie da tastiera comandi vocali Disabilità uditive produrre sottotitoli per i contenuti video trascrizioni dei contenuti audio
Valutazione dell accessibilità Pagine che rispettano criteri di accessibilità migliorano il proprio PageRank Valutazione utilizzando strumenti automatici W3C Validator Esempio di sito Consigli per rendere la navigazione accessibile