Navegação: visibilidade e proporções

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.