Mariagiovanna Scarale

Laurea Magistrale Informatica Umanistica

423062

VALUTAZIONE USABILITÁ

• RYANAIR:http://www.ryanair.com/it• EDREAMS:http://www.edreams.it/?portal=GoogBrand0388&gclid=CJn6xvm7pK0CFclH3godpVV2kw

Le euristiche di Nielsen• Visibilità dello stato del sistema• Il linguaggio dell’applicazione riflette quello reale• Pieno controllo dell’utente• Coerenza• Prevenire errori• Non richiedere eccessivi sforzi di memoria• Flessibilità ed efficienza • Design Estetico e Minimalista• Aiutare gli utenti nella gestione di situazioni

erronee

1- Visibilità dello stato del sistemaRYANAIR Home page Pagina con

formPagina indice

Pagina con contenuti

Pagina con tabella dati

Che effetti ha avuto o sta avendo l’azione dell’utente

Ricerca sito web per prenotazione voli

Selezione delle destinazioni e delle date

Selezione date e luoghi

Inserimento dati personali

Inserimento dati, conferma dati e pagamento online

Dove mi trovo? la pagina ha un titolo informativo?

La pagina ha un titolo informativo

La pagina ha un titolo informativo

La pagina ha un titolo informativo

La pagina ha un titolo informativo

La pagina ha un titolo informativo

La cosa più importante della pagina si trova in alto?

si Si si si si

Il risultato di una compilazione di form è chiaro?

si si si si si

E’ indicata la data di aggiornamento/revisione della pagina?

no no no no no

Titolo informativo

La cosa più importante della pagina è in alto al centro.

EDREAMS

Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

Che effetti ha avuto o sta avendo l’azione dell’utente

Ricerca di un sito web per prenotare voli online

Selezione data e luogo di partenza/destinazione

Selezione opzioni e luoghi di destinazione

Inserimento dati personali

Inserimento dati personali conferma dati volo e pagamento online

Dove mi trovo? la pagina ha un titolo informativo?

si no si si si

La cosa più importante della pagina si trova in alto?

si si si si si

Il risultato di una compilazione di form è chiaro?

si Abbastanza chiaro

si si Abbastanza chiaro

E’ indicata la data di aggiornamento/revisione della pagina?

no no no no no

Ryanair:Il risultato di una compilazione di form è chiaro. La chiarezza è dovuta anche all’autocompletamento e alla presenza di un menù a tendina (facoltativo nell’uso) che fornisce in modo rapido tutte le possibili destinazioni.

Edreams:Il risultato di una compilazione di form è chiaro. La chiarezza è dovuta anche all’autocompletamento e alla presenza di un menù a tendina (facoltativo nell’uso) che fornisce in modo rapido tutte le possibili destinazioni.

Chiarezza nel riempimento del form. Elemento della pagina che si trova in alto al centro, perché il più importante.

2- Il linguaggio dell’applicazione riflette quello reale

RYANAIR Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

I link, pulsanti, controlli delle form hanno etichette appropriate?

si si si si si

Le categorie e i raggruppamenti (di informazioni, di link, di pulsanti, di controlli) hanno etichette appropriate?

si si si si si

Il linguaggio è adatto all'audience?

si In alcuni casi potrebbe essere inadatto

si si si

Vengono usate icone appropriate?

si si si si si

EDREAMS

Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

I link, pulsanti, controlli delle form hanno etichette appropriate?

si si si si si

Le categorie e i raggruppamenti (di informazioni, di link, di pulsanti, di controlli) hanno etichette appropriate?

si si si si si

Il linguaggio è adatto all'audience?

si si si si abbastanza

Vengono usate icone appropriate?

si si si si si

Le etichette sono appropriate ed utilizzano un linguaggio comprensibile.

3- Pieno controllo dell’utenteRYANAIR Home page Pagina con

formPagina indice

Pagina con contenuti

Pagina con tabella dati

Possibilità di interrompere operazioni lunghe

no no no no no

Se c’è un’animazione in Flash la si può facilmente saltare?

si si si si si

La pagina ha le briciole di pane o meccanismi simili?

Briciole di pane

Briciole di pane

Briciole di pane Briciole di pane Briciole di pane

I messaggi di errore suggeriscono come continuare?

si si si si si

EDREAMS

Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

Possibilità di interrompere operazioni lunghe

no si si si si

Se c’è un’animazione in Flash la si può facilmente saltare?

si si si si si

La pagina ha le briciole di pane o meccanismi simili?

Briciole di pane

Briciole di pane Briciole di pane Briciole di pane Briciole di pane

I messaggi di errore suggeriscono come continuare?

si si si si si

Le pagine presentano il meccanismo «briciole di pane» che aiuta a prevedere le mosse future e indica lo storico dei passaggi che si sono già compiuti

