Valutazione dell'usabilità

Click here to load reader

  • date post

    17-May-2015
  • Category

    Documents

  • view

    119
  • download

    0

Embed Size (px)

Transcript of Valutazione dell'usabilità

  • 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. Le euristiche di Nielsen Visibilit dello stato del sistema Il linguaggio dellapplicazione riflette quello reale Pieno controllo dellutente 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. 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 lazione dellutente 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. Titolo informativo La cosa pi importante della pagina in alto al centro. 5. EDREAMS Home page Pagina con form Pagina indice Pagina con contenuti Pagina con tabella dati Che effetti ha avuto o sta avendo lazione dellutente 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. Ryanair: Il risultato di una compilazione di form chiaro. La chiarezza dovuta anche allautocompletamento e alla presenza di un men a tendina (facoltativo nelluso) che fornisce in modo rapido tutte le possibili destinazioni. Edreams: Il risultato di una compilazione di form chiaro. La chiarezza dovuta anche allautocompletamento e alla presenza di un men a tendina (facoltativo nelluso) che fornisce in modo rapido tutte le possibili destinazioni. 7. Chiarezza nel riempimento del form. Elemento della pagina che si trova in alto al centro, perch il pi importante. 8. 2- Il linguaggio dellapplicazione 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. 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. Le etichette sono appropriate ed utilizzano un linguaggio comprensibile. 11. 3- Pieno controllo dellutente 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 unanimazione 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. 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 unanimazione 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. 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 sullerrore e sul suo corretto superamento. 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 linserimento dati o lattivazione di una operazione omogenea? si si si si si Coerenza dimensione e termini dei bottoni, posizione barra navigazione si si si si si 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 linserimento dati o lattivazione di una operazione omogenea? si si si si si Coerenza dimensione e termini dei bottoni, posizione barra navigazione si si si si si 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. 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. 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 unaltra pagina si si si si si Rendere facilmente accessibili e visibili le informazioni necessarie per procedere nellinterazione si si si si si Vengono usati dei comandi generici applicati a tutti gli oggetti dellinterfaccia? - 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. 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 unaltra pagina si si si si si Rendere facilmente accessibili e visibili le informazioni necessarie per procedere nellinterazione si si si si si Vengono usati dei comandi generici applicati a tutti gli oggetti dellinterfaccia? 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. 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. 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. Ryanair: Lutente pu approfondire. Cliccando sul link, le informazioni aggiuntive vengono visualizzate in una nuova scheda. 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. Le etichette sono raggruppate a seconda del loro scopo e il layout organizzato di conseguenza. 25. La pagina inizia con le cose pi importanti. L e immagini sono minimizzate, i dettagli sono posti in pagine secondarie. 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. 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. 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 dellesistenza di una mappa del sito o di un help o di informazioni di aiuto. si si s si si Permettere allutente di riconsiderare le sue azioni - si si si si Fornire messaggi di errore che siano chiari ed indichino le possibili vie duscita. si si si si si Viene data una descrizione delle caratteristiche di accessibilit del sito? . no no no no no 29. EDREAMS Home page Pagina con form Pagina indice Pagina con contenuti Pagina con tabella dati Messaggi di errore significativi, verifica dellesistenza 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 allutente di riconsiderare le sue azioni - si si si si Fornire messaggi di errore che siano chiari ed indichino le possibili vie duscita. si si si si si Viene data una descrizione delle caratteristiche di accessibilit del sito? . no no no no no 30. Messaggi di errore significativi e presenza di un costante supporto Help che guida lutente in tutta la fase di prenotazione. Presenza di una mappa del sito e dei suoi servizi. 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. 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 sullaccessibilit 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 dellapplicazione 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.