Venho mais uma vez usar o meu blog para levantar um tema para discussão que me parece interessante. Não quero indicar erros e nem formas corretas de interpretar os wireframes, mas sim tentar trocar experiências nos processos de trabalho do wireframe ao layout.

Os wireframes são feitos em baixa, média ou alta fidelidade. Isso serve para mostrar o quanto o layout deve ser fiel ao que foi feito no wireframe. Particularmente gosto de fazer os wireframes com média fidelidade, assim à pessoa responsável em fazer o layout terá muito mais liberdade na hora da criação do layout.

wireframe.jpg Fiz um post sobre a nova dupla de criação que fala sobre como se daria o processo de criação de um wireframe. Acho que os wireframes devem ser feitos por um arquiteto e um designer pensando em soluções mais eficazes para um projeto interativo. Normalmente construímos as idéias usando lápis e papel fazendo protótipos de baixa fidelidade. Os famosos rabiscoframes. Como não podemos fazer entregas para os nossos clientes de forma desorganizada, passamos essas idéias para documentos formais que vão servir de consulta para toda equipe que irá participar do projeto.

O designer precisa saber interpretar o wireframe e não apenas colorir caixinhas cinza, porque o wireframe tem a função de informar o que terá na interface e como o usuário se comportará na navegação pelo site. Ainda existem muitos designers que trabalham com internet que nunca utilizaram um wireframe e quando vão participar de algum projeto que existe o documento, sentem alguma dificuldade na interpretação, não sabendo o que deverá ter mais peso na página e como se comportará os menus internos e títulos das páginas.

A edição número 43 da revista Webdesign trouxe uma matéria bem interessante sobre tecnologia web com o seguinte título “Wireframe: uma ferramenta eficaz para a construção de um site”. Renata Zilse fala na edição da revista que uma das vantagens de usar o wireframe é que podemos fazer várias experimentações. “Wireframes são como esboços: fundamentais no processo de criação e desenvolvimento de um projeto de internet”.

Nem sempre o problema de interpretação é ocorrido na hora de fazer o design, mas principalmente na apresentação desse documento para um cliente que nunca viu o que é um wireframe. Alguns clientes não conseguem ver a diferença entre um wireframe e um layout. Costumo mostrar ao cliente que o wireframe tem a função de demarcar todo o conteúdo que terá no site e como se comportará a navegação do usuário. Dessa forma fica muito fácil fazer os testes de usabilidade para possíveis mudanças. É muito mais interessante ver como o conteúdo se comportará no wireframe antes de se definir qualquer linha visual.