Creazione post e gestione file multimediali

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.

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.

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.