Annuncio pubblicitario

Ci sono una serie di passaggi da seguire quando si progetta un software o addirittura un sito Web. Dopo quel momento di approfondimento, il designer di turno ha bisogno di creare un design reale e "disegnare" l'aspetto grafico dell'applicazione, essenzialmente definendo l'interfaccia utente grafica. A tale scopo, di solito usano disegni concettuali e wireframe concettuali.

Il software proprietario, sebbene molto capace, è spesso incredibilmente costoso e inutilmente complicato. Per qualcosa di semplice come creare wireframe, questo è ridicolo.

Con il web 2.0 (e più recentemente, con HTML5), la battaglia del software viene portata sul cloud. E soprattutto, la maggior parte è completamente gratuita! In questo articolo, ti mostreremo alcune alternative online per creare software concettuali e design di siti Web.

Questo è un editor wire-frame incredibilmente esteso. Le basi sono semplici. Nella barra degli strumenti sul lato destro, cerchi gli oggetti che assomigliano all'oggetto che stai cercando e li trascini sullo schermo. Lì, puoi modificare e regolare quegli oggetti fino a quando non si adattano alle tue esigenze.

instagram viewer

MockFlow ha un'enorme quantità di oggetti, alcuni dei quali incredibilmente specifici. Quando crei un nuovo design, puoi iniziare da uno dei modelli di design, con opzioni tra cui le interfacce iPhone, Android e iPad.

3 strumenti per creare mock-up design e wireframe mockflow online

Questi wireframe possono essere condivisi e modificati con altri utenti, limitati a due nella versione gratuita. Altri limiti imposti agli utenti gratuiti sono un massimo di 10 MB di spazio di archiviazione e un modello con quattro pagine e fino a cinque revisioni ricordate.

Tuttavia, gli utenti gratuiti registrati possono scaricare i tuoi progetti in diversi formati di file, inclusi PNG e PDF, oppure utilizzare l'applicazione desktop di MockFlow con sincronizzazione online per un editing più affidabile.

MockingBird è simile a MockFlow su diversi livelli. L'interfaccia è composta dallo stesso principio di trascinamento della selezione, sebbene eseguito meglio e più facile da gestire. Nella maggior parte dei casi, MockingBird può aiutarti a creare i tuoi wireframe in una frazione del tempo che di solito ti costa.

Molti di questi "limiti liberi" sono assenti. Non vi è alcun limite apparente alla quantità di spazio di archiviazione o alla quantità di pagine che è possibile creare.

3 strumenti per creare mock-up design e wireframe Mockingbird online

Inoltre, MockingBird manca di alcune di quelle funzionalità più estese. Sebbene sia possibile esportare e condividere similmente i tuoi modelli con altre persone, non sembra esserci un'opzione per la collaborazione in tempo reale del team, il monitoraggio delle modifiche o una chat integrata. Realizzato con HTML5, anche MockingBird non funziona su Internet Explorer.

Concludendo, MockingBird non ha restrizioni nella sua versione gratuita e offre un'esperienza utente leggermente più semplice. In cambio, ti stai arrendendo a un'ampia collaborazione e ad altre funzioni avanzate.

Con l'aspetto del wireframe coperto, è tempo di passare alla fase successiva del processo di progettazione: mock-up, risciacquo e ripetizione. Stiamo parlando di mettere la carne proverbiale sui tuoi wireframe, probabilmente usando Photoshop o un altro editor di immagini. Il prossimo strumento si concentra sull'ultima parte del business.

3 Strumenti per creare disegni similari e wireframe online

Commentor, sebbene non particolarmente utile durante la progettazione, ti aiuta con commenti e revisioni. Invece di creare una grande quantità di traffico e-mail disorganizzato, porta i tuoi progetti nel cloud. Puoi invitare fino a tre utenti gratuiti a commentare i tuoi modelli, con thread appiccicosi e supporto per le revisioni - fino a 100 immagini. Mock-up, risciacquo e ripetizione. Penso che tu abbia il trapano.

Conosci altri strumenti che potrebbero essere utili per creare un software o un sito Web? Facci sapere nella sezione commenti qui sotto!