Ferramenta para criação de Mockups

Listamos alguns softwares para a criação de Mockups e explicamos a importância dessa técnica.

 Escrevendo testes automatizados com PHPUnit

Muckups ou Mock-up são técnicas utilizadas por desenvolvedores para apresentar ao cliente uma previa do Layout/Design do projeto final. Isto não garante que o Mockup seja a versão final, pois o cliente poderá fazer quaisquer alterações, conforme a sua necessidade.

A ideia do Mockup não é apenas apresentar o projeto ao cliente, e sim ajudar o desenvolvedor ter uma visão do que será criado, pois o desenvolvedor tem apenas a ideia em sua mente, e com o Mockup ele pode refinar melhor as ideias.

Em outras palavras o Mockup é um protótipo do projeto, que pode ser criado em cartolina, sulfite ou qualquer folha, mas os protótipos não podem levar muito tempo para serem feitos, ele visa ser algo rápido e não exige perfeição no desenho, afinal é apenas um protótipo. Você pode associar Mockup com Wireframes.

Balsamic Web

O software Basamic Mokups, nos auxilia para a criação dos protótipos rapidamente com exportação para formatos como PNG, por exemplo.

O Balsamic possui uma licença Free e Comercial, porém a Free é o suficiente para analise da ferramenta e até criar ótimos protótipos, e posteriormente você poderá comprar uma licença.

O Software é vendido com licenças de Volume, Simples e por Atualizações.

Veja na imagem abaixo, um simples projeto de Mokucp do site Satellasoft.

Note que o Design dos elementos não é algo delicado nem mesmo bonito, e sim algo simples que possa nos fazer entender o que será composto em cada parte da aplicação.

Agora veja outra imagem, que apresenta parte do Software, veja como ele é simples e ao mesmo tempo muito robusto.

Você pode fazer o Download do Balsamic através de seu site oficial, segue o endereço abaixo.

Mockups

Além do Balsamic, é obvio que existem outras ferramentas que fazem o mesmo trabalho, como é o caso do site Mockups, que executa as operações totalmente On-line. O Mockups possui um número maior de componentes a serem utilizados.

Veja na imagem abaixo o ambiente de desenvolvimento do Mockups.

Para o uso da ferramenta, não é necessário efetuar o Download e sim ter um cadastro no site, segue abaixo o endereço:

Pencil Project

Esse é um invrível software gratuito, que nos permite entre suas várias ferramentas, criar e exportar os Mockups.

Espero que tenham entendido a importância dos Mockups/Wireframes.

Até a próxima.