9 tool per creare wireframe

• Tweet

• Tweet

I wireframe sono indispensabili per creare una bozza del tuo prossimo sito per sviluppare (da solo, con i colleghi o  insieme ai clienti) un valido discorso di usabilità e sottolineare problemi che è meglio risolvere prima che poi.

Come sono fatti questi wireframe? Non sono molto piacevoli da vedere perché, in effetti, si tratta di una bozza del sito composta da blocchi incolore, testo e didascalie. Puoi utilizzare un qualsiasi programma di fotoritocco per creare un wireframe ma sul web ci sono molti strumenti che ti possono dare una mano. Io ne ho scelti 9:

• FlairBuilder – Iniziamo con un’ottima applicazione (a pagamento) web based per creare wireframe, prototipi di siti web e bozze di applicazioni iPhone. FlairBuilder è sicuramente uno degli strumenti principali nel settore del web designer.

• Balsamiq Mockups – Sembra un disegno ma è un wireframe creato con Balsamiq. Ecco un tool ideale (anche questo a pagamento) per far lavorare insieme product manager, designer, sviluppatori e clienti prima di scrivere il codice ed evitare di perdere tempo prezioso per correzioni inutili.

• Cacoo – Crea wireframe e diagrammi modificabili online da più persone contemporaneamente. Con Cacoo, infatti, le modifiche effettuate dagli utenti appaiono in tempo reale sul progetto. L’account può essere gratuito o a pagamento (4.95 dollari al mese).

• Wirify – Bottone da aggiungere sul tuo browser per trasformare ogni sito web in un wireframe. Lo so, adesso ti starai chiedendo quali sono i motivi per fare un passo indietro e trasformare un sito web in un wireframe. Dovrebbe essere il contrario ma il team di Wirify ha la risposta che cerchi.

• Pencil Project – Altra componente per browser (ma c’è anche la versione standalone) che ti aiuta a progettare il tuo sito web. Rilasciato con licenza GPL version 2, Pencil Project mi piace perché è uno strumento facile, immediato e open source.

• Denim – Denim uno strumento pen-based per progettare interfacce con pad elettronici e stilo. Sembra proprio un disegno fatto su un pezzo di carta ma qui siamo di fronte a un file digitale che puoi modificare, appuntare, arricchire con note di qualsiasi genere…

• MockFlow – Hai praticamente tutto quello che ti serve e le interfacce che sono dinamiche. L’account a pagamento (4,91 dollari al mese) permette di creare un numero infinito di progetti e di chiamare a raccolta tutti i collaboratori di cui hai bisogno. L’account gratuito, invece, ha come limite un progetto e 2 collaboratori.

• iPlotz – Possiede le caratteristiche dei wireframe tool visti finora ma la sezione dedicata al supporto (forum, snippets, tutorial) è ben fornita e ci sono diverse soluzioni di pagamento, oltre a una versione gratuita che permette di creare un solo progetto di 5 pagine.

• Mockingbird – L’idea che suggerisce Mockingbird è quella di essere uno strumento veloce, professionale e rapido da usare. Non c’è niente da installare, è tutto web e facile da esportare in PDF o PNG. Anche in questo caso ci sono diverse soluzioni di pagamento.

Aspetta… prima di metterti a lavoro non ti dimenticare l’indispensabile guida di Smashing Magazine e gli strumenti indispensabili per creare wireframe: carta e penna! No, non sto scherzando e leggi un po’ cosa ne pensano in questo articolo a proposito del paper wireframing

Fonte immagine

Vuoi leggere ancora qualcosa?

1. 9 tool per migliorare l’usabilità del tuo blog
2. Perché creare un profilo aziendale su LinkedIn?
3. Come creare un podcast in 6 step con Blogger e Feedburner