jSelective: visualizzazione dinamica dei contenuti

Il progetto web SAMPLA è stata l'occasione per sperimentare in un sito commerciale jSelective: una tecnica di visualizzazione dinamica dei contenuti basata su jQuery da noi ideata e utilizzata per la prima volta sul nostro sito web.
jSelective risponde alla domanda come semplificare la visualizzazione di contenuti molto lunghi all'interno della stessa pagina?
Naturalmente eravamo alla ricerca di una soluzione che funzionasse su diversi browsers (IE6, IE7, Firefox, Safari) e diversi sistemi operativi (Windows, Mac).
Cercavamo, inoltre, una tecnica in grado di gestire la visualizzazione dei contenuti della pagina in modo flessibile, senza tuttavia compromettere l'accessibilità ai contenuti.
Un esempio efficace è la pagina Publications del sito web SAMPLA nella quale è possibile scegliere quali contenuti visualizzare in base a 2 criteri: tipologia (tesi, articoli scientifici, posters, presentazioni) oppure autore.
Come funziona jSelective
jSelective è una tecnica lato client: coinvolge esclusivamente il computer dell'utente, senza mai interrogare il server che ospita il sito web. Grazie a questa impostazione la risposta dell'interfaccia è estremamente veloce e fluida.
Questa tecnica sfrutta la proprietà class per visualizzare soltanto i contenuti identificati da una specifica classe. Le specifiche XHTML consentono di assegnare la stessa class a più elementi della pagina e di assegnare allo stesso elemento più valori class.
In questo modo è possibile:

1. visualizzare tutti gli elementi identificati da una certa classe
2. visualizzare lo stesso elemento all'interno di più classi

Un menu all'inizio della pagina funziona da selettore per la visualizzazione dei contenuti.
Un esempio concreto
La pagina web Publications all'interno di SAMPLA offre automaticamente la visualizzazione di tutti i contenuti e mostra selezionato il pulsante All Publications.
L'utente può scegliere di visualizzare soltanto Theses, Articles, Posters, Conference Presentations oppure di visualizzare tutte le pubblicazioni di uno dei quattro ricercatori di SAMPLA (Enrico, Ryan, Stephen, Toby).
Perciò lo stesso elemento, per esempio la tesi Thermal physio-ecology of the white shark comparirà selezionando sia Theses che E. Gennari's (tutte le pubblicazioni di Enrico Gennari).

Premio Web Italia 2007. Vincitori 2 volte!

Eccoci qui, tornati a Roma, dopo l'esperienza di partecipazione alla fase finale del Premio Web Italia 2007 tenutasi a Francavilla al Mare (CH) il 14 dicembre.
Siamo tremendamente orgogliosi e felici di aver ottenuto la nomination come Miglior Home Page e Welcome Page che proietta il nostro sito web tra i migliori 5 d'Italia. Esatto. Proprio quello il cui blog state leggendo in questo preciso istante.
Siamo particolarmente soddisfatti di questo riconoscimento perché aver ottenuto la nomination significa essere stati premiati 2 volte:

1. Al nostro lavoro di Web Design è stato riconosciuto il titolo di eccellenza, siamo al top in Italia.
2. Questo riconoscimento pubblico dà nuova forza e vigore alla nostra convinzione di esprimere la creatività nel pieno rispetto degli Standard Web.

Titolo di eccellenza
Il Premio Web Italia è il più prestigioso concorso di Web Design attualmente esistente in Italia. La direzione artistica ha un indirizzo chiaro e trasparente: attribuisce grande rilevanza agli aspetti visuali, evocativi, emozionali del Web Design.
Perciò siamo particolarmente felici di aver ottenuto questo riconoscimento che attesta il valore artistico del nostro lavoro e l'efficacia dell'impatto della nostra Home Page: proprio quello che volevamo ottenere quando abbiamo ideato il progetto.
Creatività e Standard Web
Crediamo che progettazione di qualità significhi ideare soluzioni creative a domande concrete nel rispetto di quegli standard web che hanno contribuito a trasformare il web in un luogo migliore per chi ci naviga tutti i giorni.
Siamo convinti che gli standard web promossi dal W3C non rappresentino un limite alla creatività ma, al contratrio, l'opportunità di esprimerla pienamente sulla base di principi condivisi e condivisibili.
Ogni progetto è connotato da una successione di scelte progettuali sul piano artistico e tecnico che devono necessariamente confrontarsi con i limiti imposti dal progetto stesso. Ecco dunque che l'interpretazione del limite, della regola, non come "prigione" ma come piattaforma sulla quale costruire soluzioni sostenibili è in grado di trasformare radicalmente l'approccio nei confronti degli standard web.
E' grazie all'utilizzo della regola, dell'equivalente grafico di ciò che in architettura è la griglia ordinatrice di un impianto planimetrico, che possiamo progettare la presenza di eccezioni (proprio alla regola stabilita) che saranno in grado di catturare l'attenzione dell'utente senza creare confusione e senza "aggredire" i suoi sensi durante la navigazione.
Un nuovo inizio
Partecipare alla cerimonia finale del Premio Web Italia 2007 è stato stupefacente, gratificante, emozionante, stimolante. Ha significato, per noi, una iniezione di positività e un ulteriore stimolo a spingerci oltre, a proseguire le nostre ricerche tecniche e artistiche, a esplorare nuovi sentieri progettuali.

Un caso di studio: www.anthos.info

La realizzazione del nostro nuovo sito web è stato un percorso progettuale ricco di domande, spunti di riflessione, sperimentazione, novità. Credo valga la pena condividere questa esperienza per il suo valore generale, sul piano progettuale.
I temi affrontati durante il progetto www.anthos.info connotano, infatti, la realizzazione di qualsiasi sito web. E' interessante, perciò, utilizzare questo caso di studio per alcune riflessioni e approfondimenti sulla progettazione in ambito web: navigazione, interfaccia, architettura delle informazioni, gerarchie (sia di significato che visuali), rappresentazione della complessità, semantica, distinzione tra contenuti, presentazione e comportamento. In una parola: comunicazione sul web.
Durante la realizzazione del nostro nuovo sito web, oltre ad affrontare questioni di natura teorica, sono state individuate alcune soluzioni in funzione delle specifiche esigenze di progetto, interessanti da trattare sotto l'aspetto tecnico. Si parlerà, perciò, anche di una miscela di XHTML, CSS e JavaScript (soprattutto jQuery).
Il nostro sguardo sarà sempre quello del progettista che, operando delle scelte, deve individuare soluzioni progettuali nel rispetto degli obiettivi e dei vincoli di progetto.
In perfetto spirito iper-testuale utilizzeremo qualsiasi tipo di "link" verso risorse di rilievo per gli argomenti trattati: siti web, libri, riviste, personaggi.
A presto!