Las áreas de navegación de un sitio o una aplicación web
no deben abarcar más del 20% del área total de la página, ya que lo fundamental
en todo sitio web o aplicación web, es el contenido, no la forma de navegar
dentro de él.
Para mantener estas proporciones al diseñar el sitio Web,
es conveniente empezar haciendo un diagrama de las áreas que va a tener cada
página del sitio:
De esta manera se visualiza claramente como se van a
distribuir las áreas de contenido, navegación, cabezal y pie de
página.
Para este esquema,
los valores en píxeles recomendados, y que han sido utilizados en el diseño de los sitios de ARTech,
son:
- Área de Menú Izquierdo: ancho: usualmente hasta 140
píxeles
- Área de Menú Superior: altura: usualmente hasta 30
píxeles
- Área de Cabezal: altura: usualmente hasta 80 píxeles
- Logo: aproximadamente de 45 píxeles de ancho
- Área de Pie de página: altura: altura: usualmente no más
de 40 píxeles
Estas áreas contienen desde los menús de navegación hasta
el Logo. En todas ellas siempre hay que conservar espacios alrededor de los
objetos, ya que al ponerlos pegados unos de otros, o contra los bordes, se
dificulta la legibilidad y uso de los mismos.
Este esquema esta hecho para una resolución de pantalla de
800 x 600, sin embargo, los valores en píxeles de cada área son absolutos, no
cambian según la resolución del monitor.
Se pueden ver ejemplos de esta estructura en los sitios:
www.genexus.com
www.deklarit.com
www.builder.com
www.couponmountain.com
www.laszlosystems.com