Wireframe é um protótipo visual de um site ou aplicativo, que possibilita uma noção de como as ideias se organizam.
A sua estrutura não possui aspectos atrativos ou decorativos, proporcionando compreender como a estrutura se comporta em todo o processo, o interessante é a a possibilidade de ser criado em papel ou em aplicativos.
É recomendado sua utilização em projetos grandes ao qual trabalha mais que um designer e desenvolvedor, principalmente quando necessário ter noção de como comporta as ideias
Se você decida rabiscar algumas coisas no papel ou trabalhar com algum software, ainda não descarte um ou outro método. Alguns designers fazem esboços no papel e depois os passam para software específicos; outros vão direto para o software; outros ainda ficam somente no “wireframe de papel”. Tenha em mente que, caso se depare com algum “entrave criativo”, mudar os formatos com que se trabalha pode fazer maravilhas para sua criatividade!
É muito comum experimentar várias idéias e possibilidades diferentes com wireframes antes de tomar decisões finais em um projeto. Aliás, é justamente para facilitar/agilizar isso que é muito bom trabalhar com wireframes, já que, como se tem o mínimo de tempo e energia investidos, é possível facilmente fazer alterações e tentar coisas novas.
Uma vez que um wireframe básico é criado, você pode enviá-lo para outros membros da equipe para análise ou colocá-lo um pouco de lado por 1 ou 2 dias para analisar novamente. Quando estiver satisfeito, é hora de mostrá-lo ao cliente ou, caso não seja o caso de haver um cliente, começar a trabalhar em modelos baseados no wireframe.
Existem muitas ferramentas para wireframe disponíveis. Algumas são feitas especificamente para wireframes, enquanto outros são mais gerais, apesar de cumprirem bem seu papel quando trabalho é esse.
As ferramentas que você vai usar vão depender de preferência pessoal e dos requisitos do projeto. Não há “melhor” ferramenta para fazer wireframes, mas sim aquela na qual você se sente melhor usando e que funciona melhor para você.
Caneta (ou lápis) e papel são as ferramentas mais básicas que você pode usar para criar um wireframe. Também é útil usar papel quadriculado para criar elementos em proporção. Você pode querer usar um lápis para o seu esboço inicial, para que você possa apagar as coisas sem ter que começar de novo. Então, a medida que for finalizando os elementos, pode passar caneta por cima para evitar apagar o que não precisa mais ser apagado. Você também pode considerar usar canetas coloridas (ou lápis coloridos) para diferenciar elementos e dar mais sentido ao wireframe. Por exemplo, uma cor para um grupo de elementos pode ser útil, pois ajuda a identificar instantaneamente outros itens.
Algumas referências do conteúdo foi feito a partir de um post feito pelo blog Desenvolvimento Para Web.
site: desenvolvimentoparaweb.com