MasterNewMedia Italia
Scopri i migliori tool per comunicare,
collaborare e fare marketing
   
Curated by: Luigi Canali De Rossi
 


19 luglio 2010

Wireframing E Web Site Prototyping: I Migliori Servizi Sotto I 150 Euro Per Progettare Il Design Del Tuo Sito

I servizi di wireframing e web site prototyping ti permettono di avere il controllo completo sulla struttura del tuo sito senza dover assumere un web designer. Puoi creare una bozza fedele che assomigli a quello che sarà il layout del tuo sito e che sia priva di dettagli sui colori, sulla grafica e su elementi specifici di design. In questa guida di MasterNewMedia troverai i migliori servizi di wireframing e web prototyping sotto i 150 euro per iniziare subito a progettare il tuo sito.

servizi_wireframing_web site_prototyping_sotto_150_dollari_progettare_sito_b.jpg
Photo credit: Yasuhisa Hasegawa

Wikipedia definisce il wireframe di un sito così:

''Il wireframe di un sito è una guida visiva di base utilizzata nel design delle interfacce per suggerire la struttura di un sito e la relazioni tra le sue pagine. Il wireframe di una pagina web è un'illustrazione simile a quella che sarà la disposizione degli elementi principali in una determinata interfaccia''.

I wireframe rappresentano un significativo passo in avanti per semplificare la progettazione del tuo sito, in quanto ti permettono di ridurre i tempi di rappresentazione e di creazione e quindi di avere più tempo per concentrarti su ciò che è realmente importante avere sul tuo sito.

Un altro notevole vantaggio dei servizi di wireframing e web site prototyping è essere disponibili in diverse fasce di prezzo e tipologie, in modo da adattarsi completamente al tuo budget.

Puoi già trovare una guida di MasterNewMedia sui servizi gratuiti di wireframing e web site prototyping ed un'altra, che sarà pubblicata tra poche settimane anche in italiano, sui servizi professionali di wireframing.

Questa guida invece è dedicata maggiormente a tutti quegli editori che vogliono sporcarsi le mani con i wireframe pagando prezzi ragionevoli. Infatti, troverai descritti una serie di servizi di web site prototyping che costano meno di 150 euro al mese (molto meno nella maggioranza dei casi).

Per aiutarti a scegliere e ad identificare la miglior soluzione di wireframing in base a quelle che sono le tue necessità, ho selezionato e messo a confronto una serie di servizi (sia web-based che applicazioni software).

Qui di seguito, troverai una mindmap interattiva ed una serie di tabelle comparative e mini-recensioni per rendere il più semplice possibile la tua scelta.

Questi sono i criteri che ho usato per il confronto:

  • Tipo di software: scaricabile / o web-based (se scaricabili, è specificato il sistema operativo supportato).
  • Libreria GUI di simboli: pulsanti barre di scorrimento, menu ed altri oggetti pronti all'uso per disegnare i tuoi wireframe.
  • Wireframe interattivi: modelli cliccabili di siti, che permettono di simulare la navigazione tra le pagine.
  • Collaborazione in tempo reale: interazione con clienti e collaboratori e possibilità di ricevere feedback in tempo reale.
  • Formati di esportazione: formati supportati per esportare i progetti di wireframe.
  • Prezzo di partenza: primo livello di prezzo disponibile.

N.B.: Il seguente elenco di servizi di wireframing sotto i 150 euro è ancora incompleto. Se vuoi, potresti aggiungere questa pagina ai preferiti (basta solo premere CTRL+D sulla tua tastiera se usi Windows o CMD+D se usi un Mac), visto che aggiungerò ulteriori servizi alla lista nelle prossime settimane.

Ecco nel dettaglio la guida completa:

 

 

 


Servizi di Wireframing e web site Prototyping Sotto i 150 Dollari - Tabelle Comparative




 



