Categories
tecnologia webdev

Prototipazione rapida con Pencil

pencil Dopo un po’ di tempo passato usando, l’ormai vetusto, Dia e qualche altro tool online per lo sviluppo di wireframe a bassissimo livello per piccoli progetti personali ho riscoperto Pencil.

Tool che, con la versione 1.0, ha finalmente raggiunto un discreto stadio di maturità e, soprattutto, stabilità.

Pencil non è altro che un plugin per Firefox che permette di realizzare wireframe minimali. Le forme attualmente disponibili sono pochissime ed altrettanto poche sono le funzionalità per crearne di nuove, ma nella sua semplicità ed immediatezza risulta un ottimo tool per buttare giù qualche idea quando passa per la testa. Inoltre questo plugin permette di creare piccoli progetti “multipagina”, dove ogni pagina è un clone modificato della precedente, esportabili come una serie di PNG. Decisamente comodo per creare piccoli siti.

ciuaz

Categories
tecnologia webdev

Denim e prototipazione dei siti web

Il primo passo nello sviluppo di un sito web normalmente è rappresentato da uno scarabocchio su carta che rappresenta una possibile idea di interfaccia e/o funzionalità dello stesso. A seguito viene scarabocchiata una pseudo mappa del sito ed una storyboard per quelle pagine che necessitano di una qualche complicata interazione con l’utente.

Alcuni realizzano questi scarabocchi su carta, altri preferiscono lavorare su photoshop altri ancora su powerpoint. L’importante è riuscire a rendere bene l’idea di quello che il sito dovrà fare prima di iniziare a lavorarci sopra.

Denim serve proprio a questo scopo. Questa applicazione realizzata dall’Università di Berkley nasce per dispositivi portatili come palmari e tabletPc (anche se adesso è disponibile anche per i normali pc) e permette di disegnare a mano libera più o meno tutta la struttura di un sito.

La cosa interessante è data dalla possibilità di utilizzare diversi livelli di zoom per andare a disegnare la mappa, le pagine o l’interazione tra le stesse. Unico difetto di Denim attualmente è il fatto che l’esportazione è possibile solo in html mentre non è possibile esportare su formati utili ad altri software per generare template di codice funzionante.

Resta il fatto che durante un brainstorming, se disponete di un tabletPC (meglio se di un Nokia 770 con Maemo) Denim tirerà fuori il meglio di se.

[via Bergius]

ciauz