dal 1997 laboratorio
di WebDesign e Grafica Digitale
Portali istituzionaliSiti AziendaliBlog e Blog sitessiti di e-commerceWeb Apllications
Home Blog & Blog-sites Blog e Nuvole Backstage
You need to upgrade your Flash Player.
Powered By Joomla.it
Blog e Nuvole Backstage
Web Design - Blog & Blog-sites
Scritto da Salvatore Mulliri   
Lunedì 25 Maggio 2009 11:05
Documento senza titolo

logo blog&Nuvole

Si è conclusa con una bella serata alla Triennale di Milano e dopo un percorso durato quasi un anno l'esperienza di Blog&Nuvole. Per chi non ne avesse avuto notizia si trattava di una sperimentazione che puntava alla realizzazione di fumetti di qualità partendo dalla scrittura della Rete prodotta dai migliori blogger italiani. Grazie al coinvolgimento della Fondazione Cologni dei Mestieri d'Arte da parte delle due brillanti coordinatrici del progetto, Lucia Saetta e Cristina Vannini, questa bella idea è diventata una realtà come raramente succede in Italia.

Il progetto

Quando ebbi l'incarico di web designer e web master dalla Fondazione Cologni tramite Lucia Saetta capii immediatamente che un'operazione del genere, basata sull'essenziale coinvolgimento di creatori di contenuti per la rete, aveva bisogno di un efficace supporto internet che non fosse solo un sito d'appoggio per il progetto.
La sfida era affascinante: come coinvolgere i blogger, notoriamente tra gli esseri più autoreferenti e diffidenti dell'universo conosciuto? Come convincerli ad affidare all'organizzazione del progetto il prodotto della loro migliore creatività?

La piattaforma

Apparve subito chiaro che per superare la naturale diffidenza dei blogger nostrani Blog&Nuvole doveva apparire come un elemento integrato nella loro community. Scartammo immediatamente sistemi più raffinati di self-publishing come WordPress, Joomla e Drupal che sarebbero apparsi poco familiari e troppo snob alla maggioranza degli utenti italiani e arrivammo alla scelta obbligata di una piattaforma pubblica di blogging come elemento chiave della presenza in rete del progetto.
Nonostante la vetustà del sistema di pubblicazione, Splinder ha i suoi elementi di forza in una vasta community, una collettività virtuale che sin dal 2002 ha prodotto contenuti anche di alto livello, nella semplicità e solidità della piattaforma e in un efficace sistema di messaggistica interna. Splinder a differenza di altre piattaforme è anche un "medium" dove l'informazione circola velocemente senza aiuti esterni. Senza contare che Splinder, essendo una piattaforma basata in Italia, avrebbe avuto tutto l'interesse, come puntualmente è avvenuto, a generare traffico intorno al progetto Blog&Nuvole con articoli mirati nei suoi sistemi di news e con banner strategicamente posizionati.
A questo punto bisognava creare un blog, perciò aperto ai commenti, completamente inedito e ottimizzato per la visualizzazione di brevi scritti, ma soprattutto delle tavole grafiche che ne sarebbero derivate.

L'interfaccia

Una delle cose che amo di più nel mio lavoro è essere costretto a trovare delle soluzioni non convenzionali. Così è stato quando ci trovammo a prendere la fondamentale decisione su quale doveva essere l'orientamento delle tavole dei fumetti. Il formato verticale al quale sono abituati i disegnatori avrebbe costretto a uno "scrolling" per ogni pagina di disegni o a una riduzione di risoluzione che ne avrebbe inficiato la leggibilità. O mi avrebbe costretto a proporre ingrandimenti con pop-up e altre operazioni che non mi avrebbero semplificato il lavoro di pubblicazione. Perciò decisi che il formato sarebbe stato orizzontale (come lo schermo del PC) in modo da avere un'interfaccia grafica dominata dalla centralità del contenuto, ma con i comandi ben accessibili e gli sponsor sempre visibili in una cornice che lo circondasse. Questa decisione oltretutto è in linea con la filosofia di base che guida la mia idea di web-design: bisogna produrre contenuti adatti al contenitore perché siano realmente fruibili ed efficaci.
Da questo deriva la dimensione di 750x536 pixel per le tavole che è la massima, aggiungendoci le componenti di navigazione del blog, ricavabile da una risoluzione minima di 1024 x 768.
Un'altra scelta obbligata è stato lo sfondo scuro: è l'unico modo per evidenziare un contenuto grafico senza opprimerlo con una luminosa cornice bianca. Questo è anche il motivo per il quale tutti i comandi del blog sono stati disegnati in varie tonalità di rosso (tra l'altro coerenti con l'immagine coordinata) in modo da "scomparire" dalla visione periferica quando ci si concentra sul contenuto centrale della pagina.

I contenuti

Uno degli elementi vincenti di Blog&Nuvole è stata la decisione di dare all'utente la possibilità di commentare ogni singola storia grafica pubblicata. Il feedback è stato molto importante sia per gli autori che per generare un senso di partecipazione e condivisione negli utenti, ma per fare questo dovevamo fare in modo che in ogni singolo post comparisse una storia navigabile (con dei banali pulsanti avanti e indietro). Per fare ciò l'unica soluzione possibile era aprire un cosiddetto "i-frame" che ripescasse le immagini da un'altra collocazione nella rete. Durante la progettazione scartai immediatamente Flash (che avrebbe tra l'altro permesso transizioni più interessanti) perché l'editing di tanti post con questo sistema (se ne prevedevano almeno una cinquantina) sarebbe stato troppo oneroso in termini di tempo per il web master, e adottai delle semplici pagine html con l'immagine mappata per ottenere le aree sensibili dei comandi "avanti" e "indietro" e altri comandi ipertestuali. L'unica sofisticatezza è stata la dissolvenza tra una pagina e l'altra, visibile però solo con Internet Explorer.

Conclusioni

Blog&Nuvole è la dimostrazione di come non sempre la tecnologia più recente sia la scelta migliore per rendere efficace un progetto internet. In questi mesi migliaia di utenti (in certi giorni più di 500) hanno interagito con il progetto senza diffidenza o grandi problemi nell'utilizzazione dell'interfaccia. Il blog non è stato un semplice punto d'appoggio su internet di qualcosa che avveniva da un'altra parte, ma un vero e proprio laboratorio di produzione di contenuti originali e di alta qualità in un percorso culminato nella produzione dell'eccellente catalogo edito da Comma 22.
A dimostrare come dal virtuale al reale, se si fanno delle scelte ponderate, il passo non sia poi così lungo.

catalogo Blog E Nuvole

ps. E se proprio non ve ne sbatte un accidente del web design (effettivamente roba per pochi eletti) ecco a voi l'elenco dei 10 migliori fumettisti MVP (mai visti prima) conosciuti durante questa bislacca ma riuscitissima operazione:

Ruggero Asnago, Marco Cazzato, Anna Ciammiti, Marco Corona, Elena Miele, Eugenia Monti, MissTendo, Mp5, Hannes Pasqualini, Lucho Villani.

E un bel making of di Sed Tantum Dic Verbo di Cubber e Hannes Pasqualini.