Quando si progetta un sito o una web app è necessario poter contare su una bozza della struttura che permette di organizzare gli spazi e le funzionalità che andranno poi inserite nella versione finale del progetto, insomma un wireframe.
Premesso che i wireframe possono essere creati anche con carta e penna, è utile considerare anche una maniera per gestirli in modo più efficiente e condividerli con altri collaboratori : sfruttare uno strumento online.
Axure RP
Per prototipi interattivi di siti web e apps
Moqups – HTML5 App For Creating Wireframes
Moqups è un App HTML5 utile per creare wireframe, mockup o prototipi. Gli svilupattori del progetto, hanno cercato di rendere le cose semplici e abbastanza intuitive in modo da poter consentire all'utente di liberare la sua creatività senza ostacoli. Moqups è stato costruito su standard aperti, cercando di fornire la migliore esperienza all'interno del browser.
Offre 60 layout predefiniti è possibile esportare il vostro progetto in PDF e PNG. Supporta l l' Auto-save. Si può facilmente Annullare, Ripetere, Tagliare, Copiare ed Incollare. È possibile utilizzare tasti di scelta rapida. . È completamente gratuito.
MockNow – An Online Wireframing Sharing Tool
MockNow è un tool legerissimo online per la condivisione di wireframe e mockup.
WireframeSketcher
WireframeSketcher è uno strumento che aiuta gli sviluppatori a creare rapidamente wireframe, mockup e prototipi per applicazioni desktop, web e mobile. Si tratta di un' applicazione desktop. È disponibile un plug-in per la IDE Eclipse.
Wireframe.cc
Wireframe.cc è uno strumento minimal per creare wiframe: crea super-semplici wireframe per siti web ed applicazioni mobile.
Pidoco
Pidoco è un software web-based che facilita la rapida la creazione di wireframe, prototipi di interfaccia utente ed applicazioni mobile. Disponde del tasto condivisione e di diverse funzioni di collaborazione altre ad un comodo modulo di test per l'usabilità.
Pencil Project
Pencil è stato costruito con lo scopo di fornire uno strumento open-source GUI di facile installaizone. Supporta l'esportazione nei formati: PNG, pagina web, PDF, SVG ed Open Document.
Justinmind Prototyper
Alcune delle caratteristiche di Justinmind Prototyper includono: la capacità di trascinare gli elementi dell' interfaccia, cambiare facilmente e riutilizzare i componenti, definire scenari e grafici, definire gli eventi e le interazioni. Justinmind supporta le esportazioni in HTML, e consente per l'inserimento di widget nativi esterni sotto forma di oggetti HTML o Flash.
PowerMockup
PowerMockup estende il tradizionale PowerPoint con una ricca serie di elementi di arricchimento dell'interfaccia utente per il disegno di applicazioni web e desktop. Con pochi clic, è possibile creare mock-up complete.
ForeUI
ForeUI è uno strumento facile da usare, progettato per creare mockup, wireframe e prototipi per qualsiasi applicazione o siti web.
ForeUI funziona in Windows, Mac OS X, Linux e Solaris. È disponibile in inglese, tedesco, francese, spagnolo, portoghese brasiliano e russo, altre traduzioni sono in corso.
Gliffy
Gliffy è un editor progettato per creare diagrammi di flusso, diagrammi di rete, planimetrie, disegni di interfaccia utente e altri disegni on-line. Gliffy è facilissimo da usare: basta giocare e liberare la fantasia con il drag-and-drop!
ProtoShare
ProtoShare è un'applicaizone web estremamente semplice procettato per creare mock-up in un ambiente collaborativo.
iPlotz
iPlotz è un applicazione web-based (con licenza desktop opzionale), che consente di creare mockup e wireframe per prototipi di siti e software. I mockup ed i wireframe sono cliccabili e navigabili e possono includere componenti di design. È possibile lavorare su un intero progetto e condividere il proprio lavoro con altri utenti, consentendo loro di commentare, modificare o condividere.
Balsamiq Mockups
Potente e scalabile con più di 60 controlli pre-costruiti tra cui scegliere, gli utenti in grado di progettare qualsiasi cosa, da una finestra di dialogo semplicissima ad una vera e propria applicazione, da un semplice sito web ad una Rich Internet Application.
Mockingbird
La versione beta del software completamente web based e basata sul framework Cappuccino, è dotata di alcune caratteristiche interessanti che renderanno la vita del designer un pó più semplice. Uno di queste è la possibilità di condividere il lavoro online tramite un link. Un'altra interessante caratteristica è la possibilità di ridimensionare gli oggetti o i componenti.
Lovely Charts
È possibile utilizzare l'applicazione per creare tutti i tipi di diagrammi tra cui organigrammi, diagrammi di wireframe, sitemap e diagrammi di flusso.
Cacoo
Cacoo è un utile strumento di disegno online che permette di creare una serie di diagrammi, mappe del sito, frames, UML e diagrammi di rete. Dispone di 13 set di stencil con immagini utili e shapes che coprono le forme di base, palloncini, frecce, attrezzature per ufficio, simboli sitemap, componenti di rete, simboli per diagrammi di flusso, layout di ufficio, persone, smiley.
Lumzy
Una semplica ma completa web app per creare e modificare prototipi, wireframe, mock-up, in maniera interattiva
SimpleDiagrams
SimpleDiagrams è un'applicazione desktop di dimensioni ridotte che consente alla tua creativitá di esprimersi liberamente.
HotGloo
HotGloo combina tutte le funzionalità di un software desktop classico con il comfort ed i vantaggi di una web app. Con un solo click è possibile ricevere un feedback su un determinato elemento o un'interazione.
Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.