10 Mockup Software per Wireframe – Free Web Design Online



Mockup Software: Free Web Design OnlineOgni web designer e sviluppatore dovrebbe avere uno software per mockup e per creare wireframe valido e affidabile al suo fianco. Ma andiamo per gradi; cos’è un software per mockup? Io lo definirei come: “lo strumento che consente di pianificare in modo efficace la disposizione visiva del contenuto dei siti web“. Ci sono molti web designer e sviluppatori che ne fanno a meno; personalmente io li uso e credo che nella fase iniziale di sviluppo, i wireframe rendano più facile la concretizzazione di un progetto corretto e che rappresentino la traccia esaustiva dell’incontro tra le esigenze del cliente e le vostre idee creative.

Come definisce wikipedia.org il wireframe:

In informatica, wireframe o wire frame model (lett. modello in fil di ferro) indica un tipo di rappresentazione grafica da computer di oggetti tridimensionali. Con questo metodo vengono disegnati soltanto i bordi dell’oggetto, il quale di fatto resta trasparente al suo interno (sembrando, appunto, costruito con il “fil di ferro”). Questo metodo richiede calcoli molto più semplici rispetto alla rappresentazione di superfici, ed è quindi considerevolmente più veloce.

In questo articolo verranno elencati 10 software free per il mockup e i wireframe:

1. Pencil Project: software per mockup direttamente online

Pencil Project è molto diffuso ed è piuttosto potente. Si tratta di una distribuzione software free; è un addon messo a disposizione dal browser Firefox per la realizzazione di mockup e wireframe di GUI con una moltitudine di funzioni, ultimamente sono state realizzate versioni per Linux, Windows e Apple che possono essere scaricate gratuitamente dal loro sito.

 

2. Web Site Wireframe Tool: mockup e wireframe software veloce e intuitivo per il web

Web Site Wireframe Tool è uno strumento per fare mockup e creare wireframe che spicca per la semplicità di utilizzo, la rapidità e permette di condividere velocemente i risultati via web. Questo particolare strumento consente di costruire wireframe in pochi minuti, inoltre, i mockup possono essere inviati tramite e-mail, messaggi istantanei, o anche con lo smartphone. Web Site Wireframe Tool è Free e funziona con i più moderni browser, tra cui Internet Explorer e Mozilla Firefox.

 

3. WireframeSketcher: L’applicazione desktop per i mockup e i wireframe

WireframeSketcher è uno strumento che aiuta wireframing product manager, progettisti e sviluppatori a creare rapidamente wireframe, mockup e prototipi per applicazioni desktop, web e mobile. Si tratta di una applicazione desktop molto potente e intuitiva.

 

4. DUB – DENIM: wireframe e mockup software pronto per il download

DUB DENIM è un’applicazione desktop gratuita disponibile per Windows, Unix, e Mac OS X. Nasce dal progetto SILK, una strumento penna che consente schizzi per la progettazione di interfacce utente, veri e propri mockup. Con questo prodotto viene offerta la possibilità di usufruire dei vantaggi del classico disegno su carta combinato con gli attuali strumenti di prototipazione elettronica. Un ottimo software per creare wireframe free sul tuo computer.

5. Mockingbird

Mockingbird è uno strumento online che rende molto semplice creare prototipi di siti web o applicazioni. Grazie alla sua interfaccia chiara e pulita con funzioni di drag and drop e snap-to-grid è un software perfetto per realizzare mockup e creare wireframe.

 

6. Prototyper Free Edition: non si può considerare un software free

Prototyper Free Edition non è del tutto Free, esiste infatti, un pacchetto gratis (limitato a 1 Mockup con 4 pagine e 10 MB di spazio), non risulta quindi molto utile. Per ch in ogni caso cercasse un mockup software valido per creare wireframe a basso prezzo può intanto provare Prototyper Free Edition

 

7. Prototype Composer: mockup software per simulare prototipi funzionanti

Prototype Composer, è particolarmente indicato per gli utenti business e analisti aziendali che desiderano costruire e condividere prototipi di qualità che simulano un’applicazione funzionante.
E ‘uno strumento per i dati di prototipazione, processi, attività e, soprattutto, interfacce utente. L’applicazione funziona anche come strumento di Project Management, che è abbastanza semplice da usare.

 

8. fluidIA: mockup software web-based (online)

FluidIA è uno prodotto recente per la progettazione di mockup e wireframe molto indicato per la prototipazione. Questo strumento online permette una rapida ricerca e l’esplorazione di concetti utilizzando un approccio orientato agli oggetti per la progettazione.
L’idea di questo software è quello di dar vita ad un team di web designer e sviluppatori che possono così creare i mockup e wireframe in condivisione. Da provare!

 

9. Cacoo: software collaborativo per mockup e wireframe online

Cacoo è un software di disegno online che ti permette di creare diagrammi, come mappe del sito, cornici, UML e diagrammi di rete. Consente a più utenti di modificare lo stesso mockup in un’ottica collaborativa simultanea con tutti gli strumenti e le funzionalità che ci si aspetta da un applicazione wireframe online.
Permette di incollare il codice in applicazioni web come wiki e blog, e quando il diagramma originale viene modificato la grafica incollata verrà aggiornata automaticamente, eliminando la necessità di caricare lo schema ad ogni successivo aggiornamento.

 

10.Lumzy: Mockup software interattivi, per clienti che non capiscono il web

Con Lumzy, è un software free per creare mockup che mostrano come il sito o l’applicazione funzionerà. Per esempio, che cosa succede quando l’utente fa clic su un pulsante? È possibile creare alert, la navigazione delle paginee o link a contenuti esterni. I clienti potranno interagire con il tuo mockup, ma con la sensazione di avere sott’occhio uno schizzo disegnato a mano.