Valutazione dell'usabilità

289 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
289
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Valutazione dell'usabilità

  1. 1. Mariagiovanna Scarale Laurea Magistrale Informatica Umanistica 423062 VALUTAZIONE USABILITÁ • RYANAIR: http://www.ryanair.com/it • EDREAMS: http://www.edreams.it/?portal=GoogBrand0388&gclid=CJn6xvm7pK0CFclH3godpVV2kw
  2. 2. 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
  3. 3. 1- Visibilità dello stato del sistema RYANAIR 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 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
  4. 4. Titolo informativo La cosa più importante della pagina è in alto al centro.
  5. 5. 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/destinazi one 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/revision e della pagina? no no no no no
  6. 6. 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.
  7. 7. Chiarezza nel riempimento del form. Elemento della pagina che si trova in alto al centro, perché il più importante.
  8. 8. 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
  9. 9. 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
  10. 10. Le etichette sono appropriate ed utilizzano un linguaggio comprensibile.
  11. 11. 3- Pieno controllo dell’utente RYANAIR Home page Pagina con form Pagina 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
  12. 12. 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
  13. 13. 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.
  14. 14. 4- Coerenza RYANAIR 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
  15. 15. 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
  16. 16. 5- Prevenire errori RYANAIR Home page Pagina con form Pagina 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
  17. 17. 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
  18. 18. 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
  19. 19. 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
  20. 20. 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
  21. 21. 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
  22. 22. Ryanair: L’utente può approfondire. Cliccando sul link, le informazioni aggiuntive vengono visualizzate in una nuova scheda.
  23. 23. 8- Design estetico e minimalista RYANAIR 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? si si si si si Supportare diversi livelli di dettaglio, evitare testi troppo lunghi si si si si no
  24. 24. Le etichette sono raggruppate a seconda del loro scopo e il layout è organizzato di conseguenza.
  25. 25. La pagina inizia con le cose più importanti. L e immagini sono minimizzate, i dettagli sono posti in pagine secondarie.
  26. 26. 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
  27. 27. 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.
  28. 28. 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
  29. 29. 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
  30. 30. 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.
  31. 31. 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.
  32. 32. 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.

×