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.

tiggr

tiggr é mais uma ferramenta para se fazer wireframes online. Ainda está em beta, mas a qualidade atual já mostra para o que o produto veio!