Antes de começar a falar de aplicativos online ou instaláveis para criação de Wireframes, deixe-me explicar do que estou falando. Um Wireframe, explicando-se de forma simplificada, é um diagrama de como será um site ou página de Internet, podendo ser feito até mesmo fora do computador, em papel, pois a função do do mesmo é passar as informações do briefing para uma estrutura de como será o site a ser produzido.

Normalmente se tem como base alguns requisitos como a navegação, usabilidade e interação que serão adicionadas e, ao construir o Wireframe, evita-se o uso de cores e imagens reais, utilizando-se somente textos e blocos para representar os espaços de imagens e tipos de conteúdo. Quanto mais detalhada a informação do Wireframe, melhor ele será interpretado pelo designer que irá criar e também servirá de guia para os programadores saberem o posicionamento correto dos objetos.

Se você nunca fez um Wireframe na hora de desenvolver um site, então muito provavelmente você criou um layout sem saber o que fazer ou comprou um layout pronto, mas quando falamos de sites profissionais, falamos também da arquitetura do site.

Não basta saber usar o Photoshop ou Illustrator se você è um Web Designer  deverá saber planejar o que será feito e como será feito, desde um simples wireframe (esboço) em papel até os formatos digitais e mais apresentáveis.

Abaixo segue uma lista de sites que oferecem serviços para criar os Wireframes ou mesmo comprar os aplicativos para fazer esta parte tão importante no desenvolvimento de sites, o planejamento da navegação e criação:

The Pensil Project ele é um sistema OpenSource para criar as telas e prototipagem de forma fácil, permite documentos com múltiplas páginas e com fundos de página, permite estilos de textos ricos em estilos, suporta PNG, permite que você defina pré-estilos, padronização na hora de desenhar com alinhamentos, z-ordering, escala e rotação funciona no Linux, Windows XP e Windows Vista, o que facilita bastante pois mesmo que você tenha Mac poderá instalar com base no unix do sistema.

Com foco maior em fazer Flowcharts, o Gliffy roda pela Internet e permite uma integração com o sistema chamado JIRA, mas a saída dos wireframes dele é feito em JPG, GIF, PNG ou SVG, parece ser bem simples este sistema, pelas telas que são exibidas nos exemplos de desenvolvimento. Para usar o Gliffy pela Internet ele é grátis, agora se você desejar usar os plugins para alguns sistemas ele tem um custo por licenças. É claro que tudo irá depender de sua necessidade, o Gliffy tem maiores detalhes para quem quer fazer uma planta de casa ou apartamento, desenhos para redes de computadores ou fluxogramas.

Agora se você achou o Gliffy muito ruim de usar e não quer ter que instalar nada, a outra opção é o iPlotz que na versão gratuita permite a criação somente de 1 projeto e de no máximo 5 páginas, para saber o que ele faz só assistindo a o vídeo criado para mostrar toda a capacidade que ele tem, mas a vantagem de rodar pelo navegador é que funciona em qualquer sistema operacional, permite criar wireframes completos com múltiplas páginas, background diferentes por páginas e permite exportar para JPG, PNG e PDF (prático para o cliente ver impresso), permite a colaboração ou seja, várias pessoas podem trabalhar no mesmo projeto, além de organizar ao os trabalhos e tarefas de cada Arquiteto da Informação.

Axure é o programa mais completo que permite a criação de wireframes completos, prototipagens e especificações completas com todos os dados que Designer’s, Programadores e clientes terão como guia do que será o site, como uma ferramenta instalável ela não é gratuita, sendo vendida a licença do programa. Sendo somente em inglês como todas as outras ferramentas aqui apresentadas.