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.