Ryanair:I messaggi di errore e quelli che informano dello scorretto compilamento di un form, forniscono informazioni dettagliate sull’errore e sul suo corretto superamento.

4- CoerenzaRYANAIR Home page Pagina con

formPagina indice

Pagina con contenuti

Pagina con tabella dati

Prevedibilità si si si si si

I comandi, i pulsanti, i link che hanno la stessa funzione appaiono nella stessa collocazione e nello stesso ordine in tutte le schermate o finestre di dialogo?

si si si si si

Gli standard più consolidati sono rispettati?

si si si si si

La sintassi utilizzata per l’inserimento dati o l’attivazione di una operazione è omogenea?

si si si si si

Coerenza dimensione e termini dei bottoni, posizione barra navigazione

si si si si si

EDREAMS Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

Prevedibilità si si si si si

I comandi, i pulsanti, i link che hanno la stessa funzione appaiono nella stessa collocazione e nello stesso ordine in tutte le schermate o finestre di dialogo?

si si si si si

Gli standard più consolidati sono rispettati?

si si si si si

La sintassi utilizzata per l’inserimento dati o l’attivazione di una operazione è omogenea?

si si si si si

Coerenza dimensione e termini dei bottoni, posizione barra navigazione

si si si si si

5- Prevenire erroriRYANAIR Home page Pagina con

formPagina indice

Pagina con contenuti

Pagina con tabella dati

Sono usate etichette significative per ogni text field, radio button e checkbox di una Form?

si si si In alcuni casi no

In alcuni casi no

Verifica correttezza dati immessi prima della sottomissione

si si si si si

Le etichette dei link e pulsanti sono non-ambigui? si si si si si

Nell'uso delle form gli errori vengono prevenuti (mediante menu, liste di scelte, ...)

si si si si no

Vengono forniti messaggi chiari sugli effetti di azioni irreversibili?

- si si si Si

Informazioni sull'attraversamento di un link vengono forniti in anticipo (dimensione, formati particolari, tipo di informazione - suono, animazione, video, PDF, ...)?

no no no no no

EDREAMS Home page Pagina con form

Pagina indice

Pgina con contenuti

Pagina con tabella dati

Sono usate etichette significative per ogni text field, radio button e checkbox di una Form?

si si si si si

Verifica correttezza dati immessi prima della sottomissione

si si si si si

Le etichette dei link e pulsanti sono non-ambigui? si si si si Si

Nell'uso delle form gli errori vengono prevenuti (mediante menu, liste di scelte, ...)

si si si si No

Fornire messaggi chiari sugli effetti di azioni irreversibili - no no si Si

Informazioni sull'attraversamento di un link vengono forniti in anticipo (dimensione, formati particolari, tipo di informazione - suono, animazione, video, PDF, ...)?

no no no no no

6- Non richiedere eccessivi sforzi di memoria

RYANAIR Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

Per capire cosa fare in una pagina non si deve andare ad un’altra pagina

si si si si si

Rendere facilmente accessibili e visibili le informazioni necessarie per procedere nell’interazione

si si si si si

Vengono usati dei comandi generici applicati a tutti gli oggetti dell’interfaccia?

- si si si si

Le figure hanno delle descrizioni che sono significative?

si si si si si

I link sono troppi? sono presentati in maniera pesante?

no no no no no

EDREAMS Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

Per capire cosa fare in una pagina non si deve andare ad un’altra pagina

si si si si si

Rendere facilmente accessibili e visibili le informazioni necessarie per procedere nell’interazione

si si si si si

Vengono usati dei comandi generici applicati a tutti gli oggetti dell’interfaccia?

no si si si si

Le figure hanno delle descrizioni che sono significative?

si si si A volte no Si

I link sono troppi? sono presentati in maniera pesante?

no no no si no

7- Flessibilità ed efficienza

RYANAIR Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

Controlli relativi ai colori e ai contrasti e alla possibilità di ingrandire il carattere

no no no no no

Gli utenti possono approfondire se lo desiderano

- - - - -

Consentire agli utenti più esperti di fare le azioni più frequenti nel modo più veloce

si si si si si

Rendere il sistema sufficientemente flessibile da adattarsi ai diversi livelli di capacità degli utenti.

si si si si si

Disponibilità acceleratori si si si si si

EDREAMS Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

Controlli relativi ai colori e ai contrasti e alla possibilità di ingrandire il carattere

no no no no no

Gli utenti possono approfondire se lo desiderano

- - - - -

Consentire agli utenti più esperti di fare le azioni più frequenti nel modo più veloce

si no no no no

Rendere il sistema sufficientemente flessibile da adattarsi ai diversi livelli di capacità degli utenti.

