Ferramentas para a criação de protótipos e wireframes

Postado em

No mundo do webdesign um wireframe é uma representação de uma página web, sem elementos gráficos, que serve para melhorar a comunicação entre programadores, designers e clientes.

Aqui tem uma lista de aplicações quer podem usar para este objetivo, lista publicada no spyrestudios.com. Infelizmente não todas são gratuitas, de forma que tem que analisar direito suas necessidades e orçamentos antes de tomar uma decisão.

Hot Gloo


Opção em flash, muito simples e com conta gratuita que não permite o trabalho em grupo.

Mockingbird


Permite realizar os wireframes de forma simples. Tem opção de compartilhamento do resultado.

Pencil Project


Extensão de Firefox para realizar este tipo de trabalho.

ProtoShare


Muito simples de usar, com uma versão de teste de 30 dias.

Balsamiq


Nos permite trabalhar como se fosse com caneta, ideal para os que estão acostumados a desenhar no papel.

Flair Builder


Com paleta de funções e muito espaço para trabalhar. Uma das mais populares.

Cacoo


Permite fazer diagramas de praticamente qualquer coisa, com possibilidade de enviar o resultado pelo email.

Serena: Prototype Composer


Ferramenta especializada na criação de protótipos de páginas web.

MockFlow


Com uma grande quantidade de componentes e templates prontas para usar.

fluidIA


Permite aos desenvolvedores construir desenhos de forma colaborativa.

Lumzy


Para desenhar na mão e incluir componentes prontos.

GUI Studio Design


Muito completa para o desenho de software em geral.

iPlotz


Permite criar wireframes dinâmicos para simular a atividade do programa.

OmniGraffle


Integrado com Visio, permite fazer desenhos excelentes.