Wireframe

Ae! Com a entrada do novo coordenador de conteúdo, Marcos, estou aprendendo muito a organizar meus projetos, com a implementação de wireframes. Agora eu estou pensando mais na hora de criar um layout, sobre a organização de cada elemento, seguindo um sentido lógico e não jogando tudo que é bunitinho pelos espaços do layout. =D

Mas então, o que é Wireframe mesmo?
De acordo com a Fator W:

Wireframes são documentos elaborados durante a fase de arquitetura de informação de um projeto web com o objetivo de estruturar o conteúdo das principais páginas, organizando os elementos que devem compor a interface, indicando a marcação dos textos e o peso dos itens.

____________________________________________

Wireframe então é um desenho básico de uma interface. Este desenho, no entanto, deve retratar toda a arquitetura de informação do sistema desejada pelo cliente. Deve-se observar também que o wirefame retrata a usabilidade do sistema. No entanto, este desenho deve ser muito simples e resumido, informando ao desenvolvedor apenas o que for estritamente necessário.

Wireframe seria um esqueleto do site, que deve ser feito antes de iniciar a montagem do layout com cores e imagens.

Vale a pena conferir:
Como fazer wireframe no flash
Wireframe – Documento cada vez mais importante
Quanto mais simples o wireframe melhor
Como construir wireframes

Veja também:
Sitegrama