La Qualità del Web QUALITÀ, ACCESSIBILITÀ E USABILITÀ Informatica Generale (AA 0-5) Web: Modello di Qualità Web: Modello di Qualità (Polillo) caratteristiche principali grafica autorevolezza accessibilità architettura struttura mappa del sito navigazione comunicazione home page brand image grafica funzionalità adeguatezza correttezza categorizzazione / labeling stile informazione localizzazione caratteristiche sottocaratteristiche gestione disponibilità monitoraggio aggiornamento relazioni con gli utenti accessibilità tempi di accesso reperibilità indipendenza dal browser accessibilità per i disabili efficacia efficienza soddisfazione dell utente 5 Web: Valutazione della Qualità campione (8-0) di valutatori (non solo esperti) valutazione per ciascuna sottocaratteristica su una scala di valutazione (es. 0-5, -0) punteggio per ogni caratteristica: media (eventualmente ponderata) delle valutazioni ottenute dalle sue sottocaratteristiche sottocaratteristica (di "gestione") valutazione peso disponibilità 5 monitoraggio aggiornamento 0,5 relazioni con gli utenti media aritmetica,75 media ponderata 6 Qualità: Visualizzazione accesibilità 5 grafica 0 sito autorevolezza visualizzazione delle caratteristiche di qualità di un sito web Diagrammi di Kiviat accesibilità sito sito 5 grafica 0 autorevolezza confronto delle caratteristiche di qualità di due siti web
Usabilità 8 7 Usabilità grado di efficacia, efficienza e soddisfazione derivato dall'utilizzo di un prodotto al fine di raggiungere lo scopo per cui è stato progettato (ISO) si misura valutando curva di apprendimento semplicità di memorizzazione efficienza errori soddisfazione Usabilità Esperienza d'uso Usabilità nel Web 9 0 più specifica si riferisce allo scopo per cui il prodotto è stato disegnato esperienza d uso più generica relativa alla soddisfazione generale derivante dall utilizzo del prodotto principi (fondati su teorie cognitive) per progettare un sito web usabile: definizione degli obiettivi del sito web e target (utenti di riferimento) l'interfaccia deve essere trasparente tra target e obiettivi (evitare ridondanza di informazione, popup, messaggi di notifica) l utente deve sempre sapere dove si trova (per ridurre il suo carico di memoria) indicazione chiara della posizione corrente breadcrumbs (briciole di pane) feedback: l utente deve sapere cosa sta facendo il sistema minimizzare gli errori istruzioni chiare e non ambigue controlli sull'input di testo messaggi d'errore chiari possibilità di annullare le operazioni Valutare l Usabilità di un Sito Web Test di Usabilità del Web per migliorare l di un sito web: modello di sviluppo iterativo valutazione euristica (Jakob Nielsen) affidata ad un esperto, è economica 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 nel riconoscimento, nella diagnosi e nel rimedio a un errore aiuto e documentazione valutazioni da parte di non esperti (naïve) metodi qualitativi metodi quantitativi raccolta di dati esplicita (questionari) raccolta di dati implicita (misurazione delle azioni degli utenti)
Test di Usabilità del Web questionari lista di task da eseguire + compilazione di questionario lista di task + think aloud (pensare ad alta voce mentre si eseguono i task) misure quantitative log (es. Google Analytics) oculometria (eye tracking) per tracciare heat map (mappa delle "zone calde" di ogni pagina che più richiamano l'attenzione) metodi alternativi immedesimazione in personaggi fittizi basati su profili reali per individuare eventuali punti deboli del sito web Accessibilità Accessibilità Accessibilità nel Web 5 accessibility facilità di accesso e fruizione del mondo circostante da parte del maggior numero possibile di individui, senza discriminazioni servizi, contenuti, oggetti o luoghi sono accessibili quando eliminano o riducono al minimo le barriere (fisiche o digitali) è un diritto tutelato da leggi nazionali e internazionali, anche specifiche per il web 6 accessibilità formale si realizza durante lo sviluppo accessibilità contenutistica si realizza in fase di inserimento dei contenuti (testo, immagini ) Standard Internazionale Legge "Stanca" (Italia) 7 8 Web Accessibility Initiative (WAI) definita da World Wide Web Consortium (WC) fornire alternative equivalenti per il 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 dipendenti dal tempo 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 WC fornire informazioni di contesto e orientamento fornire meccanismi di navigazione chiari garantire che i documenti siano chiari e semplici Legge 9 gennaio 00, n. disposizioni per favorire l accesso agli strumenti informatici da parte di disabili per pubbliche amministrazioni e privati concessionari di servizi pubblici
Accessibilità: Linee Guida Linee Guida: Disabilità Visiva 9 canali multisensoriali avvisi e notifiche + suoni immagini + testi alternativi 0 livello cromatico contrasto elevato no schemi cromatici difficilmente leggibili da daltonici no sfondi complessi (meglio monocromatici) http://colorschemedesigner.com livello testuale font semplici e leggibili interlinea sufficiente allineamento a sinistra no immagini contenenti testo no font troppo piccoli no testi lampeggianti e in movimento Accessibilità: Non Vedenti Accessibilità: Disabilità Motoria seguire gli standard WC sul layout delle pagine layout basato su tag contenitori (div) invece che su tabelle e frame il layout si adatta a diverse risoluzioni dello schermo screen reader e programmi di lettura vocale possono leggere i contenuti in sequenza testi alternativi per le immagini collegamenti ipertestuali usati in maniera semanticamente informativa (es. evitare "clicca qui") scorciatoie da tastiera (keyboard shortcuts, access keys) evitano difficoltà nell'uso del mouse sono attivabili con comandi vocali Accessibilità: Disabilità Uditiva sottotitoli per i contenuti video trascrizione dei contenuti audio trascrizione manuale: più costosa ma più accurata trascrizione automatica: meno costosa ma meno accurata Accessibilità: Valutazione criteri di accessibilità premiati dai crawler dei motori di ricerca che assegnano PageRank migliori alle pagine conformi utili quindi anche per Search Engine Optimization (SEO) strumenti online WC Validator http://validator.w.org Web Accessibility Evaluation Tools List www.w.org/wai/er/tools/#evaluation
5 FINE 5