Balsamiq, le funzioni principali per creare un wireframe

Le funzioni principali per diventare presto produttivi con Balsamiq

Abbiamo già parlato dell’efficacia degli strumenti visuali per realizzare wireframe e in particolare di Balsamiq Mockups, strumento che – con poche limitazioni – possiamo utilizzare anche gratuitamente.

In questo articolo esaminiamo alcune delle funzionalità che ci permettono di lavorare in modo fluido con questo tool.

Inserire gli elementi dell’interfaccia

Per prima cosa lanciamo Balsamiq Mockups in versione Demo e cominciamo ad inserire gli elementi.

Figura 1. Demo di Balsamiq (clic per ingrandire) Demo di Balsamiq

Appena sotto il menu abbiamo la UI Library, una barra dove troviamo i componenti più comuni alle pagine Web. Come è facile intuire possiamo trascinare gli elementi dalla libreria, con un drag and drop:

Figura 2. Trascinare gli elementi Trascinare gli elementi

Oppure possiamo sfruttare la casella Quick Add, che troviamo nella barra del menu. Appena iniziamo a scrivere il nome di un componente la casella ci suggerisce i nomi degli elementi che hanno lo stesso prefisso.

Figura 3. Sfruttare la Quick Add Sfruttare la Quick Add

I Video di HTML.it

Andrea Provaglio