Ferramentas para criação de wireframes
Ao iniciar um novo projeto web é sempre uma boa ideia para começar com um wireframe. A finalidade de um wireframe é comunicar o layout de uma página sem se ater a cores e elementos de design. Wireframes são grandes “salvadores de tempo” e ajudam todas as partes envolvidas no projeto a chegar a acordos sobre a colocação dos principais elementos de página, como cabeçalhos, áreas de conteúdo, menus de navegação e rodapés.
MockFlow
MockFlow permite que você projete, com colaboração em tempo real, mockups de user interfaces para seu software ou web sites. Ele vem com vários componentes internos e ícones.
Axure
Axure permite criar wireframes, diagramas de fluxo, protótipos e especificações para aplicações e web sites. Ele conta com uma série de widgets, incluindo botões, campos de formulário, formas e elementos dinâmicos que você pode editar e formatar. Também é possível a criação de bibliotecas de widgets personalizado.
Balsamiq Mockups
Usando Balsamiq Mockups você se sente como se estivesse desenhando, mas é digital, então você pode ajustar e reorganizar controles facilmente e o resultado final é muito mais limpo! Com 75 controles pré-definidos para escolher, você pode projetar qualquer coisa, desde uma caixa de diálogo super-simples a um aplicativo RIA completo.
Pencil Project
O Pencil é um plugin gratuito para Firefox. Algumas das características-chave incluem: built-in stencils, suporte a documentos multi-página e múltiplas opções de exportação.
HotGloo
HotGloo é totalmente baseado na web e possui muitas features que permitem interações drag&drop bem simples e fáceis de se realizar. Essa á outra ferramenta para criação de wireframes que com suporte a colaboração em tempo real.
Mockingbird
Mockingbird é outro aplicativo web com foco na colaboração. Ele permite que você faça link entre vários mockupts e os visualize de forma interativa para ter ideia do fluxo de sua aplicação.
Cacoo
Cacoo é uma ferramenta online de desenho que permite que você crie mapas de site, wireframes, diagramas UML e diagramas de rede.
ProtoShare
A ferramenta web ProtoShare é bem fácil de usar. Com foco na prototipagem e colaboração, os membros da equipe podem rever o trabalho e fornecer feedback em tempo útil, ideias e sugestões em wireframes clicáveis ou conteúdo criativo.
iPlotz
Com iPlotz é possível criar rapidamente mockups e wireframes navegáveis e clicáveis para a prototipação de sites e aplicativos, em geral.
Muito bom a compilação das ferramentas!!
utilizo o Axure e o plugin para firefox Pencil!
Testarei as outras!
Bom para as pessoas largarem de mão o Visio…. hehehee
Gostei do estilo do Balsamiq!
Pena que nele não dá pra salvar, mas o último desenho fica guardado quando você volta ao site. E também não tem colaboração.
Eu sou da mesma opinião do Paul Boag: wireframes devem começar na base do lápis e papel.
Você pode ler mais no blog dele.
http://boagworld.com/design/wireframing-rules
Mas, uma vez que já cheguei as conclusões que eu queria, para poder compartilhar com outros eu geralmente recorro ao Pencil.
Legal saber das outras opções.
@ Matheus,
@ Leonardo Antonioli,
@ Thiago Cavalcanti
Obrigado pela contribuição, pessoal! Realmente seria bom se pudéssemos pegar o que tem de melhor em cada ferramenta, mas cada uma possui um direcionamento estratégico e provê um conjunto de features específico – embora não discorde que um primeiro esboço literalmente “à mão” é de grande valia.
Aguardo a contribuição de vocês nos próximos artigos! ;-)
Tem também o Justinmind Prototyper que eu utilizo.
Ferramenta muito boa, com bastante recurso.
Já utilizei o Balsamiq, mas para web tem melhores e free
@ Mateus Gamba
Obrigado por complementar o artigo, ficaí a dica! ;-)