English|Português|Español
UsuárioSenhaLogin

INÍCIO
PALESTRAS
INFO
Imagen6480P

Navegação: visibilidade e proporções

Nesta edição dos tips de usabilidade, consideraremos as proporções que devem ser somadas ->s áreas de navegação na hora de desenhar um site Web. Pela Engenheira María José Serres, da equipe de marketing da ARTech.

As áreas de navegação de um site ou uma aplicação web não devem abranger mais de 20% da área total da página, já que o fundamental em todo site web ou aplicação web é o conteúdo e não a forma de navegar dentro dele.

Para manter estas proporções ao desenhar o site Web, é conveniente começar fazendo um diagrama das áreas que vão ter cada página do site.


 
Desta maneira se visualiza claramente como vão ser distribuídos as áreas de conteúdo, navegação, cabeçalho e pé de página.

Para este esquema, os valores em píxels recomendados e que têm sido utilizados no desenho dos sites da ARTech, são:



- Área de Menu Esquerdo: largura: usualmente até 140 pixels



- Área de Menu Superior: altura: usualmente até 30 pixels



- Área de Cabeçalho: altura: usualmente até 80 pixels



- Logo: aproximadamente de 45 pixels de largura



- Área de Pé de página: altura: : usualmente não mais de 40 pixels
 
Estas áreas contêm desde os menus de navegação até a Logomarca. Em todas elas sempre deve-se conservar espaços ao redor dos objetos, já que ao colocá-los muito juntos uns a outros, ou na borda, dificulta-se a legibilidade e o uso dos mesmos.
Este esquema está feito para uma resolução de tela de 800 x 600, no entanto, os valores em pixels de cada área são absolutos, não mudam segundo a resolução do monitor.


Pode-se ver exemplos desta estrutura nos sites:

www.genexus.com

www.deklarit.com

www.builder.com

www.couponmountain.com

www.laszlosystems.com 



Relacionado
Tips de usabilidade: Consistência na navegação
Conteúdos das opções dos menus
Tipografia
Alihamento dos textos
Usabilidade: Fale Conosco
Novos parceiros acadêmicos no Brasil!