Wireframes

Olá caros amigos, hoje vou falar sobre Wireframes: Documentos que o arquiteto da informação gera para especificar os elementos que vão compor uma página. São os esqueletos do website.

O wireframe (do inglês, linhas e quadros) deve servir como base para o designer visual da página, assim o Web Designer poderá ficar mais livre para encontras a melhor disposição para os elementos na hora da criação. Se o wireframe for muito especifico como tamanhos de fontes, alinhamento definido e até tipografia o Web Designer pode se sentir preso ou limitado e sabemos que a criatividade tem que ser livre para alcançar seu diferencial.

É claro que existem Web Designers que preferem wireframe bem específicos. Na minha opinião depende muito do projeto, darei um exemplo:

No projeto da empresa Cítrico Mídia, elaboramos os wireframes de média-fidelidade.

Mas o que é Fidelidade?

Fidelidade
Existem três tipos de wireframe, baseados no grau de fidelidade: baixa, média e alta fidelidade.
No projeto da empresa Cítrico Mídia a melhor forma foi fazer em média-fidelidade. A credito que foi a melhor escolha já que o de baixa-fidelidade não especifica muita coisa sobre a interface e o de alta-fidelidade toma muito tempo para ser feito e pode aconteceu do cliente pensar que já representa designer visual.
Confera o wireframe da empresa Cítrico Mídia na figura abaixo:

Na hora de apresentar wireframes ao cliente

Apresentar os wireframes ao cliente é algo muito delicado. Deve ser bem explicado as finalidades daquele esboço e deixar bem claro que não representa designer visual.

Na apresentação com cliente da Cítrico Mídia ocorreu tudo muito bem. O wireframe foi aprovado e não precisamos alterar nada na estrutura e na hora de desenvolver o Layout não tivemos dificuldades já que não estava tão especifico os espaçamentos e tamanhos, ficamos livres para o designer visual.

Abraços a todos e até a próxima!

Redação/Colunista: Adriano Mesquita – Web Designer da Agência Grife Mídia.