Quando bisogna iniziare un nuovo progetto, sia esso un sito web piuttosto che un’applicazione per iPhone o Android, viene prima creato un mockup (cioè una bozza dell’interfaccia del progetto) su carta. C’è chi non lo crea proprio, chi se lo disegna in testa oppure chi lo disegna direttamente in un programma di grafica. Oggi scopriremo però Balsamiq Mockups, un’applicazione per Windows, Mac e Linux (in quanto sviluppata con Adobe Air) che consente di creare mockups per applicazioni da desktop, per app per iPhone oppure per siti web. E probabilmente Balsamiq Mockups è la migliore app del suo genere (utilizzata anche da aziende note come Apple, Adobe, Skype ecc. )
Il mockup è una bozza iniziale dell’interfaccia e del layout di un progetto. Serve non solo per porre le fondamenta per la creazione di una vera e propria interfaccia grafica (che poi verrà creata con un apposito programma grafico), ma il mockup è anche lo strumento più immediato ed efficace per far capire (ai vari collaboratori, al capo del progetto ecc.) come funzionerà l’applicazione o ciò che andrai a creare.
L’essenza del mockup
Balsamiq Mockups è un’app dal prezzo abbastanza elevato ma che svolge benissimo il suo lavoro. L’interfaccia, dopo due minuti di “apprendimento”, diventa molto intuitiva ed in pochi secondi è possibile creare un mockup. Lo scopo del mockup è proprio questo: una veloce anteprima del progetto.
L’applicazione adotta il classico stile “sketch” (cioè stile scritto a mano) che viene utilizzato negli oltre 100 oggetti che possiamo inserire nel mockup. Gli “oggetti” o elementi grafici (chiamali come preferisci) sono divisi in varie categorie (Big, Buttons, Common, Containers, iPhone ecc.). Gli oggetti sono davvero tanti, ciascun oggetto ha poi delle opzioni, che appaiono quando clicchiamo sopra un oggetto inserito.
Ad esempio per l’oggetto iPhone (con il quale possiamo creare mockups di app per iPhone) ci sono varie opzioni tra cui la possibilità di posizionarlo verticalmente (portrait) oppure orizzontalmente, la possibilità di togliere la status bar, di tenere conto degli spazi della tab bar ecc.
Le opzioni non si nascondono solo nel riquadro nero che hai visto qui sopra. Infatti per molti altri oggetti, come la table view dell’iPhone che vedi nelle due immagini precedenti (dove c’è la lista Articoli, Autori, Tag e Categorie), è possibile avere più personalizzazioni facendo doppio click sull’oggetto. Per spiegarmi meglio ecco un’immagine (sotto) che mostra l’oggetto Browser Window (un’oggetto utile se create un mockup di un sito web) il cui titolo e indirizzo del sito web possono essere modificati facendo doppio click sull’oggetto!
Per concludere questa mini-guida a Balsamiq voglio ricordare che Balsamiq ha veramente tantissimi oggetti, dai grafici a torta ai bottoni di ogni tipo, fino a forme geometriche, frecce, checkbox e tanti, tanti altri, tutti con personalizzazioni avanzate.
Conclusioni
Come avrai capito, Balsamiq è un’app molto semplice, d’altronde consente soltanto di creare dei disegni partendo da forme già pronte, ma nella sua semplicità si dimostra un’applicazione fondamentale per ogni sviluppatore e completa sotto ogni punto di vista.  Infine una bella notizia, Balsamiq include nel suo team ben due italiani, che raccontano le loro storie nell’apposito blog “Italia” su Balsamiq.com
Loading ...
Alberto Ziveri
Francesco di Lorenzo
Pasquale Fusco
Light
Stefano Campagna