5 soluzioni online per il wireframing

Il Wireframing assume un ruolo fondamentale nella progettazione di Web applications, una prototipizzazione attenta in fase di progettazione permette di risparmiare tempo e lavoro ancora prima di affrontare gli oneri legati allo sviluppo vero e proprio, questo perché un wireframe ben concepito si traduce spesso in una verifica sull’usabilità delle varie componenti che rappresentano, nel complesso, un’interfaccia.

In Rete esistono numerose soluzioni per il Wireframing utilizzabili direttamente on line, a questo proposito è possibile effettuare una piccola selezione basata su cinque differenti risorse accessibili (anche) in formula gratuita:

1. Mockflow: dotato di un’UI minimalista e ben organizzata, supporta il drag and drop degli elementi all’interno di un mockup che funge da base per la creazione delle bozze, permette di uploadare immagini fornite dall’utilizzatore e integra nativamente alcune componenti di uso frequente come per esempio icone per il social networking e il commercio elettronico;
2. Lumzy: un’applicazione completa per la mockup creation e la prototipizzazione, supporta il drag and drop delle componenti, la simulazione degli eventi, il controllo di versione con possibilità di rollback verso revisioni precedenti, la condivisione delle bozze e il passaggio veloce tra skin differenti; presenta una ricca libreria di componenti pronte all’uso (buttons, labels, media objects, layouts etc.);
3. Google Drive Drawings: e prioritariamente uno strumento per il disegno digitale e non è stato pensato nativamente per la prototipizzazione, include però una serie di strumenti grazie ai quali realizzare velocemente dei semplici mockups (frecce, linee, box per il test, Shape, upload di immagini..), supporta la progettazione collaborativa e la condivisione;
4. Gliffy: una soluzione basata su HTML5 che potrebbe risultare interessante per coloro che necessitano di uno strumento con cui mettere “su carta” lo scheletro di un interfaccia per verificare le relazioni tra le diverse componenti e l’efficacia della loro disposizione; la versione gratuita permette di creare fino a 5 diversi diagrammi e offre un piccolo spazio per l’archiviazione da 2 Mb;
5. Moqups: un’App HTML5 veramente completa per la creazione di wireframes e prototipi; permette l’upload di componenti personalizzate sotto forma di immagini, consente di eliminare le modifiche effettuate a un progetto, supporta l’esportazione dei mockups nei formati PNG e PDF e la connessione delle diverse pagine tramite links.

Il Wireframing rappresenta anche un’ottima soluzione per sottoporre bozze d’interfaccia ai propri clienti, disporre di uno strumento online per tale pratica potrebbe quindi rivelarsi particolarmente comodo per rendere più rapide le fasi che portano dalla progettazione al deployment.