Introduzione

La simulazione euristica

La simulazione euristica è una variante della valutazione euristica ed è una tecnica di valutazione dell' usabilita di tipo analitico. Lo scopo della valutazione è quello di trovare barriere che ostacolano la navigazione ad utenti con una certa forma di disabilità o ad utenti che usano tecnologie disabilitanti. La tecnica si basa su un insieme di barriere della navigazione proposte dal professor Giorgio Brajnik. Ad ogni barriera viene associato l'impatto e la frequenza della manifestazione e grazie a tali dati si è in grado di associare un livello di gravità per ogni barriera riscontrata nel sito.

Piattaforma utilizzata

Per la valutazione è stato usato un PC desktop con le seguenti caratteristiche:

      Schermo LCD 19" con risoluzione 1280x1024
      Windows Xp Professional
      Browser Mozilla Firefox versione 2.0 con accessibility toolbar e contrast analyzer
      Browser vocale IBM Homepage reader

Pagine analizzate

Le seguenti pagine sono state analizzate all'inizio di Marzo 2007

  1. Home page
  2. Orari dei voli
  3. Chi siamo
  4. Termini e condizioni

Assegnazione di livelli di gravità alle barriere

Onde valutare la gravità di un problema di usabilità si suggerisce di considerare due parametri, l'impatto che un problema può avere sull'efficacia, produttività e sicurezza di un utente che sta svolgendo un determinato compito in una determinata situazione operativa e la frequenza con cui quel problema si presenta all'utente durante lo svolgimento di quel compito.
Usando una scala da 1 a 3 (3 per l'effetto peggiore) associata a ciascuno dei due parametri, si può poi derivare una classificazione della gravità che permette di distinguere tra problemi minori, seri e critici.

impatto frequenza gravità
1 1 minore
1 2 minore
1 3 serio
2 1 serio
2 2 serio
2 3 critico
3 1 critico
3 2 critico
3 3 critico

Per quanto riguarda l'impatto, i valori verranno assegnati usando i seguenti criteri di massima:
1. la presenza del problema viene notata dall'utente considerato, ma ci sono facili modi per aggirarla o evitarla. Esso non incide significativamente sulle capacità dell'utente di raggiungere con successo il termine del compito. Può invece incidere sull'efficienza con cui l'utente svolge il compito e/o sulla sua soddisfazione.
2. la presenza del problema è notata ed incide significativamente sull'efficacia e/o sicurezza. L'utente non riesce ad aggirarlo facilmente, o ad evitarlo. Per uscire dalla situazione problematica l'utente può necessitare di notevole tempo, vari tentativi e ingegno. Il problema rende difficile, faticoso e/o rischioso il proseguimento del compito, ed è facile che l'utente compia degli errori. Il problema incide sicuramente e marcatamente su efficacia e/o sicurezza.
3. si tratta di una barriera che porta molto spesso a rinunciare al raggiungimento dello scopo: gli errori possono essere molti e con gravi conseguenze; vie alternative non esistono. L'impatto negativo su efficacia e sicurezza è elevato.

Per la frequenza (riferita al numero di volte in cui il problema compare durante l'esecuzione di un compito) invece i valori possono essere:
1. il problema si manifesta raramente e non sempre durante lo svolgimento del compito; in pochi e marginali casi esso si manifesta. Dunque esso incide in maniera molto limitata sulla produttività e sulla soddisfazione.
2. il problema si verifica ogni volta che si svolge quel compito. Può incidere significativamente su produttività e soddisfazione.
3. il problema si verifica più volte durante lo svolgimento del compito. Incide sicuramente sulla produttività, facendola calare marcatamente e altrettanto sicuramente incide sulla soddisfazione.

Tipologie di utenti e scenari d'uso

Utente non vedente

Sergio è uno studente non vedente che vuole acquistare un biglietto aereo, sapere le tariffe speciali offerte da Volareweb e trovare un recapito telefonico per ulteriori informazioni. L'utente usa il browser vocale IBM Home Page Reader

Utente ipovedente

Silvia è una professoressa che vive a Milano e deve recarsi ad un convegno a Palermo. Si reca sul sito di Volareweb per vedere se esista un volo diretto tra le due città. Usa come browser Firefox con il plugin per l'ingrandimento del testo.

Utente daltonico

Francois è un ragazzo daltonico di madrelingua francese che vuole viaggiare in Italia da Parigi, trova il sito di Volareweb e vuole cambiare la lingua dall'italiano al francese.

Utenti disabili motori

Giordano è un nonno che ha riscontrato il morbo di Parkinson e vorrebbe visitare il nipotino a Napoli. Trova il sito di Volareweb e vuole sapere se esiste un volo da Milano a Napoli.

Utente disabile cognitivo

Lina è una ragazza dislessica che vuole sapere se è possibile trasportare cani sugli aerei di Volareweb.

Utenti di browser senza javascript

Bruno è un utente inesperto di internet, di conseguenza usa un browser sprovvisto di javascript e desidera volare con Volareweb.

Barriere riscontrate

Problemi gravi

Barriera: Nuove finestre
Causa: cliccando sul collegamento "Credits" si apre una finestra pop-up che ostruisce i comandi del browser e che non contiene un pulsante per chiuderla.
È una barriera che riguarda tutte le tipologie di utenti e si tratta di una barriera con gravità minore anche se alcuni utenti potrebbero superare la barriera con degli sforzi notevoli.

barriera - Nuove finestre

Barriera: Pagine senza titoli
Causa: Tutte le pagine del sito hanno lo stesso titolo.
È una barriera che riguarda tutte le tipologe di utenti specialmente quelli che usano browser vocali e testuali in quanto non comprendono bene in che pagina si trovino. La barriera presenta una gravità seria.

barriera - Pagine senza titoli

barriera - pagine senza titoli

Barriera: Immagini come titoli
Causa: Esistono titoli in forma di immagine senza un testo alternativo che descriva l'immagine.
La barriera riguarda utenti non vedenti che usano browser vocali e che di conseguenza non ne comprendono il significato. La barriera presenta una gravità seria.
Codice: <img src="../../../../skylights/images/SB/express/ex_top_it.jpg" width=211 height=54>

barriera - immagine come titolo

Risultati in dettaglio per utenti non vedenti

  1. Barriera: Immagini ricche senza testo alternativo
    Causa: il testo alternativo è presente ma insufficiente per descrivere l'immagine.
    Gravità: seria

    barriera - immagini ricche senza testo

    barriera - immagini ricche senza testo alternativo

  2. Barriera: Immagini funzionali prive di testo
    Causa: Immagini con informazioni importanti non hanno un testo alternativo.
    Gravità: seria

    barriera - immagini funzionali prive di testo

  3. Barriera: Link generici
    Causa: La pagina contiene dei link con etichette poco informative
    Gravità: minore

    barriera - Link generici

  4. Barriera: Nuove finestre
    Causa: come sopra
    Gravità: seria

  5. Barriera: Form senza tag LABEL
    Causa: la pagina contiene delle form i cui controlli sono privi del corretto markup LABEL/@FOR.
    Gravità:minore
    Codice:
    <form name="calForm"><input type='hidden' name="mNow" value="03">
    <input type='hidden' name="yNow" value="2007">
    <input type='hidden' name="dNow" value="14">
    <input type='hidden' name="month_selected" value="">
    <input type='hidden' name="dMax" value="27">
    <input type='hidden' name="mMaxToDisplay" value="9">
    <input type='hidden' name="sector" value="">
    </form>

  6. Barriera: Tabelle dati
    Cause: La pagina contiene delle tabelle dati non codificate appropriatamente con TH.
    Gravità: minore
    Codice:
    <td class="textwhite"><strong>Orari</strong></td>
                    <td class="textwhite"><strong>Dal</strong></td>
                    <td class="textwhite"><strong>Al</strong></td>
                    <td class="textwhite"><strong>Giorni</strong></td>
                    <td class="textwhite"><strong>N°</strong></td>

  7. Barriera: Pagine senza titoli
    Causa: come sopra
    Gravità: seria

  8. Barriera: Marcatura della lingua
    Causa: La pagina manca di attributo LANG sia nel tag iniziale HTML, sia ogniqualvolta ci siano parole di una lingua diversa da quella della pagina.
    Gravità: minore

  9. Barriera: Suddivisione in sezioni
    Causa: La pagina non contiene tag tipo H1-H2...-H6 per suddividere in sezioni il suo contenuto.
    Gravità: minore

  10. Barriera: Immagini come titoli
    Causa:come sopra
    Gravità: minore

  11. Barriera: Mancanza di tasti rapidi
    Causa: La pagina contiene dei link o pulsanti o controlli di form che sono ricorrenti nelle pagine del sito e che non hanno alcun tasto rapido associato.
    Gravità: seria

  12. Barriera: Skip links
    Causa: La pagina non permette di saltare direttamente al contenuto, evitando il materiale preliminare e ripetuto nelle pagine (logo, briciole di pane, pulsantiera globale).
    Gravità: minore

Risultati in dettaglio per utenti ipovedenti

  1. Barriera: Immagini funzionali prive di testo
    Causa:come sopra
    Gravità: minore

  2. Barriera: Finestre sovrapposte
    Causa:La pagina contiene codice (HTML o JavaScript) che apre nuove finestre che si sovrappongono totalmente o quasi del tutto con la finestra usata sino a quel momento.
    Gravità: minore

  3. Barriera: Immagini come titoli
    Causa:come sopra
    Gravità: minore

  4. Barriera: Mancanza di tasti rapidi
    Causa:come sopra
    Gravità: minore

  5. Barriera: Layout non ridimensionabile
    Causa: La pagina ha una struttura di impaginazione non fluida, che non permette di modificare le dimensioni della finestra o quelle del testo senza compromettere la comprensibilità e fruibilità del contenuto.
    Gravità: critica

    barriere - lazout non dimensionabile

  6. Barriera: Skip links
    Causa:come sopra
    Gravità: minore

Risultati in dettaglio per utenti daltonici

  1. Barriera: Contrasto visivo insufficiente
    Causa: La pagina contiene materiale in primo piano su qualche tipo di sfondo e i colori usati per dipingere gli uni e l'altro sono troppo poco contrastati.
    Gravità: minore

    barriera - contrasto non sufficiente

Risultati in dettaglio per utenti disabili motori

  1. Barriera: Nuove finestre
    Causa: come sopra.
    Gravità: seria

  2. Barriera: Form senza label
    Causa: come sopra.
    Gravità: seria

  3. Barriera: Mancanza di tasti rapidi
    Causa: come sopra.
    Gravità: minore

Risultati in dettaglio per utenti disabili cognitivi

  1. Barriera: Link generici
    Causa: come sopra
    Gravità: seria

  2. Barriera: Mancanza di link interni
    Causa: La pagina, relativamente complessa e ricca di contenuto che spesso non viene tutto visualizzato insieme, manca di link interni alla pagina che permettano all'utente di saltare di sezione in sezione, o di ritornare in testa alla pagina.
    Gravità: minore

    barriera - mancanza di link interni

  3. Barriera: Nuove finestre
    Causa: come sopra.
    Gravità: seria

  4. Barriera: Suddivisione in sezioni
    Causa: La pagina non contiene tag tipo H1-H2...-H6 per suddividere in sezioni il suo contenuto.
    Gravità: seria

Risultati in dettaglio per utenti di browser senza javascript

  1. Barriera: Validazione dei campi
    Causa: La pagina contiene una form i cui campi vengono validati esclusivamente mediante JavaScript.
    Gravità: critica

  2. Barriera: Nuove finestre
    Causa: come sopra
    Gravità: critica

Conclusioni

Il sito esaminato presenta varie barriere per tutte le categorie di utenti che hanno una certa forma di disabilità o che usano tecnlogie disabilitanti. Specialmente l'impossibilita per utenti di browser con javascript disabilitato di prenotare un volo e il fatto che utenti non vedenti o ipovedenti non riescano a trovare il numero di telefono perche è esposto in forma di immagine senza testo alternativo adeguato. Sono problemi gravi che nessun sito rivolto ad una clientela larga non dovrebbe presentare.