I servizi professionali di wireframing e web site prototyping rappresentano un'evoluzione rispetto ai servizi gratuiti di wireframing ed ai servizi commerciali di web site prototyping, consentendoti di progettare modelli altamente realistici di siti Web. In questa guida di MasterNewMedia troverai i migliori servizi professionali di wireframing e web site prototyping da usare per creare progetti visuali davvero accattivanti di web design.

Photo credit: Designer Break

I modelli wireframe hanno il vantaggio di fornire una rappresentazione visiva immediata simile a quello che sarà il layout finale del tuo sito, l'organizzazione dei suoi contenuti e la navigazione tra le sue pagine. Senza buttare via inutilmente tempo prezioso e risorse per progettare ogni singolo dettaglio della tua interfaccia, potrai creare modelli completamente funzionali per comunicare ai tuoi clienti ed ai membri del tuo team il tuo progetto ed inoltre mettere in risalto ambiguità e rischi che riguardano le tue scelte di progettazione.

Su MasterNewMedia sono già state pubblicate altre due guide, una sui servizi gratuiti di wireframing ed un'altra sui servizi commerciali di web site prototyping, mentre questa terza guida evidenzia e si concentra invece esclusivamente sui servizi professionali di wireframing e sui servizi di web design per creare prototipi di siti.

Ma allora, quali sono le caratteristiche che differenziano i servizi professionali di web site prototyping dalle loro controparti gratuite e commerciali?

• Potenza di elaborazione: tutti i servizi professionali di wireframing sono disponibili esclusivamente come software scaricabili. Nessuno è utilizzabile come soluzione Web-based.
• Completezza: per la maggior parte dei servizi presenti in questa guida, la possibilità di creare wireframe è solo una delle opzioni a tua disposizione. Potrai disegnare anche diagrammi di flusso, diagrammi di Venn, mappe mentali, piani di paesaggio ed altri tipi di progetti visuali che ti aiuteranno a comunicare in maniera più efficace le tue idee con l'aiuto dei wireframe.
• Libreria GUI di sistema: tutti i servizi professionali di wireframing hanno un'impressionante libreria di widget ed elementi di design pronti all'uso, che potrai copiare ed incollare nei tuoi wireframe. Avere componenti di design pronte per l'uso da utilizzare per la creazione del modello del tuo sito non rappresenta solo un grande risparmio di tempo, ma ti permette di disegnare prototipi con precisione clinica e di ottenere un effetto altamente realistico.
• Annotazioni sul progetto: i servizi professionali di wireframing ti permettono di creare annotazioni e commenti da aggiungere al tuo progetto wireframe. Grazie all'uso delle annotazioni potrai facilmente condividere feedback, idee, suggerimenti e revisioni senza dover ricorrere ad altri servizi di collaborazione e di comunicazione offerti da terze parti.

Per aiutarti ad identificare e scegliere la miglior soluzione tra i servizi professionali di wireframing in base alle tue esigenze, ho confrontato tutti i migliori servizi disponibili sul mercato ed attraverso una mindmap interattiva, una serie di tabelle comparative e di mini-recensioni, ho cercato di rendere più efficace possibile la tua analisi e la tua scelta.

Ecco i criteri che ho utilizzato per il confronto:

• Sistema operativo supportato: sistema operativo necessario per poter installare il servizio software di wireframing.
• Wireframe interattivi: prototipi cliccabili che simulano la navigazione tra pagine Web.
• Progetti mobile: simulazione di wireframe di siti mobile ed applicazioni Web.
• Collaborazione: interazione con clienti e collaboratori per ricevere feedback in tempo reale.
• Formati di esportazione: formati supportati per esportare i progetti wireframe.
• Prezzo: costo del servizio di wireframing e web site prototyping.

Ecco nel dettaglio la guida completa:

Servizi Professionali di Wireframing e Web Site Prototyping - Tabelle Comparative

Servizi Professionali di Wireframing e Web Site Prototyping

1. Axure RP

   

   Axure RP è un servizio professionale di web site prototyping che ti permette di creare un wireframe per iniziare a progettare il tuo sito Web. Axure RP è disponibile sia per piattaforme Windows sia Mac. Puoi disegnare wireframe sia statici sia interattivi che simulano la reale esperienza di navigazione degli utenti. È a tua disposizione una ricca libreria GUI di sistema che ti fornisce elementi Web e widget pronti per l'uso, come barre dei menu, barre di scorrimento ed intestazioni che potrai includere all'interno del prototipo del tuo sito. La funzionalità di collaborazione ti consente di condividere il prototipo del tuo sito con altre persone e di ricevere commenti e feedback in tempo reale sul tuo lavoro. Puoi salvare / esportare il wireframe nei formati HTML, JPEG, PNG, BMP e GIF. Axure RP costa $589. Non è supportato alcun progetto mobile.
   http://www.axure.com/

 





2. Justinmind Prototyper

   

   Justinmind Prototyper è un servizio software professionale per creare prototipi di siti Web, applicazioni software ed applicazioni mobile. Justinmind Prototyper è disponibile sia per Windows sia per Mac. Disegnando modelli interattivi di siti Web ed utilizzando i wireframe, puoi delineare il tuo nuovo progetto Web ed anche simulare la navigazione degli utenti per prevenire i rischi e le ambiguità che potrebbe presentare il tuo progetto. Un'ampia libreria GUI di simboli ti permette di aggiungere oggetti di design pronti per l'uso ed elementi Web al tuo prototipo. Puoi decidere anche di lavorare in modo collaborativo al tuo wireframe e scambiare con i tuoi collaboratori feedback e commenti in tempo reale. Quando avrai finito, potrai esportare il tuo wireframe nei formati HTML, PNG e JS. Justinmind Prototyper costa $459.
   http://www.justinmind.com/

 