no si si si si

Disponibilità acceleratori no no no no no

Ryanair:L’utente può approfondire. Cliccando sul link, le informazioni aggiuntive vengono visualizzate in una nuova scheda.

8- Design estetico e minimalistaRYANAIR Home page Pagina con

formPagina indice

Pagina con contenuti

Pagina con tabella dati

I pulsanti e i link sono raggruppati in base alla loro funzione?

si si si si si

Le cose meno importanti (paragrafi, link, pulsanti) sono minimizzate?

si si si si si

I dettagli sono posti in una pagina secondaria?

si si si si si

La pagina inizia con le cose più importanti? si si si si si

Lunghe liste vengono divise in blocchi?

si si si si si

Le immagini inutili sono assenti? si si si si si

Le animazioni e lampeggiamenti inutili sono evitati?

si si si si si

Supportare diversi livelli di dettaglio, evitare testi troppo lunghi

si si si si no

Le etichette sono raggruppate a seconda del loro scopo e il layout è organizzato di conseguenza.

La pagina inizia con le cose più importanti. L e immagini sono minimizzate, i dettagli sono posti in pagine secondarie.

EDREAMS Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

I pulsanti e i link sono raggruppati in base alla loro funzione?

si si si si si

Le cose meno importanti (paragrafi, link, pulsanti) sono minimizzate?

si si si si si

I dettagli sono posti in una pagina secondaria?

si si si si si

La pagina inizia con le cose più importanti? si si si si si

Lunghe liste vengono divise in blocchi?

si si si si si

Le immagini inutili sono assenti? si si si si si

Le animazioni e lampeggiamenti inutili sono evitati?

no si si no si

Supportare diversi livelli di dettaglio, evitare testi troppo lunghi

si si si si si

La è minimalista. Presenta solo le cose importanti (poste in alto al centro). Sono evitate pubblicità e animazioni inutili. I dettagli sono rimandati a pagine secondarie.

9- Aiutare gli utenti nella gestione di situazioni erronee

RYANAIR Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

Messaggi di errore significativi, verifica dell’esistenza di una mappa del sito o di un help o di informazioni di aiuto.

si si s si si

Permettere all’utente di riconsiderare le sue azioni

- si si si si

Fornire messaggi di errore che siano chiari ed indichino le possibili vie d’uscita.

si si si si si

Viene data una descrizione delle caratteristiche di accessibilità del sito?.

no no no no no

EDREAMS Home page Pagina con form

Pagina indice

Pagina con contenuti

Pagina con tabella dati

Messaggi di errore significativi, verifica dell’esistenza di una mappa del sito o di un help o di informazioni di aiuto.

Non presente una mappa del sito

si si si si

Permettere all’utente di riconsiderare le sue azioni

- si si si si

Fornire messaggi di errore che siano chiari ed indichino le possibili vie d’uscita.

si si si si si

Viene data una descrizione delle caratteristiche di accessibilità del sito?.

no no no no no

Messaggi di errore significativi e presenza di un costante supporto «Help» che guida l’utente in tutta la fase di prenotazione.

Presenza di una mappa del sito e dei suoi servizi.

Rapporto di UsabilitàN° Problema Locazione Problema Principio Violato Possibile Soluzione

4 Nella pagina delle prenotazioni (data)

Per accedere ad informazioni su altre date, se si è già selezionata una data, occorre uscire dalla pagina.

Non richiedere eccessivi sforzi di memoria

Fornire maggiori informazioni

1 Tutto il sito Assenza scorciatoie tastiera

Flessibilità ed efficienza

Fornire scorciatoie

3 Nel form di completamento dati personali

Presenza di pubblicità e animazioni eccessivamente grandi con pusanti di chiusura nascosti e difficilmente percepibili (ingannevoli)

Design estetico e minimalista

Inserire pubblicità e animazioni più piccole e inserire pulsanti «skip» o di chiusura più evidenti.

RYA

NA

IR

N° Problema Locazione Problema Principio Violato

Possibile Soluzione

4 Nella Homepage e nelle altre pagine.

Nessuna descrizione delle caratteristiche di accessibilità al sito.

Prevenire errori Inserire maggiori informazioni sull’accessibilità

1 Form prenotazione biglietto

Assenza di menù a tendina e riempimento automatico lento.

Fluidità ed efficienza

Inserire menù a tendina di scelta rapida più intuitivi

3 Form riempimento prenotazione

Presenza di alcune etichette non adeguate

Linguaggio dell’applicazione che rifletto quello reale

Usare un linguaggio più comprensibile (per gli utenti medi)

2 In tutto il sito Assenza di una mappa del sito

Assistenza nella gestione di situazioni erronee

Fornire una mappa del sito.

EDR

EAM

S