English|Português|Español
UsuarioContraseñaLogin

INICIO
CONFERENCIAS
INFO
Imagen6480S

Navegación: visibilidad y proporciones

En esta edición de los tips de usabilidad, consideraremos las proporciones que se deben adjudicar a las áreas de navegación a la hora de diseñar un sitio Web. Por la Ing. María José Serres, del equipo de marketing de ARTech.

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

 

Relacionado
Tips de usabilidad: Consistencia en la navegación
Contenidos de las opciones de los menús
Tipografía
Alineación de los textos
Usabilidad: Contáctenos
GeneXus Training Uruguay publicó su calendario de capacitación para el primer semestre del año
Certificaciones #GeneXus en el #GX24
En GeneXus Uruguay buscamos nuevos talentos
Trabajar en GeneXus: Todo lo que tienes que saber si quieres trabajar con nosotros #Training #Becas #BolsaDeTrabajo #GXjobs
En GeneXus México buscamos nuevos talentos
Sistema educativo, mercado laboral, empresas B, Forge y GeneXus: la importancia de la capacitación, los valores y la inserción laboral en los jóvenes
Alta demanda de profesionales TI en el mundo
Próximos cursos y certificaciones #GeneXus en América: Argentina, Colombia, Chile, Brasil, México y Uruguay
Nuevos Analistas GeneXus en el Instituto Superior de Informática #Uruguay
Toolnology continúa presentando GeneXus X Evolution 3 con cursos gratuitos #Argentina