Web Design  »  Articoli  »  Web design 

Molto spesso si è portati a ritenere che le prime fasi progettuali della macrostruttura di un sito, così come i passi successivi di definizione dell'architettura dell'informazione e, ancora più nel dettaglio, del layout delle pagine, siano processi necessariamente molto macchinosi e lunghi. In realtà chi progetta e disegna siti da tempo si sarà accorto come l'aspetto creativo legato all'impulso del momento venga troppo spesso smorzato dalla lentezza con cui gli strumenti elettronici e i software solitamente usati ci permettono di rendere visualizzabili le nostre idee.

Quante volte, per esempio, abbiamo sprecato ore e ore per trasferire qualche idea di navigazione in un file Power Point o in un software di grafica che hanno poi generato risultati di non facile interpretazione? E, allo stesso modo, non ci è mai capitato di aver deciso di progettare prima tutto su carta effettuando decine di schizzi che, tuttavia, una volta annotati di getto non ci hanno permesso di effettuare modifiche se a patto di ridisegnarli svariate volte? Che dire poi della difficoltà di tracciare collegamenti tra "foglietti volanti" o di stabilire relazioni tra supporti cartacei che siano in grado di trasferire visivamente la complessità di un sito?

Fortunatamente esistono strumenti che permettono di conciliare i vantaggi della creazione d'impulso a mano libera con alcune delle funzionalità elettroniche più apprezzate come, per esempio, il copia/incolla, lo spostamento di elementi all'interno degli spazi di lavoro, il collegamento dinamico tra elementi e molti altri ancora.

Uno di questi strumenti è Denim, programma Open Source scritto in Java (richiede quindi un qualsiasi sistema operativo su cui sia installata la Java Virtual Machine) espressamente studiato per essere impiegato in abbinamento a una tavoletta grafica o a un tablet PC e per assistere il progettista Web nella realizzazione di schemi progettuali che svariano dalla definizione della macrostruttura del sito al più piccolo dettaglio presente all'interno della pagina.

Interfaccia "manuale"

Figura 1 - Screenshot: interfaccia di Denim (click per ingrandire)

Per quanto a prima vista Denim possa sembra un software dall'interfaccia poco curata (in effetti non si è prestata grande attenzione all'estetica di alcuni suoi elementi…), in realtà ogni minimo dettaglio legato all'interazione con l'utente risulta assolutamente adeguato alle più ambiziose esigenze operative.

Innanzi tutto Denim consente, se utilizzato con una tavoletta grafica, di utilizzare speciali gesti per controllare la creazione di pagine, la cancellazione di elementi e diverse altre operazioni. La possibilità di disegnare rapidamente e inserire elementi in maniera intuitiva, o meglio, senza quasi pensare al "come" ottenere il risultato desiderato, rende così molto più rapido il processo creativo.

Per esempio, basta tratteggiare un riquadro perché questo venga automaticamente trasformato in una pagina, mentre agendo sulla barra di scorrimento a sinistra si possono applicare gli ingrandimenti dell'area di lavoro passando in pochi istanti dalla visione verticale della macrostruttura del progetto al più accurato livello di dettaglio relativo alla composizione e alla collocazione dei contenuti all'interno del layout delle singole pagine. Altrettanto utile e funzionale è l'aspetto della dinamicità dell'interfaccia che consente di effettuare modifiche relazionali tra cui lo spostamento degli elementi, semplicemente trascinandoli da un punto all'altro dello schermo, o l'instaurazione di link non solo tra pagine ma anche tra gli elementi interni del singolo layout verso le altre pagine.

Parola chiave di Denim è l'intuitività delle operazioni da svolgere. Una volta disegnate le pagine, basta infatti disegnare una linea che le unisce perché questa linea venga riconosciuta come iperlink che seguirà la pagina di destinazione ovunque questa venga trasportata.

Altri articoli

Altre guide

Altre newsletter