Arquitetura da Informação - Tutorial - Lição 5

2. Grids de Layout

Grids de layout são padrões (moldes) que descrevem páginas Web. Conteúdo - o foco de cada página - requer posicionamento proeminente. Você irá necessitar blocos de espaço para a navegação global e local e integrar os demais aspectos do site que podem não fazer parte da estrutura do site. A marca da organização precisa estar presente em cada página. Publicidade e chamadas de patrocínio devem ser incorporadas ao design. Aqui está um exemplo de grid de layout:

Para se preparar, pegue a listagem da estrutura do site e faça uma lista de todos os tipos de página possíveis. Páginas individuais dentro do site devem ser muito similares na forma através de todas as seções principais. Pesquise no inventário de conteúdo, e então tente ficar com dois ou três tipos genéricos de página. Você deve começar fazendo o design para esses tipos e então usá-los como base para todos os demais tipos de página.

Para começar, use um bloco de esboços ou um programa gráfico de sua predileção. Crie um retângulo representando a página, e delineie blocos para os elementos do seu design. Uma vez que o conteúdo é o elemento mais importante, comece com ele - ainda que seja um pouco complicado, na medida em que você ainda não sabe o que mais estará na página. Muitos outros elementos precisam ser considerados: branding (marca, logotipo, slogan), publicidade e patrocínio, navegação, títulos da página, gráficos do cabeçalho, e rodapés, incluindo copyrights.

Branding (que inclui marca, logotipo, slogan) representa um papel muito proeminente em todas as páginas poque informa o usuário que eles ainda estão no site. Um lugar comum para o branding é o canto superior esquerdo da página.

Publicidade e patrocínio podem ser integrados de diversas maneiras. Talvez você tenha um banner comercial de tamanho completo (tipicamente 468 por 60 pixels) em todas as páginas. Você o coloca no topo? Ou o coloca debaixo do título de cada página? Como você integra o patrocínio? Nos gráficos do cabeçalho de cada página? Ou há um pequeno logotipo de patrocínio ao final de cada página? Todas essas são questões que você precisa responder.

Por fim , a navegação também tem um papel muito proeminente. A navegação global precisa ser consistente através de todas as páginas do site. Sistemas de navegação local podem mudar, dependendo do conteúdo, mas tente ser o mais consistente possível.

Este é um procedimento iterativo. Você irá precisar revisar os grids de layout diversas vezes. Você provavelmente irá querer fazer dois ou três layouts com estilos diferentes, se você tiver tempo.

 

Autor: John Shiple
Tradução: João Bruni
Fonte: http://www.webmonkey.com/tutorial/Information_Architecture_Tutorial_-_Lesson_5
Locução: Juarez P. A. Filho (http://juarezpaf.blogspot.com/)