Servizi di Wireframing e web site Prototyping Sotto i 150 Dollari



  1. Gliffy

    Gliffy è un servizio web-based di wireframing che ti permette di creare prototipi del tuo sito. Puoi creare wireframe sia statici che interattivi per simulare la navigazione tra le pagine web ed usufruire dei vantaggi di un'ampia libreria GUI di simboli. Puoi anche collaborare con altre persone e ricevere feedback e commenti in tempo reale sul tuo lavoro. Quando avrai finito, potrai esportare il tuo wireframe nei formati SVG, file Gliffy XML, o nei formati immagine PNG o JPG. L'account premium di Gliffy costa cinque dollari al mese e ti permette di disegnare un numero illimitato di wireframe.

    http://www.gliffy.com/





  2. Creately

    Creately è un servizio browser-based di wireframing. Creately è stato progettato specificatamente per collaborazioni online, potrai quindi creare un modello del tuo sito e mostrarlo ai tuoi clienti raccogliendo feedback immediati senza dover utilizzare gli allegati via email. Potrai anche creare modelli di siti interattivi, in modo da poter simulare la navigazione tra le varie pagine del tuo modello di sito web. Inoltre, hai a disposizione un'ampia libreria GUI di simboli, che contiene svariati oggetti pronti per l'uso con cui potrai creare i tuoi wireframe. Per esportare il tuo modello potrai scegliere tra i formati PDF, JPG o PNG. Il prezzo di partenza di Creately è di 4,95 dollari al mese.

    http://www.creately.com/





  3. ProtoShare

    ProtoShare è un servizio collaborativo di wireframing e web site prototyping, web-based. Puoi disegnare modelli interattivi del tuo sito che simulano la navigazione tra le pagine web, condividendo il tuo lavoro con i tuoi clienti e collaboratori per raccogliere feedback ed anche esportare il tuo wireframe nei formati HTML, CSS, JavaScript e Microsoft Word. A tua disposizione trovi anche un'ampia libreria di simboli, elementi web ed oggetti per agevolarti nel disegno del wireframe del tuo sito web. I piani tariffari di ProtoShare partono da 29 dollari al mese per singolo utente.

    http://www.protoshare.com/





  4. HotGloo

    HotGloo è un'applicazione web-based per wireframing. Con HotGloo puoi disegnare prototipi interattivi del tuo sito web, approfittando di un elenco di oggetti GUI pronti per l'uso, figure ed elementi web. La funzione incorporata della chat ti permette di ricevere un feedback immediato sul tuo lavoro da parte dei tuoi clienti e collaboratori. Per esportare il tuo modello di sito finale, potrai scegliere tra il formato PDF o PNG. Il costo di HotGloo parte da sette dollari al mese, scegliendo questo piano tariffario di partenza potrai però limitarti alla creazione di un solo progetto.

    http://www.hotgloo.com/





  5. Pidoco°

    Pidoco° è un servizio online per la progettazione GUI che ti permette di creare wireframe interattivi, cliccabili per prototipi di siti web ed interfacce utente. I wireframe che avrai creato potranno essere esportati sia in formato HTML sia in formati compatibili con Microsoft Word. Disporrai di un'ampia libreria GUI di sistema che ti fornisce elementi web pronti per l'uso, come barre dei menu, barre di scorrimento ed altri oggetti per disegnare interfacce utente avanzate. Pidoco° ha un prezzo di partenza minimo di nove dollari al mese, tuttavia per sfruttare le funzionalità di collaborazione in tempo reale, dovrai optare per il piano tariffario di 29 dollari al mese o altri di prezzo superiore. Non sono disponibili funzionalità per la collaborazione.

    http://www.pidoco.com/





  6. Mockup Screens

    Mockup Screens è uno servizio software per computer Windows che ti permette di creare prototipi e modelli del tuo sito web. I wireframe sono solo statici, quindi non puoi inserire hyperlink tra le diverse pagine del tuo wireframe per simulare la navigazione degli utenti. Avrai a disposizione una libreria GUI di simboli per utilizzare oggetti preimpostati e per disegnare elementi all'interno del tuo modello. La funzionalità di esportazione ti permette di convertire i wireframe nei formati XML, HTML o PDF per la lettura offline. MockupScreens costa 99,95 dollari per una licenza singolo utente.

    http://www.mockupscreens.com/





  7. WireframeSketcher

    WireframeSketcher è un servizio software che ti permette di disegnare modelli del tuo sito web. WireframeSketcher si basa su Eclipse IDE ed è disponibile per Windows, Mac e Linux. Tutti i modelli che potrai creare sono statici, senza alcuna interazione tra le diverse pagine web. Avrai a disposizione una libreria GUI di simboli per utilizzare oggetti di disegno pronti per l'uso ed altri elementi web all'interno del prototipo del tuo sito. Potrai esportare i wireframe del tuo sito come file PDF e PNG. WireframeSketcher costa 75 dollari per una licenza singolo utente.

    http://www.wireframesketcher.com/





  8. FlairBuilder

    FlairBuilder è un servizio web-based che ti permette di creare prototipi di siti web e applicazioni per iPhone. I modelli che crei sono interattivi, questo significa che potrai simulare l'esperienza di navigazione degli utenti tra le diverse pagine web del tuo sito o con la tua applicazione. È inoltre possibile utilizzare l'ampia libreria GUI di sistema per trovare elementi web preimpostati che potrai aggiungere al tuo wireframe. Per acquistare FlairBuilder puoi scegliere se pagare 24 dollari al mese o 99 dollari all'anno. Non avrai a disposizione alcuna funzionalità per la collaborazione, né per l'esportazione dei tuoi wireframe.

    http://www.flairbuilder.com/





  9. OmniGraffle

    OmniGraffle è un servizio di wireframing disponibile per Mac e iPad che puoi utilizzare per progettare wireframe interattivi del tuo sito web. Sarà a tua disposizione una libreria GUI di sistema per utilizzare elementi web preimpostati da aggiungere e per modellare i tuoi wireframe. Le possibilità di esportazione a tua disposizione spaziano dai formati PICT, PDF, EPS ai formati compatibili a Microsoft Word e Micrsoft PowerPoint. OmniGraffle costa 99,95 dollari per una licenza singolo utente. Non è supportata alcuna funzionalità per la collaborazione.

    http://www.omnigroup.com/products/omnigraffle/





  10. Balsamiq Mockups

    Balsamiq Mockups è un servizio di wireframing che ti permette di creare prototipi interattivi del tuo sito. Balsamiq Mockups è disponibile sia come applicazione web-based che come software scaricabile per Windows, Mac e Linux. Il servizio ti fornisce una ricca libreria GUI di simboli, in cui sono presenti pulsanti pronti per l'uso, barre di scorrimento ed altri oggetti che potrai usare per personalizzare il tuo wireframe. Grazie alla funzionalità per la collaborazione, puoi condividere il tuo progetto con altri e ricevere commenti e feedback in tempo reale. Terminato il tuo lavoro, potrai esportare il tuo wireframe nei formati XML, PDF e PNG. L'applicazione desktop di Balsamiq Mockups costa 79 dollari per una licenza per singolo utente.

    http://www.balsamiq.com/products/mockups





  11. iPlotz

    iPlotz è un servizio di wireframing che ti permette di creare modelli di siti navigabili ed applicazioni per software. Iplots è disponibile sia come servizio web-based che come software scaricabile per computer Windows e Mac. Il servizio ti mette a disposizione una ricca libreria GUI di simboli, con pulsanti predefiniti, barre di scorrimento, barre dei menu ed altri oggetti che potrai usare per disegnare il tuo modello. Potrai anche condividere il tuo progetto in modo da ricevere feedback e commenti. Quando avrai finito potrai esportare il tuo wireframe in formato PDF, PNG, JPG o HTML. Il prezzo di partenza di iPlotz è fissato a 15 dollari al mese se lo utilizzerai come servizio web-based o a 99 dollari all'anno sia che tu lo voglia utilizzare come servizio web-based o come applicazione desktop (licenza singolo utente) .

    http://www.iplotz.com/




 
 
 
 
 
Commenti    
blog comments powered by Disqus

 

 

 

 

16057
 




 

I Toolkit di Robin


 









 

 

 

 

  • RSS Feed

          Mail
    Nome:
    Email:
     



     
     

     

    Web Analytics