Webmastering - Diseño web

Mayo 2017

Diseño de un sistema de navegación

La estructura de un sitio web debe ser el reflejo de una estrategia. Se deben elaborar contextos de navegación para hacer que los usuarios sigan un recorrido en el sitio web.

Sin embargo, los visitantes no deben sentirse atrapados y deben tener la libertad de irse o cambiar de sección en el momento que deseen.

Recorrido visual

Existen estudios que han demostrado que la vista del usuario de Internet promedio suele desplazarse por las páginas en "zigzag", comenzando en la esquina superior izquierda y moviéndose hacia la esquina inferior derecha.

Recorrido visual de páginas web

El área que corresponde a la mitad superior de la página es un sitio especialmente estratégico para colocar información.

Estructuración de un sitio web

La estructuración de un sitio web consiste en construir la arquitectura global del sitio mediante la organización de las distintas piezas de información.

El primer paso es hacer una lista del contenido del sitio web y agrupar el contenido por temas con el fin de formar secciones. Esto a veces se denomina creación de secciones.

Tan pronto como se definan las secciones principales (no deben usarse más de doce), se deben organizar y dividir en subsecciones. Casi siempre, la estructura de un sitio web se asemeja a la forma de un árbol, dónde la página de inicio es la raíz:

Creación de secciones

Elementos estándar

Algunos elementos se encuentran en casi todos los sitios web:

  • El logotipo del sitio web, ubicado en la esquina superior izquierda. Al hacer clic en este logotipo el visitante es dirigido directamente a la página de inicio del sitio web.
  • Un vínculo a la página de inicio, que siempre se encuentra en cada página del sitio.
  • En todas las páginas pueden hallarse elementos de navegación que permitan a los usuarios saber en qué parte del sitio web se encuentran y volver fácilmente a la sección principal.

Elementos de navegación

Son herramientas que ayudan al visitante a saber dónde se encuentra dentro del sitio web, a volver y a desplazarse entre las secciones. Existen varios métodos para configurar los elementos de navegación:

Rastro de migas de pan (breadcrumbs)

Un rastro de migas de pan es una herramienta de navegación constituida por una serie de vínculos jerárquicos. Un rastro de migas de pan representa la ruta de navegación y permite a los usuarios:

  • Saber en qué parte del sitio web se encuentran,
  • Regresar a las secciones principales fácilmente.

Un rastro de migas de pan se presenta en el siguiente orden:
Página de inicio > Webmastering > Navegación.

Un rastro de migas de pan incluye los siguientes elementos:

  • Vínculos separados por el carácter ">" que simboliza la idea de jerarquía.
  • El último vínculo aparece en negrita y no puede hacerse clic sobre él. Este vínculo representa la página en la que el visitante se encuentra.

El término "rastro de migas de pan" refiere al cuento de los hermanos Grimm, "Hansel y Gretel", que narra la historia de dos niños que se pierden en un bosque y que van dejando caer pedacitos de pan detrás de ellos para poder encontrar el camino de regreso.

La traducción del término francés equivalente sería "la cuerda de Ariadna", que refiere a la mitología griega. En el mito, Ariadna entrega a su amor, Teseo, un cordel antes de que se aventure en el laberinto para matar al Minotauro. Al desenrollar y luego volver a enrollar el cordel, Teseo logra salir del laberinto.

Navegación por pestañas

Las pestañas son herramientas de navegación muy útiles que ayudan a los visitantes a distinguir las secciones de un sitio web y a moverse de una sección a otra. También pueden usarse códigos de colores como una manera de reforzar las diferencias entre las secciones.

Navegación por pestañas

Mapa del sitio

El mapa del sitio proporciona a los usuarios de Internet una vista global del sitio web. Además, un cartel de "usted está aquí" puede ayudar a los usuarios a saber dónde se encuentran dentro del sitio web.

Flechas de navegación

Las flechas de navegación (siguiente, anterior, regresar al capítulo, regresar a la página de inicio) son herramientas de navegación intuitivas para el usuario.

Consulta también


Webmastering - Webdesign
Webmastering - Webdesign
Webmastering - Webdesign
Webmastering - Webdesign
Webmastering - Conception du système de navigation
Webmastering - Conception du système de navigation
Webmastering: Webdesign
Webmastering: Webdesign
Webmastering - Conceito do Sistema de Navegação
Webmastering - Conceito do Sistema de Navegação
Última actualización: 16 de octubre de 2008 a las 15:43 por Jeff.
El documento «Webmastering - Diseño web» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.