Di seguito tutti gli interventi pubblicati sul sito, in ordine cronologico.
 
 

Osservare siti internet di ultima generazione spesso mi porta a riflettere sul fatto che sia in atto una  semplificazione dello strumento web, una sorta di appiattimento creativo dei siti guidato dalla necessità di rendere il web più usabile.

Usabilità, è una parola che ricorre sempre più spesso nella fase di progettazione e realizzazione di siti internet, sappiamo tutti a cosa ci riferiamo, ma forse la definizione data dai grandi e professionisti del media può aiutarci a spiegarlo e a farcene un'idea chiara:

Michele Visciola
"Un sito Web deve cercare di soddisfare al meglio uno o più bisogni mettendo l'utente in posizione dominante e preferenziale".
http://www.webusabile.it

J. Nielsen
"l'obiettivo principale della maggioranza dei progetti Web dovrebbe essere il rendere semplice per le persone o svolgimento di attività che hanno un qualche fine pratico"
(Web Usability, Apogeo).

Daniele Zigotto
"L'utente tipico mostra, nell'uso del Web, impazienza e desiderio di soddisfazione immediata. Se non viene messo nelle condizioni di interpretarne con facilità il contenuto, l'utente abbandona rapidamente il sito, e difficilmente vi fa ritorno. L'usabilità diventa quindi il primo obiettivo di un sito Web e vede nel processo di valutazione il momento fondamentale della progettazione centrata sull'utente...".
http://www.hyperlabs.net/ergonomia/ziggiotto/introduzione.html

Permettendomi di fare un breve sunto definirei da parte mia "usabilità" è la capacità che un sito deve possedere di soddisfare in maniera immediata le richieste di informazione degli utenti. Nella progettazione di un sito è quindi necessario dporci le seguenti domande: Cosa offre il sito? A chi è diretto? Cosa l'utente si aspetta di trovarci? Come può il visitatore interagire con esso?
Rispondere a queste domande ci porta a dover prendere in considerazione i contenuti del sito, il modo di veicolarli, la struttura dell'informazione e i sistemi di navigazione che il sito dovrà avere.

Il mio problema ora è il seguente, ritengo che tramite studi scientifici sia identificabile una struttura ideale che i siti debbano avere, si pensi ad esempio al modo in cui l'occhio scorre la pagina, o alla posizione di certi elementi quali logo, menu, payoff che ormai andiamo a cercare in determinati punti della pagina (non si vede mai lil logo o il menu in baso a destra), oppure alle forme di tasti, moduli, gallerie fotografiche, frecce di scorrimento, ecc.
L'uso di grafiche o interfacce particolari può, a mio avviso, rentere più criptica la comprensione dell'utilizzo del sito, complicandone l'usabilità. (consiglio la lettura di "Don'k make me think" libro scritto da Steve Krug ed edito da Hops) - http://www.deltablog.it/dblog/articolo.asp?articolo=46

L'idea che mi viene quindi pensando a determinati processi di web-usability è che vi siano delle linee guida che tutti siamo pbbligati a seguire, atte a soddisfare delle linee guida che gli utenti assuefatti a determinate strutture web seguano con più facilità di altre.

La mia paura è proprio che la ricerca estrema di usabilità porti ad una uniformazione, semplificazione e standarizzazione e delle strutture web, causando un appiattimento nella ricerca creativa, nella definizione di nuove strutture, creando una sorta di linguaggio standardizzato ritrovabile in tutti i siti internet.

Così come l'immagine della caffettiera all'inizio di questo articolo avremo la definizione di una struttura standard che definisca l'usabilità ottimale anche per un sito internet?
Avremo quindi siti internet sempre più simili tra loro?
L'espansione di internet, la presenza di nuovi utenti, magari non ancora avvezzi all'uso di strutture web complesse non farà altro che enfatizzare questo processo?

In questo piccolo post vi presento le motivazioni che rendono a mio avviso conveniente investire in un sito internet.

• Vendite online sono in costante aumento
  e ci si attende un'ulteriore crescita nei prossimi anni
• Aumenta il popolo di internet
  Gli utenti della rete sono anche loro in costante crescita, ne consegue un aumento dei possibili visitatori interessati ai nostri prodotti o servizi
