Dopo la creazione del blog precedentemente descritta si arriva al cuore di tutta la piattaforma ovvero la scrittura di un post.
L'interfaccia utilizzata è molto simile a quella presente nei passi precedenti, vengono utilizzati colori tenui che non stancano la vista, anche i tasti mantengono colori e forme simili a quelli utilizzati in precedenza. Anche in questa fase il linguaggio utilizzato risulta chiaro e comprensibile. La struttura della pagina mantiene una divisione in frame; nella parte superiore della pagina al di sotto del nome del blog troviamo tre schede "Post", "Impostazioni" e "Modello" viene messa in risalto la scheda attiva mediante un effetto grafico di rilievo e l'utilizzo di una tonalità di colore più accesa; grazie a ciò l'utente riesce ad avere una buona visione dello stato del sistema; la grafica è minimalista e mette in risalto solo opzioni rilevanti alla gestione e scrittura del post.
Veniamo ora ad una analisi più dettagliata dell'interfaccia analizzando i servizi che ci vengono offerti in questa fase.
La pagina è quasi interamente occupata da un editor di testo in cui è possibile inserire il messaggio, le opzioni rese disponibili dall'editor sono quelle classiche di un editor di testo, quindi abbiamo scelta del tipo di carattere, grandezza, colore, formattazione del testo possibilità di mettere in grassetto e corsivo, etc.. Sono inoltre disponibili due icone una per l'iserimento di immagini e l'altra per l'inserimento di video. Molto utile risulta il link anteprima che consente all'utente di visulizzare il risultato che si otterrebbe, la sua utilità è però resa nulla in quanto c'è un'incoerenza tra anteprima e layout che si ottiene alla pubblicazione del post.
Analizziamo l'iserimento di un'immagine:
Viene messa in risalto la possibilità di inserire un'immagine da filesystem o da web, nel primo caso viene messo a disposizione un tasto sfoglia attraverso cui navigare nel filesystem, mentre nel secondo caso c'è una casella di testo attraverso cui si puo immettere l'URL della foto che vogliamo visualizzare. -viene data la possibilità di inserire più immagini ciò velocizza le operazioni di inserimento di più immagini attraverso l'utilizzo della stessa interfaccia. Viene data poi la possibilità di impostare alcune opzioni riguardanti il layout, si può scegliere la posizione in cui inserire l'immagine (sinistra, centro, destra o nessuno), la grandezza che si vuole dare e impostare le opzioni scelte come default per l'inserimento di immagini. I testi usati in questa fase di inserimento sono molto chiari e l'utente viene adeguatamente guidato nei compiti che deve svolgere. Molto utile risulta la possibilita di conoscere lo spazio utilizzato rispetto a quello totale a disposizione, buon modo di prevenzione di errore. Quando tutte le opzioni sono state impostate e si è decisi ad inserire l'immagine è possibile cliccare sul tasto carica immagine, se erroneamente non viene specificata nessuna immagine da inserire appare un messaggio di alert. Ciò pregiudica l'usabilità da parte di utenti che hanno disabilità visive ed utilizzano programmi per la lettura di testi, come ad esempio JAWS, non è quindi un buon modo per segnalare un errore.
Cliccato il tasto carica immagine viene presentato un messaggio in cui si avvisa l'utente del caricamento dell'immagine in corso consentendo di avere una buona visibilità dello stato del sistema, terminata l'operazione di invio verso il server, l'utente viene avvisato che tutto è andato a buon fine e che l'operazione è stata completata. Tornando sulla pagina di editing se si è già scritto molto testo l'immagine potrebbe non essere immediatamente visualizzabile, poiche viene inserita in testa al messaggio, se si sale con lo scroll all'inizio del post l'immagine risulta corretamente visualizzata, per portarla nel punto di interesse basta selezionarla e trascinarla, mentre utenti più esperti potrebbero agire direttamente a livello di tag HTML andando a spostare il tag relativo all'immagine nella posizione in cui vogliono.
Inserimento video:
L'interfaccia consente l'inserimento di video solo da filesystem mentre non viene fornita alcuna informazione per l'inserimento di video embedded da servizi di videosharing (ad esempio da youtube) lasciando l'utente solo a se stesso. L'interfaccia usata è semplicissima: c'è una casella di testo dove inserire il path del video sul filesystem e il titolo che si vuole dare. Per l'inserimento di video embedded bisonogna agire direttamente a livello di HTML, ciò però non è di semplice utilizzo per utenti alle prime armi.
Viene comunque fornito un help mediante il quale si può venire a conoscenza dei passi da svolgere cliccando sul link "Guida" si apre una pagina in cui sono presenti le informazioni necessarie.
venerdì 11 gennaio 2008
giovedì 10 gennaio 2008
Creazione Blog
La creazione del blog presenta un' interfaccia molto simile a quella utilizzata in fase di registrazione anche in questa fase a fianco di ogni casella per l'inserimento di testo è presente una spiegazione su cio che bisogna inserire. E' inoltre presente un link rappresentato da un punto interrogativo attraverso cui si possono ricevere ulteriori informazioni su cio che si può inserire, tali pagine però sono scritte solo in inglese.
Molto utile è la possibilità di verificare la disponibilità di un URL;una volta inserito un nome che si vorrebbe dare al proprio spazio, cliccando sul link "verifica disponibilità" viene verificata l'effettiva disponibilità. Se tale indirizzo è già in uso, vengono forniti dei nomi alternativi sfruttando alcune informazioni precedentemente inserite.
Cliccando su uno dei suggerimenti questo verrà presentato nella casella di testo risparmiando cosi all'utente la necessità di riscriverlo. Non è presente nessuna informazione relativa ai caratteri supportati, anche in questo caso è stata scelta come strategia invece che la prevenzione dell'errore l'avviso ad errore avvenuto. Inserendo caratteri speciali non supportati viene comunque data una buona spiegazione dell'errore commesso cosi da guidare l'utente alla sua risoluzione. Inoltre viene data la possibilità di utilizzare delle impostazioni avanzate indirizzate soprattutto ad utenti esperti. Effettuata la scelta dell'indirizzo e del titolo del blog, alla pressione del tasto continua, viene visualizzata la pagina in cui è possibile definire lo stile che si vuole dare al blog.
Sul lato sinistro troviamo un help che spiega ciò che bisogna fare in questo step ed informa anche che è possibile cambiare il look del blog in un secondo momento e i passi da effettuare per tale modifica. La pagina è molto chiara, è possibile vedere attraverso un immagine un assaggio dei vari stili presenti se si vuole avere una maggiore visibilità dei risultati che si avrebbero è possibile visualizzare l'anteprima di ogni stile. Scelto il modello si preme su continua ed un messaggio ci avvisa dell'avvenuta creazione del blog premendo su comincia è possibile creare il primo post.
La creazione del blog presenta un' interfaccia molto simile a quella utilizzata in fase di registrazione anche in questa fase a fianco di ogni casella per l'inserimento di testo è presente una spiegazione su cio che bisogna inserire. E' inoltre presente un link rappresentato da un punto interrogativo attraverso cui si possono ricevere ulteriori informazioni su cio che si può inserire, tali pagine però sono scritte solo in inglese.
Molto utile è la possibilità di verificare la disponibilità di un URL;una volta inserito un nome che si vorrebbe dare al proprio spazio, cliccando sul link "verifica disponibilità" viene verificata l'effettiva disponibilità. Se tale indirizzo è già in uso, vengono forniti dei nomi alternativi sfruttando alcune informazioni precedentemente inserite.
Cliccando su uno dei suggerimenti questo verrà presentato nella casella di testo risparmiando cosi all'utente la necessità di riscriverlo. Non è presente nessuna informazione relativa ai caratteri supportati, anche in questo caso è stata scelta come strategia invece che la prevenzione dell'errore l'avviso ad errore avvenuto. Inserendo caratteri speciali non supportati viene comunque data una buona spiegazione dell'errore commesso cosi da guidare l'utente alla sua risoluzione. Inoltre viene data la possibilità di utilizzare delle impostazioni avanzate indirizzate soprattutto ad utenti esperti. Effettuata la scelta dell'indirizzo e del titolo del blog, alla pressione del tasto continua, viene visualizzata la pagina in cui è possibile definire lo stile che si vuole dare al blog.
Sul lato sinistro troviamo un help che spiega ciò che bisogna fare in questo step ed informa anche che è possibile cambiare il look del blog in un secondo momento e i passi da effettuare per tale modifica. La pagina è molto chiara, è possibile vedere attraverso un immagine un assaggio dei vari stili presenti se si vuole avere una maggiore visibilità dei risultati che si avrebbero è possibile visualizzare l'anteprima di ogni stile. Scelto il modello si preme su continua ed un messaggio ci avvisa dell'avvenuta creazione del blog premendo su comincia è possibile creare il primo post.
COGNITIVE WALKTHROUGTH
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.
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 un indicatore per i campi obbligatori (ciò potrebbe portare un utente a considerare dei campi superflui), quindi non inserendo tali campi si arriva ad una situazione di errore, si è scelta una strategia di segnalazione e non di prevenzione; per l'inserimento della password viene segnalato invece se la lunghezza della password è troppo corta tale informazione scompare una volta raggiunta la lunghezza minima e lascia il posto ad un'informazione relativa alla "sicurezza della password" che ne indica il grado di sicurezza ovvero se può essere semplice individuarla oppure no.
Se si preme il tasto avanti non inserendo alcuni parametri o immettendo una password con scarsa sicurezza si viene reindirizzati alla pagina di inserimento dati con la presenza di informazioni su cio che non è andato a buon fine.
Una volta inseriti tutti i campi e premuto il tasto continua, si giunge allo step 2, c'è da segnalare però che nello step 1 viene richiesta una mail esistente ma nessun controllo viene effettuato se effettivamente l'indirizzo è esistente o fittizio e nessuna mail giunge come conferma per l'avvenuta registrazione.
Uscendo dal servizio e loggandoci con la mail e la password inseriti in fase di registrazione viene fatto presente che l'indirizzo mail non è stato verificato, viene presentato un link "invia di nuovo email di verifica" anche se tale email di verifica non è mai stata inviata, si accede cosi ad una pagina in cui si informa l'utente che la mail è stata inviata e che è necessario utilizzare la URL presente nella mail per poter attivare l'account; accedendo alla mail il messaggio presenta il link necessario all'attivazione.
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.
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 un indicatore per i campi obbligatori (ciò potrebbe portare un utente a considerare dei campi superflui), quindi non inserendo tali campi si arriva ad una situazione di errore, si è scelta una strategia di segnalazione e non di prevenzione; per l'inserimento della password viene segnalato invece se la lunghezza della password è troppo corta tale informazione scompare una volta raggiunta la lunghezza minima e lascia il posto ad un'informazione relativa alla "sicurezza della password" che ne indica il grado di sicurezza ovvero se può essere semplice individuarla oppure no.
Se si preme il tasto avanti non inserendo alcuni parametri o immettendo una password con scarsa sicurezza si viene reindirizzati alla pagina di inserimento dati con la presenza di informazioni su cio che non è andato a buon fine.
Una volta inseriti tutti i campi e premuto il tasto continua, si giunge allo step 2, c'è da segnalare però che nello step 1 viene richiesta una mail esistente ma nessun controllo viene effettuato se effettivamente l'indirizzo è esistente o fittizio e nessuna mail giunge come conferma per l'avvenuta registrazione.
Uscendo dal servizio e loggandoci con la mail e la password inseriti in fase di registrazione viene fatto presente che l'indirizzo mail non è stato verificato, viene presentato un link "invia di nuovo email di verifica" anche se tale email di verifica non è mai stata inviata, si accede cosi ad una pagina in cui si informa l'utente che la mail è stata inviata e che è necessario utilizzare la URL presente nella mail per poter attivare l'account; accedendo alla mail il messaggio presenta il link necessario all'attivazione.
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)