3. ConceptDraw PRO

   

   ConceptDraw PRO è un servizio per creare diagrammi tecnici disponibile per Windows e Mac che puoi utilizzare per creare prototipi di siti Web ed applicazioni software. ConceptDraw PRO dispone di un'ampia libreria GUI di widget predefiniti ed oggetti di design che rendono più facile disegnare un modello wireframe. La funzionalità di esportazione ti permette di salvare i tuoi prototipi di siti finiti in diversi formati, come ad esempio: PDF, JPG, EMF, SVG, PPT e molti altri. La funzionalità integrata di presentazione ti consente di presentare i tuoi progetti visivi, senza la necessità di ricorrere ad un software o ad un'applicazione esterna. Il costo di ConceptDraw PRO è fissato a $199. Non sono supportati i progetti mobile, la funzionalità di collaborazione e nemmeno i wireframe interattivi.
   http://www.conceptdraw.com/en/

 





4. Lucid Spec

   

   Lucid Spec è un servizio software professionale di wireframing per Windows. Lucid Spec ti permette di creare siti Web e prototipi di software e di provvedere ai tuoi clienti grazie a specifiche GUI precise, che puoi inserire facilmente all'interno dei tuoi prototipi. Puoi creare wireframe sia statici sia interattivi che simulino il flusso di navigazione tra le pagine Web del tuo modello. Per disegnare il tuo wireframe, puoi accedere ad un'ampia serie di widget predefiniti ed elementi di design che puoi trascinare ed incollare all'interno del tuo prototipo. Quando il prototipo sarà pronto, potrai esportarlo in formato RTF. Il prezzo di Lucid Spec è di $499. Non sono supportati i progetti mobile ed il servizio non offre alcuna funzionalità di collaborazione.
   http://www.elegancetech.com/ls/ls.aspx

 





5. Adobe Illustrator CS5

   

   Illustrator CS5 è l'ultima versione del servizio software di graphic desgn per illustrazioni di Adobe, disponibile per Windows e per Mac. Tra le sue caratteristiche di progettazione, Illustrator CS5 ti consente di disegnare wireframe sia statici che interattivi del tuo sito Web. I wireframe interattivi ti permettono di simulare la navigazione tra le pagine Web (ma è necessario che Adobe Flash Catalyst sia installato sul tuo computer). Un'ampia libreria GUI di simboli ti consente di aggiungere oggetti di design e widget pronti per l'uso al prototipo del tuo sito Web. Puoi anche collaborare con altre persone per ricevere feedback e commenti in tempo reale sul tuo lavoro direttamente dall'interfaccia di Illustrator CS5. Quando avrai finito, potrai esportare il wireframe in differenti formati come SVG, JPEG, GIF, PDF ed altri ancora. Illustrator CS5 costa $599. Non è supportato alcun tipo di progetto mobile.
   http://www.adobe.com/products/illustrator/

 





6. Visio Professional 2010

   

   Visio Professional 2010 è l'ultimo aggiornamento del servizio software per la creazione di diagrammi della suite Microsoft Office. Visio 2010 è disponibile solo per computer Windows. Con Visio Professional 2010, puoi creare diversi tipi di progetti visivi come diagrammi di flusso, diagrammi di Venn, mappe ed anche prototipi di siti Web (standard e mobile) e prototipi di applicazioni software. Visio Professional 2010 inoltre, ti offre la possibilità di collaborare a progetti di design e di ricevere feedback e commenti durante il tuo lavoro. Quando avrai finito, il tuo progetto potrà essere esportato in diversi formati come ad esempio SVG, EMF, GIF, JPEG, PNG e molti altri Il prezzo di Visio Professional 2010 è di $559,99 e puoi decidere di acquistare Visio separatamente dagli altri componenti di Microsoft Office.
   http://office.microsoft.com/en-us/visio/

 





7. SmartDraw

   

   SmartDraw è un'applicazione desktop professionale per Windows che ti permette di comunicare le tue idee visivamente. Puoi utilizzare SmartDraw per disegnare mappe mentali, diagrammi di flusso, wireframe, grafici, mappe, scene del crimine, e molto altro. SmartDraw è completamente integrato con Microsoft Office e dispone di un'ampia libreria GUI di simboli con pulsanti pronti per l'uso, barre di scorrimento ed altri oggetti che puoi utilizzare per aggiungere elementi di design al tuo progetto visuale. La funzionalità di collaborazione ti permette anche di condividere ogni progetto creato e di ricevere feedback in tempo reale. Quando avrai finito, potrai esportare il tuo progetto visuale nei formati HTML, JPEG, EMF, SVG e molti altri. SmartDraw costa $279. Non è supportato alcun progetto mobile e non potrai creare wireframe interattivi.
   http://www.smartdraw.com/

 





8. iRise Professional

   

   iRise Professional è un software di wireframing e web site prototyping ad alto profilo rivolto a designer professionisti e sviluppatori Web. Disponibile solo per computer Windows, iRise Professional ti consente di realizzare prototipi di siti Web sia standard che mobile e di simulare ogni aspetto dell'esperienza degli utenti come la navigazione tra le pagine, i clic, i movimenti dei mouse e molto altro. Una serie completa di widget e di oggetti di design che puoi trascinare ed incollare direttamente all'interno dei tuoi prototipi ti permette di personalizzare il tuo progetto. Per condividere i tuoi progetti con altri potrai esportare i tuoi wireframe nei formati PDF, XML ed HTML. iRise Professional costa $6.995. Non è disponibile alcuna funzionalità di collaborazione.
   http://www.irise.com/