• Crescono gli investimenti pubblicitari in internet
  tra le varie forme di pubblicità internet sta ricavando una fetta di investimenti sempre maggiore, per una serie di motivi che analizzeremo in un altro post, inoltre chi si appresta a ricercare un prodotto o informazioni sullo stesso sempre più frequentemente utilizza la rete come strumento e in particolare i motori di ricerca
  
• I competitor si stanno muovendo
  sicuramente potrete trovare vostri concorrenti che già stanno investando in internet, al fine di arrivare primi su questo mercato e consolidare la propria posizione
• I siti vecchi danneggiano l'immagine
  siti cnon aggiornato da un punto di vista dei contenuti ma anche dell'aspetto grafico sicuramente non porterà vantaggi all'immagine aziendale
• Gli utenti si aspettano servizi
  legati ai prodotti offerti, defiderano informazioni, supporto, far parte di una comunità, identificarsi in uno stile di vita, essere aggiornati, ecc. tutte cose che il sito ci permette di gestire con costi relativamente bassi.

Finalmente online la versione in Russo del sito di Allavelli, dopo varie ricerche e confronti tra i vari caratteri cirillici disponibili siamo riusciti a realizzare delle pagine funzionanti correttamente sia per quanto riguarda i testi inseriti nel codice HTML che per quelli presenti all'interno del database e visualizzati tramite funzioni ASP.

Per far funzionare il tutto è stato sufficente sostituire la dichiarazione del charset normalmente utilizzato ossia charset=iso-8859-1 con quella riservata per il russo ossia charset=windows-1251.

Le tag cloud sono dei nuovi codici di comunicazione visuale, in particolare sono un insieme di etichette in cui ognuna ha una dimensione o un colore proporzionale al proprio peso o importanza. Il vantaggio delle tag cloud è che permettono di fornire in maniera immediata al visitatore una visione dei contenuti di un determinato testo o pagina web. Se desiderate creare Tag Cloud in maniera automatica potete utilizzare questo servizio http://www.wordle.net/
Potrete inserire un testo o un indirizzo internet di un feed, e il servizio web si occuperà della generazione del Tag Cloud, potrete a questo punto giocare con vari parametri a vostra disposizione per scegliere lo stile che più vi piace.
Un altro sito cheoffre lo stesso servizio è Tagul, questo servizio è di forse più semplice implementazione nelle vostre pagine web..

Un simatico programma gratuito che permette di creare immagini composte da testi; partendo da un'immagine a vostra scelta e inserendo un testo, avrete la possibilità di ottenere delle immagini in cui le linee di forma o i colori sono costruiti con il testo inserito. Sicuramente è più facile provarlo direttamente testando direttamente i vari parametri messi a disposizione, che spiegarne il funzionamento, vi allego comunque alcune immagini per rendervi conto delle possibilità... Per il download o visualizzare la documentazione relativa: http://lapin-bleu.net/software/textorizer/

Terragen è un software che nella versione Classic risulta anche piuttosto economico, anche se credo non lo utilizzerete molto spesso è molto potente e permette di disegnare paesaggi come quello che vedere nell'immagine qui sopra in pochi click. Otterrete immagini particolarmente realistiche che potrete utilizzare nei vostri lavori senza dover scomodare potenti software 3D.

Se vi capita di mettere nella stessa pagina un video di YouTube e utilizzare in contemporanea Lightbox, potreste trovarvi nella sfortunata situazione in cui il video copre le immagini ingrandite della galleria, ossia il lettore in flash "salta" sopra le immagini.

Inizialmente potreste pensare di risolvere il problema utilizzando lo z-index e modificando quindi il livello di profondità del video stesso, ma come abbiamo provato anche noi il sistema non funziona, il videl di YouTube sarà sempre in primo piano.


La soluzione consiste nell'effettuare un paio di modifiche al tag object ed embed utilizzato, ecco come:

1. inserite dopo l'object tag il seguente codice: 
< param value="transparent" name="WMode" / >

2. aggiungere il seguente codice appena prima del type = "application / x-shockwave-flash":
   wmode="transparent"

Un esempio potrete trovarlo visualizzando il codice di questa pagina di esempio.

