Post on 17-May-2015
transcript
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