mercoledì 5 dicembre 2007
1. Visibilità dello stato del sistema
• Dove siamo?
• Dove possiamo andare?
• Link /Bottoni importanti sono visibili senza dover fare lo scrolling?
• Cosa stiamo vedendo?
• La pagina ha un obiettivo chiaro?
• Gli elementi più importanti sono nella parte superiore della pagina?
• La pagina ha una struttura chiara?
• Gli autori sono esplicitamente indicati?
• I nuovi contenuti sono evidenziati nella home page?
• Il testo viene percepito?
• I link /pulsanti/campi di riempimento sono percepibili?
Entrando nell'home page si nota che essa contiene solo informazioni essenziali; quando si preme un pulsante per una qualsiasi operazione, non viene esposto nessun messaggio che informi sull'esecuzione dell'operazione in corso, lasciando l'utente in dubbio sull'effettiva esecuzione del task. Inoltre si ha difficoltà nel capire che è possibile utilizzare il proprio account Google per la creazione del proprio blog. L'assenza di banner pubblicitari, finestre di pop-up contenenti pubblicità consente all'utente di focalizzare la propria attenzione sulle funzioni del sito.
Il sito risulta abbastanza lineare anche se presenta delle discordanze tra tasti di navigazione del blog e quelli del browser. Il sistema risulta essere lento nello svolgimento di alcune azioni richieste, unito al fatto che non ci sono messaggi di stato, potrebbe portare, un utente inesperto a valutare tale situazione come l'inavvenuta esecuzione dell'operazione richiesta. Alcune informazioni secondarie sono scritte con una grandezza del font troppo piccola, inoltre le icone presenti per rappresentare le opzioni "inserisci immagine" e "inserisci video" per le loro dimensioni ridotte possono trarre in inganno. Sono presenti solo nell'home page informazioni relative al copyright.
Nella homepage è possibile vedere i post inviati fino a quel momento anche se non vengono messi in risalto i nuovi post e soprattutto le modifiche a post precedenti; infatti a fronte di una modifica di un post creato nei mesi precedenti non viene esposto nessun avviso, ne vengono ad esempio inviate email, quindi l'unico modo per venire a conoscenza di modifiche a post è di rileggerli anche se ciò non necessariamente porta alla individuazione delle modifiche(ad esempio possono essere passate settimane dall'ultima lettura del post).
Il tasto modifica post e commenti sono posti alla fine del post stesso quindi potrebbe essere necessario uno scrolling per raggiungerlo, la posizione però risulta adeguata in quanto solo dopo aver letto il post si possono inserire commenti, mentre per la modifica si poteva escogitare un metodo per renderla possibile anche senza scorrere tutto il post.
2. Rapporto tra il sistema e mondo reale
• Per i link /controlli sono state utilizzate etichette appropriate?
• Il linguaggio è adeguato all'audience del sito?
• È presente un'informazione temporale?
• Gli autori del sito sono visibili? Li posso contattare?
• C'è un uso appropriato delle icone?
Il linguaggio usato risulta chiaro e descrittivo rispetto alle operazioni, rispecchiando in pieno il linguaggio naturale, rendendo semplice la comprensione anche ad utenti inesperti. C'è un buon utilizzo delle icone che descrivono pienamente la loro utilità, ad esempio una matita viene usata per la modifica di un post, l'ingranaggio per rappresentare la gestione del blog, il cacciavite e chiave per le opzioni. Sono presenti riferimenti temporali sulle operazioni effettuate su un post dando così la possibilità di ordinarli cronologicamente, alla fine del post c'è un link in cui si indica Post pubblicato da tizio a "2:21" che vuole essere un riferimento temporale ma risulta essere molto poco chiaro infatti se ci si posiziona con il cursore del mouse sopra tale link si visualizza la seguente informazione "2007-11-12T02:03:00-08:00" la data è in formato americano anche se non specificato da nessuna parte vi è poi la "T" il cui scopo è forse quello di indicare il time vi è poi l'orario e poi un 08:00 il cui significato risulta oscuro. Gli orari di riferimento sono tutti in base all'ora in america non c'è modo di modificare il fuso orario in cui ci si trova.
Non è possibile contattare direttamente il creatore del blog(ad esempio tramite mail) se non attraverso commenti ai singoli post, è presente però un riferimento a chi ha creato il post.
3. Controllo utente e libertà di azione
• L'introduzione in Flash è stata evitata? oppure c'è la possibilità di saltarla?
• La pagina ha un pulsante "Indietro"?
• La pagina ha un pulsante "Home"?
• Ci sono pulsanti per il passaggio da un frame all'altro?
• I "breadcrumbs" sono chiaramente indicati?
• Se il download della pagina risulta lento, ci sono porzioni visibili subito?
• I messaggi di errore suggeriscono cosa fare per continuare?
• Sono indicate le eventuali restrizioni dovute a diverse versioni del browser?
• L'utente può navigare con il solo utilizzo della tastiera?
• I caratteri, colori, lampeggiamenti, animazioni e suoni sono usati in modo appropriato?
• L'utente può ridimensionare la finestra?
• L'utente può modificare la dimensione dei caratteri?
• L'utente può ridimensionare i frame?
Il sito non presenta alcun filmato introduttivo. Una volta digitato l'indirizzo del sito l'utente si trova di fronte alla home page. Il titolo è informativo in quanto diverse pagine ne integrano uno appropriato. Una volta registrati l'accesso è automatico, e comunque semplice anche per le volte successive. Vi è presente un pulsante/immagine "B" che non è facilmente identificabile. Sarebbe preferibile per un utente poco esperto che tale pulsante fosse dotato di una scritta identificativa, per esempio "torna alla tua pagina personale". Stesso problema per il link "Bacheca" che reindirizza alla pagina personale. Tramite il menù bar posto nella parte superiore della pagina si può accedere alle sezioni principali del sito.
$--------(Questa la metterei nel punto 1)Tutti i link più importanti sono raggruppati nel menù bar nella zona superiore. L'unica eccezione riguarda il pulsante per la modifica di un post che, se quest'ultimo risulta troppo lungo, si è obbligati a fare lo scrolling dell'intera pagina.--------$
Non è presente il tasto/link per tornare indietro, anche se è possibile usare il tasto back del browser efficacemente. Non è presente alcuna informazione su restrizioni dovute a diverse versioni del browser; tuttavia il sito sembra funzionare in modo identico su ogni piattaforma e browser. Non è possibile navigare nel sito usando solo la tastiera. Nel sito non sono presenti suoni che potrebbero essere di aiuto a utenti disabili. Alcune informazioni cruciali come gli errori vengono rappresentate da scritte in colore rosso, tale rappresentazione risulta appropriata in paesi occidentali dove il rosso rappresenta un situazione di pericolo; mentre tale rappresentazione potrebbe essere forviante nell culture orientali dove il rosso ha un significato diverso. Tuttavia i colori risultano gradevoli. La grandezza dei frames risulta statica e risulta possibile il ridimensionamento della pagina; la grandezza del font può essere impostata in fase di scrittura del post vengono messe a disposizione 5 grandezze differenti, se un utente vuole modificare la dimensione dei font, in tutta la pagina, può farlo attraverso gli strumenti messi a disposizione dal browser in utilizzo (ad esempio con firefox premendo ctrl+ per aumentare ctrl- per diminuire) tuttavia non è possibile farlo direttamente da pagina web.
6. Riconoscimento piuttosto che richiamo
• I link sono ridondanti/esagerati (per il numero e il layout)?
• Il contenuto della pagina è riconoscibile dal nome del link?
• È chiaro perché la pagina è importante?
• Le figure hanno etichette comprensibili?
• Le immagini cliccabili sono riconosciute come tali?
• Si riesce a distinguere tra pagine interne e pagine esterne al sito?
Il link presenti non sono ridondanti ed il numero ridotto di essi porta a non perdere di vista l'obiettivo che l'utente si prepone. Il nome dei link rispecchia il contenuto della pagina, se non fosse (come già accennato precedentemente) del link per l'home page personale, di cui il nome non è molto indicativo ("Bacheca" o la "B"). Inoltre nella visualizzazione del blog da parte del utente che lo ha creato sotto ogni post sono posti molto vicini i link commenti e modifica(una matita) per la loro vicinanza si potrebbe pensare che la matita sia necessaria per scrivere un commento invece che modificare il post. Le immagini cliccabili sono riconosciute come tali, solo per l'inserimento di un video embedded non si capisce come fare. Nella maschera di inserimento viene indicato di mettere il percorso locale del file video, ma non viene spiegato come inserirne di remoti.
7. Flessibilità ed efficienza d’uso
• Le pagine possono essere inserite tra i "Preferiti" (Bookmarks) senza ambiguità?
• Il sito è provvisto di strumenti di ricerca?
• Gli utenti possono utilizzare scorciatoie da tastiera?
Le pagine possono essere inserite tra i "Preferiti" (Bookmarks) senza ambiguità. Il sito e' provvisto di servizio di ricerca, sia per quanto riguarda l'help sia per il blog. Gli utenti possono utilizzare scorciatoie da tastiera, per esempio nell'editor si possono utilizzare le classiche scorciatoie ctrl+c per copiare, ctrl+v per incollare, e così via, è presente poi una sezione in cui vengono specificati tutti gli shortcuts utilizzabili nella fase di editing, tali shortcuts potrebbero pero corrispondere anche a quelli utilizzati dal browser si ottiene cosi lo svolgimento di due differenti azioni, si può provare ad usare ctrl+d si vede che oltre alla bozza(shortcuts di blogger) viene aperta una finestra per l'aggiunta della pagina ai preferiti.
8. Estetica e design minimale
• Le cose meno importanti sono minimizzate?
• I termini specifici del web sono evitati?
• La pagina è succinta?
• I dettagli sono posizionati nelle pagine secondarie?
• Le lunghe liste sono classificate in chunks?
• Ogni paragrafo contiene un'unica idea?
• Le immagini superflue sono state eliminate?
• Le animazioni e i lampeggiamenti sono stati evitati? E le animazioni in Flash?
La grafica del sito è essenzialista sono assenti immagini che non siano di rilievo, ad esempio è indicato con immagini l'inserimento di video, immagini ecc., alcune informazioni come le scorciatoie sono scritte in piccolo, mentre per le informazioni di rilievo sono usate grandezze di font adeguate. Alcuni dettagli sono visualizzati su pagine secondarie, per esempio premendo il link "di piu" per avere informazioni sulle scorciatoie viene aperta una nuova pagina, ciò però migliora l'usabilità del sito, difatti tale link è presente solo nella pagina di stesura di un post, potrebbe essere sgradevole perdere cio che si stava scrivendo per avere informazioni su come usare gli shortcuts.
C'è una buona organizzazione gerarchica delle varie opzioni ciò consente di avere nelle varie sezioni informazioni tra loro correlate e semplici da accedere grazie anche al buon utilizzo delle etichette dei link.
Non sono presenti scritte lampeggianti e/o animazioni flash, le pagine sono succinte eccetto la homepage che contiene tutti i post fino a quel momento inviati rendendo
9. Aiuti all'utente per riconoscere, diagnosticare e recuperare gli errori
• Ci sono suggerimenti costruttivi forniti per errori di navigazione?
• Ci sono spiegazioni naturali che fanno capire cosa è successo e perché?
Nella modalità "modifica html" c'è un controllo sintattico del codice automatico, che agisce quando si vuole pubblicare un post. Molto utile per diagnosticare errori, indica anche il tipo di errore, segnalando inoltre la possibilità di disattivare il servizio. Nella modalità "scrivi" è presente un controllo sintattico del testo, che è molto utile per correggere errori grammaticali, anche se per testi molto lunghi l'interfaccia non risponde in tempi brevi unito al fatto che non si avvisa l'utente di ciò che accade. Le indicazioni per la compilazione dei form suggeriscono all'utente la forma e il tipo di dati che si devono inserire, quindi aiuta ad evitare errori di inserimento. Comunque in caso di errore viene segnalato come ovviare al problema.
2. Il test
La nostra analisi è stata suddivisa in tre parti:
Nella prima si sono raccolte informazioni generali sull’utente utilizzando il questionario d'ingesso.
Successivamente il gruppo campione, formato da 5 persone (3 valutatori e 2 volontari esterni) ha analizzato singolarmente e indipendentemente il sito, svolgendo le operazioni assegnate.
La scelta di un gruppo formato da cinque persone non è stata casuale infatti, in base a delle statistiche, si è potuto notare che cinque componenti sono sufficenti ad individuare ben il 75% dei problemi di usabilità; effettuare un test con meno persone potrebbe portare alla luce molti meno problemi, si è visto che, già con 10-12 persone il test risulta molto affidabile e i problemi individuati si aggirano intorno 90%.
Terminato lo svolgimento di quest'ultime, è stato sottoposto un questionario d'uscita ad ognuno degli utenti, i quali hanno risposto segnalando eventuali difficoltà riscontrate ed aggiungendo considerazioni personali.
• Dove siamo?
• Dove possiamo andare?
• Link /Bottoni importanti sono visibili senza dover fare lo scrolling?
• Cosa stiamo vedendo?
• La pagina ha un obiettivo chiaro?
• Gli elementi più importanti sono nella parte superiore della pagina?
• La pagina ha una struttura chiara?
• Gli autori sono esplicitamente indicati?
• I nuovi contenuti sono evidenziati nella home page?
• Il testo viene percepito?
• I link /pulsanti/campi di riempimento sono percepibili?
Entrando nell'home page si nota che essa contiene solo informazioni essenziali; quando si preme un pulsante per una qualsiasi operazione, non viene esposto nessun messaggio che informi sull'esecuzione dell'operazione in corso, lasciando l'utente in dubbio sull'effettiva esecuzione del task. Inoltre si ha difficoltà nel capire che è possibile utilizzare il proprio account Google per la creazione del proprio blog. L'assenza di banner pubblicitari, finestre di pop-up contenenti pubblicità consente all'utente di focalizzare la propria attenzione sulle funzioni del sito.
Il sito risulta abbastanza lineare anche se presenta delle discordanze tra tasti di navigazione del blog e quelli del browser. Il sistema risulta essere lento nello svolgimento di alcune azioni richieste, unito al fatto che non ci sono messaggi di stato, potrebbe portare, un utente inesperto a valutare tale situazione come l'inavvenuta esecuzione dell'operazione richiesta. Alcune informazioni secondarie sono scritte con una grandezza del font troppo piccola, inoltre le icone presenti per rappresentare le opzioni "inserisci immagine" e "inserisci video" per le loro dimensioni ridotte possono trarre in inganno. Sono presenti solo nell'home page informazioni relative al copyright.
Nella homepage è possibile vedere i post inviati fino a quel momento anche se non vengono messi in risalto i nuovi post e soprattutto le modifiche a post precedenti; infatti a fronte di una modifica di un post creato nei mesi precedenti non viene esposto nessun avviso, ne vengono ad esempio inviate email, quindi l'unico modo per venire a conoscenza di modifiche a post è di rileggerli anche se ciò non necessariamente porta alla individuazione delle modifiche(ad esempio possono essere passate settimane dall'ultima lettura del post).
Il tasto modifica post e commenti sono posti alla fine del post stesso quindi potrebbe essere necessario uno scrolling per raggiungerlo, la posizione però risulta adeguata in quanto solo dopo aver letto il post si possono inserire commenti, mentre per la modifica si poteva escogitare un metodo per renderla possibile anche senza scorrere tutto il post.
2. Rapporto tra il sistema e mondo reale
• Per i link /controlli sono state utilizzate etichette appropriate?
• Il linguaggio è adeguato all'audience del sito?
• È presente un'informazione temporale?
• Gli autori del sito sono visibili? Li posso contattare?
• C'è un uso appropriato delle icone?
Il linguaggio usato risulta chiaro e descrittivo rispetto alle operazioni, rispecchiando in pieno il linguaggio naturale, rendendo semplice la comprensione anche ad utenti inesperti. C'è un buon utilizzo delle icone che descrivono pienamente la loro utilità, ad esempio una matita viene usata per la modifica di un post, l'ingranaggio per rappresentare la gestione del blog, il cacciavite e chiave per le opzioni. Sono presenti riferimenti temporali sulle operazioni effettuate su un post dando così la possibilità di ordinarli cronologicamente, alla fine del post c'è un link in cui si indica Post pubblicato da tizio a "2:21" che vuole essere un riferimento temporale ma risulta essere molto poco chiaro infatti se ci si posiziona con il cursore del mouse sopra tale link si visualizza la seguente informazione "2007-11-12T02:03:00-08:00" la data è in formato americano anche se non specificato da nessuna parte vi è poi la "T" il cui scopo è forse quello di indicare il time vi è poi l'orario e poi un 08:00 il cui significato risulta oscuro. Gli orari di riferimento sono tutti in base all'ora in america non c'è modo di modificare il fuso orario in cui ci si trova.
Non è possibile contattare direttamente il creatore del blog(ad esempio tramite mail) se non attraverso commenti ai singoli post, è presente però un riferimento a chi ha creato il post.
3. Controllo utente e libertà di azione
• L'introduzione in Flash è stata evitata? oppure c'è la possibilità di saltarla?
• La pagina ha un pulsante "Indietro"?
• La pagina ha un pulsante "Home"?
• Ci sono pulsanti per il passaggio da un frame all'altro?
• I "breadcrumbs" sono chiaramente indicati?
• Se il download della pagina risulta lento, ci sono porzioni visibili subito?
• I messaggi di errore suggeriscono cosa fare per continuare?
• Sono indicate le eventuali restrizioni dovute a diverse versioni del browser?
• L'utente può navigare con il solo utilizzo della tastiera?
• I caratteri, colori, lampeggiamenti, animazioni e suoni sono usati in modo appropriato?
• L'utente può ridimensionare la finestra?
• L'utente può modificare la dimensione dei caratteri?
• L'utente può ridimensionare i frame?
Il sito non presenta alcun filmato introduttivo. Una volta digitato l'indirizzo del sito l'utente si trova di fronte alla home page. Il titolo è informativo in quanto diverse pagine ne integrano uno appropriato. Una volta registrati l'accesso è automatico, e comunque semplice anche per le volte successive. Vi è presente un pulsante/immagine "B" che non è facilmente identificabile. Sarebbe preferibile per un utente poco esperto che tale pulsante fosse dotato di una scritta identificativa, per esempio "torna alla tua pagina personale". Stesso problema per il link "Bacheca" che reindirizza alla pagina personale. Tramite il menù bar posto nella parte superiore della pagina si può accedere alle sezioni principali del sito.
$--------(Questa la metterei nel punto 1)Tutti i link più importanti sono raggruppati nel menù bar nella zona superiore. L'unica eccezione riguarda il pulsante per la modifica di un post che, se quest'ultimo risulta troppo lungo, si è obbligati a fare lo scrolling dell'intera pagina.--------$
Non è presente il tasto/link per tornare indietro, anche se è possibile usare il tasto back del browser efficacemente. Non è presente alcuna informazione su restrizioni dovute a diverse versioni del browser; tuttavia il sito sembra funzionare in modo identico su ogni piattaforma e browser. Non è possibile navigare nel sito usando solo la tastiera. Nel sito non sono presenti suoni che potrebbero essere di aiuto a utenti disabili. Alcune informazioni cruciali come gli errori vengono rappresentate da scritte in colore rosso, tale rappresentazione risulta appropriata in paesi occidentali dove il rosso rappresenta un situazione di pericolo; mentre tale rappresentazione potrebbe essere forviante nell culture orientali dove il rosso ha un significato diverso. Tuttavia i colori risultano gradevoli. La grandezza dei frames risulta statica e risulta possibile il ridimensionamento della pagina; la grandezza del font può essere impostata in fase di scrittura del post vengono messe a disposizione 5 grandezze differenti, se un utente vuole modificare la dimensione dei font, in tutta la pagina, può farlo attraverso gli strumenti messi a disposizione dal browser in utilizzo (ad esempio con firefox premendo ctrl+ per aumentare ctrl- per diminuire) tuttavia non è possibile farlo direttamente da pagina web.
6. Riconoscimento piuttosto che richiamo
• I link sono ridondanti/esagerati (per il numero e il layout)?
• Il contenuto della pagina è riconoscibile dal nome del link?
• È chiaro perché la pagina è importante?
• Le figure hanno etichette comprensibili?
• Le immagini cliccabili sono riconosciute come tali?
• Si riesce a distinguere tra pagine interne e pagine esterne al sito?
Il link presenti non sono ridondanti ed il numero ridotto di essi porta a non perdere di vista l'obiettivo che l'utente si prepone. Il nome dei link rispecchia il contenuto della pagina, se non fosse (come già accennato precedentemente) del link per l'home page personale, di cui il nome non è molto indicativo ("Bacheca" o la "B"). Inoltre nella visualizzazione del blog da parte del utente che lo ha creato sotto ogni post sono posti molto vicini i link commenti e modifica(una matita) per la loro vicinanza si potrebbe pensare che la matita sia necessaria per scrivere un commento invece che modificare il post. Le immagini cliccabili sono riconosciute come tali, solo per l'inserimento di un video embedded non si capisce come fare. Nella maschera di inserimento viene indicato di mettere il percorso locale del file video, ma non viene spiegato come inserirne di remoti.
7. Flessibilità ed efficienza d’uso
• Le pagine possono essere inserite tra i "Preferiti" (Bookmarks) senza ambiguità?
• Il sito è provvisto di strumenti di ricerca?
• Gli utenti possono utilizzare scorciatoie da tastiera?
Le pagine possono essere inserite tra i "Preferiti" (Bookmarks) senza ambiguità. Il sito e' provvisto di servizio di ricerca, sia per quanto riguarda l'help sia per il blog. Gli utenti possono utilizzare scorciatoie da tastiera, per esempio nell'editor si possono utilizzare le classiche scorciatoie ctrl+c per copiare, ctrl+v per incollare, e così via, è presente poi una sezione in cui vengono specificati tutti gli shortcuts utilizzabili nella fase di editing, tali shortcuts potrebbero pero corrispondere anche a quelli utilizzati dal browser si ottiene cosi lo svolgimento di due differenti azioni, si può provare ad usare ctrl+d si vede che oltre alla bozza(shortcuts di blogger) viene aperta una finestra per l'aggiunta della pagina ai preferiti.
8. Estetica e design minimale
• Le cose meno importanti sono minimizzate?
• I termini specifici del web sono evitati?
• La pagina è succinta?
• I dettagli sono posizionati nelle pagine secondarie?
• Le lunghe liste sono classificate in chunks?
• Ogni paragrafo contiene un'unica idea?
• Le immagini superflue sono state eliminate?
• Le animazioni e i lampeggiamenti sono stati evitati? E le animazioni in Flash?
La grafica del sito è essenzialista sono assenti immagini che non siano di rilievo, ad esempio è indicato con immagini l'inserimento di video, immagini ecc., alcune informazioni come le scorciatoie sono scritte in piccolo, mentre per le informazioni di rilievo sono usate grandezze di font adeguate. Alcuni dettagli sono visualizzati su pagine secondarie, per esempio premendo il link "di piu" per avere informazioni sulle scorciatoie viene aperta una nuova pagina, ciò però migliora l'usabilità del sito, difatti tale link è presente solo nella pagina di stesura di un post, potrebbe essere sgradevole perdere cio che si stava scrivendo per avere informazioni su come usare gli shortcuts.
C'è una buona organizzazione gerarchica delle varie opzioni ciò consente di avere nelle varie sezioni informazioni tra loro correlate e semplici da accedere grazie anche al buon utilizzo delle etichette dei link.
Non sono presenti scritte lampeggianti e/o animazioni flash, le pagine sono succinte eccetto la homepage che contiene tutti i post fino a quel momento inviati rendendo
9. Aiuti all'utente per riconoscere, diagnosticare e recuperare gli errori
• Ci sono suggerimenti costruttivi forniti per errori di navigazione?
• Ci sono spiegazioni naturali che fanno capire cosa è successo e perché?
Nella modalità "modifica html" c'è un controllo sintattico del codice automatico, che agisce quando si vuole pubblicare un post. Molto utile per diagnosticare errori, indica anche il tipo di errore, segnalando inoltre la possibilità di disattivare il servizio. Nella modalità "scrivi" è presente un controllo sintattico del testo, che è molto utile per correggere errori grammaticali, anche se per testi molto lunghi l'interfaccia non risponde in tempi brevi unito al fatto che non si avvisa l'utente di ciò che accade. Le indicazioni per la compilazione dei form suggeriscono all'utente la forma e il tipo di dati che si devono inserire, quindi aiuta ad evitare errori di inserimento. Comunque in caso di errore viene segnalato come ovviare al problema.
2. Il test
La nostra analisi è stata suddivisa in tre parti:
Nella prima si sono raccolte informazioni generali sull’utente utilizzando il questionario d'ingesso.
Successivamente il gruppo campione, formato da 5 persone (3 valutatori e 2 volontari esterni) ha analizzato singolarmente e indipendentemente il sito, svolgendo le operazioni assegnate.
La scelta di un gruppo formato da cinque persone non è stata casuale infatti, in base a delle statistiche, si è potuto notare che cinque componenti sono sufficenti ad individuare ben il 75% dei problemi di usabilità; effettuare un test con meno persone potrebbe portare alla luce molti meno problemi, si è visto che, già con 10-12 persone il test risulta molto affidabile e i problemi individuati si aggirano intorno 90%.
Terminato lo svolgimento di quest'ultime, è stato sottoposto un questionario d'uscita ad ognuno degli utenti, i quali hanno risposto segnalando eventuali difficoltà riscontrate ed aggiungendo considerazioni personali.
lunedì 19 novembre 2007
1. Visibilità dello stato del sistema
• Dove siamo?
• Dove possiamo andare?
• Link /Bottoni importanti sono visibili senza dover fare lo scrolling?
• Cosa stiamo vedendo?
• La pagina ha un obiettivo chiaro?
• Gli elementi più importanti sono nella parte superiore della pagina?
• La pagina ha una struttura chiara?
• Gli autori sono esplicitamente indicati?
• I nuovi contenuti sono evidenziati nella home page?
• Il testo viene percepito?
• I link /pulsanti/campi di riempimento sono percepibili?
Entrando nell'home page si nota che essa contiene solo informazioni essenziali; quando si preme un pulsante per una qualsiasi operazione, non viene esposto nessun messaggio che informi sull'esecuzione dell'operazione in corso, lasciando l'utente in dubbio sull'effettiva esecuzione del task. Inoltre si ha difficoltà nel capire che è possibile utilizzare il proprio account Google per la creazione del proprio blog. L'assenza di banner pubblicitari, finestre di pop-up contenenti pubblicità consente all'utente di focalizzare la propria attenzione sulle funzioni del sito.
Il sito risulta abbastanza lineare anche se presenta delle discordanze tra tasti di navigazione del blog e quelli del browser. Il sistema risulta essere lento nello svolgimento di alcune azioni richieste, unito al fatto che non ci sono messaggi di stato, potrebbe portare, un utente inesperto a valutare tale situazione come l'inavvenuta esecuzione dell'operazione richiesta. Alcune informazioni secondarie sono scritte con una grandezza del font troppo piccola, inoltre le icone presenti per rappresentare le opzioni "inserisci immagine" e "inserisci video" per le loro dimensioni ridotte possono trarre in inganno. Sono presenti solo nell'home page informazioni relative al copyright.
Nella homepage è possibile vedere i post inviati fino a quel momento anche se non vengono messi in risalto i nuovi post e soprattutto le modifiche a post precedenti; infatti a fronte di una modifica di un post creato nei mesi precedenti non viene esposto nessun avviso, ne vengono ad esempio inviate email, quindi l'unico modo per venire a conoscenza di modifiche a post è di rileggerli anche se ciò non necessariamente porta alla individuazione delle modifiche(ad esempio possono essere passate settimane dall'ultima lettura del post).
Il tasto modifica post e commenti sono posti alla fine del post stesso quindi potrebbe essere necessario uno scrolling per raggiungerlo, la posizione però risulta adeguata in quanto solo dopo aver letto il post si possono inserire commenti, mentre per la modifica si poteva escogitare un metodo per renderla possibile anche senza scorrere tutto il post.
2. Rapporto tra il sistema e mondo reale
• Per i link /controlli sono state utilizzate etichette appropriate?
• Il linguaggio è adeguato all'audience del sito?
• È presente un'informazione temporale?
• Gli autori del sito sono visibili? Li posso contattare?
• C'è un uso appropriato delle icone?
Il linguaggio usato risulta chiaro e descrittivo rispetto alle operazioni, rispecchiando in pieno il linguaggio naturale, rendendo semplice la comprensione anche ad utenti inesperti. C'è un buon utilizzo delle icone che descrivono pienamente la loro utilità, ad esempio una matita viene usata per la modifica di un post, l'ingranaggio per rappresentare la gestione del blog, il cacciavite e chiave per le opzioni. Sono presenti riferimenti temporali sulle operazioni effettuate su un post dando così la possibilità di ordinarli cronologicamente, alla fine del post c'è un link in cui si indica Post pubblicato da tizio a "2:21" che vuole essere un riferimento temporale ma risulta essere molto poco chiaro infatti se ci si posiziona con il cursore del mouse sopra tale link si visualizza la seguente informazione "2007-11-12T02:03:00-08:00" la data è in formato americano anche se non specificato da nessuna parte vi è poi la "T" il cui scopo è forse quello di indicare il time vi è poi l'orario e poi un 08:00 il cui significato risulta oscuro. Gli orari di riferimento sono tutti in base all'ora in america non c'è modo di modificare il fuso orario in cui ci si trova.
Non è possibile contattare direttamente il creatore del blog(ad esempio tramite mail) se non attraverso commenti ai singoli post, è presente però un riferimento a chi ha creato il post.
2. Il test
La nostra analisi è stata suddivisa in tre parti:
Nella prima si sono raccolte informazioni generali sull’utente utilizzando il questionario d'ingesso.
Successivamente il gruppo campione, formato da 5 persone (3 valutatori e 2 volontari esterni) ha analizzato singolarmente e indipendentemente il sito, svolgendo le operazioni assegnate.
La scelta di un gruppo formato da cinque persone non è stata casuale infatti, in base a delle statistiche, si è potuto notare che cinque componenti sono sufficenti ad individuare ben il 75% dei problemi di usabilità; effettuare un test con meno persone potrebbe portare alla luce molti meno problemi, si è visto che, già con 10-12 persone il test risulta molto affidabile e i problemi individuati si aggirano intorno 90%.
Terminato lo svolgimento di quest'ultime, è stato sottoposto un questionario d'uscita ad ognuno degli utenti, i quali hanno risposto segnalando eventuali difficoltà riscontrate ed aggiungendo considerazioni personali.
6. Riconoscimento piuttosto che richiamo
• I link sono ridondanti/esagerati (per il numero e il layout)?
• Il contenuto della pagina è riconoscibile dal nome del link?
• È chiaro perché la pagina è importante?
• Le figure hanno etichette comprensibili?
• Le immagini cliccabili sono riconosciute come tali?
• Si riesce a distinguere tra pagine interne e pagine esterne al sito?
Il link presenti non sono ridondanti ed il numero ridotto di essi porta a non perdere di vista l'obiettivo che l'utente si prepone. Il nome dei link rispecchia il contenuto della pagina, se non fosse (come già accennato precedentemente) del link per l'home page personale, di cui il nome non è molto indicativo ("Bacheca" o la "B"). Inoltre nella visualizzazione del blog da parte del utente che lo ha creato sotto ogni post sono posti molto vicini i link commenti e modifica(una matita) per la loro vicinanza si potrebbe pensare che la matita sia necessaria per scrivere un commento invece che modificare il post. Le immagini cliccabili sono riconosciute come tali, solo per l'inserimento di un video embedded non si capisce come fare. Nella maschera di inserimento viene indicato di mettere il percorso locale del file video, ma non viene spiegato come inserirne di remoti.
COGNITIVE WALKTHROGTH
La passeggiata cognitiva, nota anche con la denominazione "cognitive walkthrough", è un metodo che non richiede la partecipazione di utenti, ma di uno o più esperti di valutazione.
Applicato alla valutazione di una interfaccia Web, la simulazione richiede all'esperto una conoscenza approfondita di:
- interfaccia utente;
- compito che l'utente deve eseguire per mezzo dell'interfaccia;
- lista completa delle azioni necessarie per completare il compito;
- tutte le informazioni necessarie sugli utenti potenziali e sulla loro esperienza e conoscenza.
Scopo del valutatore è quello di analizzare i meccanismi sottostanti a ciascuna operazione e di cercare di spiegare perché l'utente dovrebbe scegliere una determinata azione piuttosto che un'altra.
In altre parole, per ogni azione si cerca una risposta alle seguenti quattro domande:
- l'utente sarà messo nelle condizioni di formulare un piano di azione corretto?
- l'azione corretta è visibile nel momento in cui si è deciso di compierla?
- dopo avere individuato l'azione corretta da effettuare, l'utente sarà possibilitato a compierla?
- dopo avere eseguito l'azione corretta, l'utente riceverà un adeguato feedback che lo informi del raggiungimento del proprio obiettivo?
Iscrizione al servizio
Nella homepage del sito www.blogger.com si presenta una pagina contenente essenzialmente due frame di interesse nella parte superiore della pagina (intestazione) è presente il nome del servizio con a fianco un form per l'inserimento del proprio nome utente e password per gli utenti che dispongono di un account google. Nella parte sottostante invece troviamo un link per un tour conoscitivo del servizio, mediante il quale gli utenti possono venire a conoscenza di cosa gli viene offerto da tale piattaforma. a fianco compare invece un link per la creazione di un nuovo account, l'interfaccia utilizzata risulta chiara e comprensibile, vengono messi in risalto i bottoni mediante l'utilizzo di colori in contrasto con lo sfondo. Tuttavia risulta poco chiaro il pulsante "Crea nuovo blog" infatti potrebbe sfuggire che quello è il mezzo di creazione di un blog per utenti che nn posseggono un account google, mentre per chi lo possiede ciò può essere fatto attraverso il login e la creazione del blog.
Fai un breve tour:
Nel tour lo stile della pagina è molto simile all'homepage, rimane l'intestazione(zona gialla foto1) con il nome del servizio, la cui immagine è però più piccola rispetto alla homepage; nel frame sottostante invece ci sono delle icone che rappresentano ciò che il servizio può offrirci, cliccando su un'icona questa viene messa in risalto attraverso l'utilizzo di colori, mentre quelle inattive hanno solo i contorni tutte con lo stesso colore(griggio), l'immagine dell'icona della sezione attiva viene poi utilizzata anche a fianco del titolo(zona rossa foto1) così da dare una maggiore visibilità sulla tipologia di informazioni che si stanno visualizzando. Oltre alla possibilià di muoversi nel tour attraverso le icone è possibile utilizzare il tasto "continua" mediante il quale si possono visitare sequenzialmente tutte le opzioni proposte dalle icone. Cliccando sul tasto continua accediamo alla sezione successiva e nella pulsantiera viene aggiunto il tasto indietro che ci riporta alla sezione appena lasciata. Il linguaggio utilizzato non è di tipo tecnico, difatti il servizio è offerto a qualsiasi tipologia di utente è quindi necessario un linguaggio chiaro e comprensibile per tutti. Non viene però presa in esame la possibilità di inserire video nel proprio blog, limitandosi alla possibilità di postare delle foto. Non sembra essere presente nessun tasto che ci porta alla homepage anche se con una analisi più attenta si può ottenere ciò cliccando sul logo del servizio presente nell'intestazione.
Inoltre si può utilizzare il tasto crea blog, molto utile ad esempio per quegli utenti che dopo aver letto la guida vogliono iscriversi al servizio. Mediante la pressione del tasto crea blog si raggiunge la pagina per la "creazione di un account google" contenente un form per l'inserimento dei dati per la registrazione di un nuovo account, da tale pagina è anche possibile raggiungere la form per il login, cio ci consente quindi, partendo dalla pagina del tour, di ottenere tutte le funzionalità presenti nella homepage, da ciò può essere chiaro perchè non è presente il tasto homepage nella sezione tour.
Lo stile della pagina rimane uguale a quelle visualizzate fino a quel momento; accanto ad ogni casella di inserimento di testo è presente una spiegazione su ciò che bisogna inserire, guidando cosi l'utente nella registrazione. Non è presente però un indicatore per i campi obbligatori
• Dove siamo?
• Dove possiamo andare?
• Link /Bottoni importanti sono visibili senza dover fare lo scrolling?
• Cosa stiamo vedendo?
• La pagina ha un obiettivo chiaro?
• Gli elementi più importanti sono nella parte superiore della pagina?
• La pagina ha una struttura chiara?
• Gli autori sono esplicitamente indicati?
• I nuovi contenuti sono evidenziati nella home page?
• Il testo viene percepito?
• I link /pulsanti/campi di riempimento sono percepibili?
Entrando nell'home page si nota che essa contiene solo informazioni essenziali; quando si preme un pulsante per una qualsiasi operazione, non viene esposto nessun messaggio che informi sull'esecuzione dell'operazione in corso, lasciando l'utente in dubbio sull'effettiva esecuzione del task. Inoltre si ha difficoltà nel capire che è possibile utilizzare il proprio account Google per la creazione del proprio blog. L'assenza di banner pubblicitari, finestre di pop-up contenenti pubblicità consente all'utente di focalizzare la propria attenzione sulle funzioni del sito.
Il sito risulta abbastanza lineare anche se presenta delle discordanze tra tasti di navigazione del blog e quelli del browser. Il sistema risulta essere lento nello svolgimento di alcune azioni richieste, unito al fatto che non ci sono messaggi di stato, potrebbe portare, un utente inesperto a valutare tale situazione come l'inavvenuta esecuzione dell'operazione richiesta. Alcune informazioni secondarie sono scritte con una grandezza del font troppo piccola, inoltre le icone presenti per rappresentare le opzioni "inserisci immagine" e "inserisci video" per le loro dimensioni ridotte possono trarre in inganno. Sono presenti solo nell'home page informazioni relative al copyright.
Nella homepage è possibile vedere i post inviati fino a quel momento anche se non vengono messi in risalto i nuovi post e soprattutto le modifiche a post precedenti; infatti a fronte di una modifica di un post creato nei mesi precedenti non viene esposto nessun avviso, ne vengono ad esempio inviate email, quindi l'unico modo per venire a conoscenza di modifiche a post è di rileggerli anche se ciò non necessariamente porta alla individuazione delle modifiche(ad esempio possono essere passate settimane dall'ultima lettura del post).
Il tasto modifica post e commenti sono posti alla fine del post stesso quindi potrebbe essere necessario uno scrolling per raggiungerlo, la posizione però risulta adeguata in quanto solo dopo aver letto il post si possono inserire commenti, mentre per la modifica si poteva escogitare un metodo per renderla possibile anche senza scorrere tutto il post.
2. Rapporto tra il sistema e mondo reale
• Per i link /controlli sono state utilizzate etichette appropriate?
• Il linguaggio è adeguato all'audience del sito?
• È presente un'informazione temporale?
• Gli autori del sito sono visibili? Li posso contattare?
• C'è un uso appropriato delle icone?
Il linguaggio usato risulta chiaro e descrittivo rispetto alle operazioni, rispecchiando in pieno il linguaggio naturale, rendendo semplice la comprensione anche ad utenti inesperti. C'è un buon utilizzo delle icone che descrivono pienamente la loro utilità, ad esempio una matita viene usata per la modifica di un post, l'ingranaggio per rappresentare la gestione del blog, il cacciavite e chiave per le opzioni. Sono presenti riferimenti temporali sulle operazioni effettuate su un post dando così la possibilità di ordinarli cronologicamente, alla fine del post c'è un link in cui si indica Post pubblicato da tizio a "2:21" che vuole essere un riferimento temporale ma risulta essere molto poco chiaro infatti se ci si posiziona con il cursore del mouse sopra tale link si visualizza la seguente informazione "2007-11-12T02:03:00-08:00" la data è in formato americano anche se non specificato da nessuna parte vi è poi la "T" il cui scopo è forse quello di indicare il time vi è poi l'orario e poi un 08:00 il cui significato risulta oscuro. Gli orari di riferimento sono tutti in base all'ora in america non c'è modo di modificare il fuso orario in cui ci si trova.
Non è possibile contattare direttamente il creatore del blog(ad esempio tramite mail) se non attraverso commenti ai singoli post, è presente però un riferimento a chi ha creato il post.
2. Il test
La nostra analisi è stata suddivisa in tre parti:
Nella prima si sono raccolte informazioni generali sull’utente utilizzando il questionario d'ingesso.
Successivamente il gruppo campione, formato da 5 persone (3 valutatori e 2 volontari esterni) ha analizzato singolarmente e indipendentemente il sito, svolgendo le operazioni assegnate.
La scelta di un gruppo formato da cinque persone non è stata casuale infatti, in base a delle statistiche, si è potuto notare che cinque componenti sono sufficenti ad individuare ben il 75% dei problemi di usabilità; effettuare un test con meno persone potrebbe portare alla luce molti meno problemi, si è visto che, già con 10-12 persone il test risulta molto affidabile e i problemi individuati si aggirano intorno 90%.
Terminato lo svolgimento di quest'ultime, è stato sottoposto un questionario d'uscita ad ognuno degli utenti, i quali hanno risposto segnalando eventuali difficoltà riscontrate ed aggiungendo considerazioni personali.
6. Riconoscimento piuttosto che richiamo
• I link sono ridondanti/esagerati (per il numero e il layout)?
• Il contenuto della pagina è riconoscibile dal nome del link?
• È chiaro perché la pagina è importante?
• Le figure hanno etichette comprensibili?
• Le immagini cliccabili sono riconosciute come tali?
• Si riesce a distinguere tra pagine interne e pagine esterne al sito?
Il link presenti non sono ridondanti ed il numero ridotto di essi porta a non perdere di vista l'obiettivo che l'utente si prepone. Il nome dei link rispecchia il contenuto della pagina, se non fosse (come già accennato precedentemente) del link per l'home page personale, di cui il nome non è molto indicativo ("Bacheca" o la "B"). Inoltre nella visualizzazione del blog da parte del utente che lo ha creato sotto ogni post sono posti molto vicini i link commenti e modifica(una matita) per la loro vicinanza si potrebbe pensare che la matita sia necessaria per scrivere un commento invece che modificare il post. Le immagini cliccabili sono riconosciute come tali, solo per l'inserimento di un video embedded non si capisce come fare. Nella maschera di inserimento viene indicato di mettere il percorso locale del file video, ma non viene spiegato come inserirne di remoti.
COGNITIVE WALKTHROGTH
La passeggiata cognitiva, nota anche con la denominazione "cognitive walkthrough", è un metodo che non richiede la partecipazione di utenti, ma di uno o più esperti di valutazione.
Applicato alla valutazione di una interfaccia Web, la simulazione richiede all'esperto una conoscenza approfondita di:
- interfaccia utente;
- compito che l'utente deve eseguire per mezzo dell'interfaccia;
- lista completa delle azioni necessarie per completare il compito;
- tutte le informazioni necessarie sugli utenti potenziali e sulla loro esperienza e conoscenza.
Scopo del valutatore è quello di analizzare i meccanismi sottostanti a ciascuna operazione e di cercare di spiegare perché l'utente dovrebbe scegliere una determinata azione piuttosto che un'altra.
In altre parole, per ogni azione si cerca una risposta alle seguenti quattro domande:
- l'utente sarà messo nelle condizioni di formulare un piano di azione corretto?
- l'azione corretta è visibile nel momento in cui si è deciso di compierla?
- dopo avere individuato l'azione corretta da effettuare, l'utente sarà possibilitato a compierla?
- dopo avere eseguito l'azione corretta, l'utente riceverà un adeguato feedback che lo informi del raggiungimento del proprio obiettivo?
Iscrizione al servizio
Nella homepage del sito www.blogger.com si presenta una pagina contenente essenzialmente due frame di interesse nella parte superiore della pagina (intestazione) è presente il nome del servizio con a fianco un form per l'inserimento del proprio nome utente e password per gli utenti che dispongono di un account google. Nella parte sottostante invece troviamo un link per un tour conoscitivo del servizio, mediante il quale gli utenti possono venire a conoscenza di cosa gli viene offerto da tale piattaforma. a fianco compare invece un link per la creazione di un nuovo account, l'interfaccia utilizzata risulta chiara e comprensibile, vengono messi in risalto i bottoni mediante l'utilizzo di colori in contrasto con lo sfondo. Tuttavia risulta poco chiaro il pulsante "Crea nuovo blog" infatti potrebbe sfuggire che quello è il mezzo di creazione di un blog per utenti che nn posseggono un account google, mentre per chi lo possiede ciò può essere fatto attraverso il login e la creazione del blog.
Fai un breve tour:
Nel tour lo stile della pagina è molto simile all'homepage, rimane l'intestazione(zona gialla foto1) con il nome del servizio, la cui immagine è però più piccola rispetto alla homepage; nel frame sottostante invece ci sono delle icone che rappresentano ciò che il servizio può offrirci, cliccando su un'icona questa viene messa in risalto attraverso l'utilizzo di colori, mentre quelle inattive hanno solo i contorni tutte con lo stesso colore(griggio), l'immagine dell'icona della sezione attiva viene poi utilizzata anche a fianco del titolo(zona rossa foto1) così da dare una maggiore visibilità sulla tipologia di informazioni che si stanno visualizzando. Oltre alla possibilià di muoversi nel tour attraverso le icone è possibile utilizzare il tasto "continua" mediante il quale si possono visitare sequenzialmente tutte le opzioni proposte dalle icone. Cliccando sul tasto continua accediamo alla sezione successiva e nella pulsantiera viene aggiunto il tasto indietro che ci riporta alla sezione appena lasciata. Il linguaggio utilizzato non è di tipo tecnico, difatti il servizio è offerto a qualsiasi tipologia di utente è quindi necessario un linguaggio chiaro e comprensibile per tutti. Non viene però presa in esame la possibilità di inserire video nel proprio blog, limitandosi alla possibilità di postare delle foto. Non sembra essere presente nessun tasto che ci porta alla homepage anche se con una analisi più attenta si può ottenere ciò cliccando sul logo del servizio presente nell'intestazione.
Inoltre si può utilizzare il tasto crea blog, molto utile ad esempio per quegli utenti che dopo aver letto la guida vogliono iscriversi al servizio. Mediante la pressione del tasto crea blog si raggiunge la pagina per la "creazione di un account google" contenente un form per l'inserimento dei dati per la registrazione di un nuovo account, da tale pagina è anche possibile raggiungere la form per il login, cio ci consente quindi, partendo dalla pagina del tour, di ottenere tutte le funzionalità presenti nella homepage, da ciò può essere chiaro perchè non è presente il tasto homepage nella sezione tour.
Lo stile della pagina rimane uguale a quelle visualizzate fino a quel momento; accanto ad ogni casella di inserimento di testo è presente una spiegazione su ciò che bisogna inserire, guidando cosi l'utente nella registrazione. Non è presente però un indicatore per i campi obbligatori
martedì 13 novembre 2007
Presentazione
Buona sera a tutti mi presento sono gabriele e sto inserendo il mio primo post su un blog, ho scelto come argomento la Roots music, musica di cui sono appassionato insieme ad altri generi derivati come Dub, Reggae e much more!!
Iscriviti a:
Commenti (Atom)