Il problema della settimana è stato sicuramente convertire un filmato dal formato 4:3 a 16:9 eliminando la parte in alto e in basso dello stesso senza quindi deformare il tutto.
Pinnacle Studio 9 software che utilizzo abitualmente per effettuare piccoli montaggi non mi permetteva tale operazione o per lo meno non sono stato in grado di trovarla. Ci ho sbattuto la testa per un pò di tempo ricercando su internet e alla fine la soluzione è stata scaricare VirtualDub, una piccola utility freeware che permette la conversione e l'applicazione di filltri a filmati. Vi spiego come utilizzarla, come altri programmini del genere mi risulta sempre un pò ostica.

Per prima cosa aprite il filmato che desiderate elaborare (il programma apri file AVI o MPEG, altri formati come il QuickTime o il WMV andranno convertiti tramite un altro programma. Aperto il vostro filmato, andate nel menu Video e segliete la voce Filtri, sulla festra vedrete il tasto "Crop" ossia ritaglio, ma non è attivato, dovrete prima fare clich sul pulsante "Aggiungi" per applicare un filtro al filmato, se non desiderate utilizzare alcun filtro che ne modifichi la visualizzazione scegliete dall'elenco degli stessi la voce "Nessul filtro" o in alternativa "Luminosità e Contrasto" senza cambiarne i valori, confermate e a questo punto il tasto "Crop" sarà attivo.
Premete il tanto agognato tasto, una nuova videata vi permettrà di impostare come tagliare il filmato originale impostando le relative dimensioni di altezza e larghezza. L'operazione è veramente semplice e basta utilizzare i valori di off-set : X1 (il lato sinistro del video dal vostro punto di vista), X2 (lato destro), Y1 (in alto), (Y2 fondo) per definire l'area da ritagliare, una comoda anteprima vi mostrerà il risultato che otterrete.
Per concludere premete Ok e salvate il filmato.

Dopo anni di attesa, sembra stia prendendo forma HTML 5, la rivoluzione che da anni tutti i programmatori web stanno aspettando. HTML 5 presenta nuove caratteristiche che permettono di definire più chiaramente la struttura di ogni documento introducendo nuovi tag quali: menu, nav, footer, figure e article che permetteranno di aumentare il valore semantico delle nostre pagine.

Vengono inoltre aggiunti nuovi tag per la gestione direttamente in HTML di audio e video senza la necessità di utilizzare plug-in esterni, potremocosì visualizzare filmati e ascoltare file MP3 fermarli, reglarne il volume ecc.
Altra cosa che tutti noi aspettavamo era il cahing dei dati nativo, che permetta ad HTML 5 di creare una cache delle nostre pagine web direttamente nel browser. oltre ciaramente a nuove funzionalità che integrano nelle pagine il drag&drop. 

Mi sono tenuto per ultimo la cosa che più ho apprezzato, sebbene stupida rispetto a quanto sopra detto sembra che nella nuova versione avremo a disposizione strumenti di validazione dei form che non necessitano l'utilizzo di Javascrit!!! Potremo così controllare: tipo di dati, dimensioni massime e minime e se richesti o meno, finalmente!!

Lo strumento che per il momento mi ha lasciato più stupefatto comunque è il nuovo tag CANVAS che permette direttamente di disegnare elementi vettoriali all'interno della pagina, non solo permette di ciclare una serie di funzioni di pulizia schemo e disegno in modo da realizzare delle vere e proprie animazioni.

Se volete seguire lo sviluppo dello standar o semplicemente visualizzare degli esempi potete andare a questo indirizzo: www.whatwg.org, oppure seguire le news tramite Twitter all'indirizzo:

Dovete realizzare una versione del sito in una seconda lingua? Non siete in grado di effettuare la traduzione? Ci pensa Google, con un piccolo script che potrete crearvi grazie ad una procedura guidata disponibile a questo indirizzo e il gioco è fatto, basterà incollare il tutto nella nostra pagina e pubblicarla.

Ecco il link per la generazione dello script: http://translate.google.com/translate_tools

Il visitatore troverà all'interno del vostro sito lo strumento che si occuperà di effettuare la traduzione.

Visti i miei voti in lingue non posso dirvi che sono molto soddisfatto della funzione, sicuramente non sarà accuerata come quella che potranno fornirvi professionisti della traduzione, ma è un modo rapido ed economico per ottenere in pochissimo tempo e praticamente gratis un sito in altre lingue!