Navegación

La mejor manera de atraer la atención de los visitantes hacia el contenido de tu sitio web, y al mismo tiempo desacostumbrarlos de usar los vínculos de sus propios navegadores, es un sistema de navegación rico en gráficos e interactividad. Al brindar un sistema de navegación propio, consistente y predecible estarás ayudando al usuario a orientarse dentro de tu sitio web, dándole una idea de la organización de tu sitio y haciendo que la lógica y el orden del sitio sean visualmente explícitos. En el siguiente ejemplo de la página web de negocios y tecnología de Salon, los gráficos y vínculos que se ofrecen atraen inmediatamente la atención del lector hacia el interior del sitio:

Proporciona contexto o pierde al lector

Los lectores necesitan un sentido del contexto, de su lugar dentro de la organización de la información. En los documentos impresos, este sentido de "dónde estás" es una mezcla de indicios gráficos y de organización editorial que son proporcionadas por el diseño gráfico del libro, la organización del texto y la sensación física del libro como un objeto. Los documentos electrónicos no proporcionan ninguna de estas pistas físicas que tomamos por entendido al evaluar la información. Cuando vemos un vínculo Web en una página tenemos algunas pistas acerca de dónde nos llevará, cuánta información encontraremos al otro lado del vínculo y cómo se relaciona exáctamente la información vinculada con la página actual. Incluso la posibilidad de ver las páginas Web individuales está restringida para muchos usuarios. La mayoría de páginas Web no se ven completamente en el área visual estándar de un monitor (800 x 600 píxeles), y por ende casi siempre hay una parte de la página que el usuario no puede ver:

Las páginas Web necesitan proporcionar al usuario pistas claras sobre el contexto y la organización de la información porque sólo una pequeña porción de cualquier sitio (menos de una página) será visible a la vez:

Como diseñador de páginas Web es tu responsabilidad proporcionar estos indicios o pistas funcionales y de contexto.

 

"Atrás" y regresar a la página anterior

Todos los sistemas de hipertexto tienen en común una misma característica nunca antes vista en el medio impreso: la posibilidad de ir hacia atrás o "retroceder" utilizando una serie de vínculos que ya has visitado no es lo mismo que pasar las hojas hacia atrás siguiendo una secuencia ordenada de páginas. Cuando los usuarios hacen clic en el vínculo de un documento Web a menudo son transportados de un sitio Web a otro, incluso es posible viajar de un país a otro. Una vez utilizado, el vínculo de hipertexto es bidireccional; utilizando tan sólo el botón "Atrás" de tu navegador puedes ir hacia atrás, regresando al sitio Web que acabas de dejar. Y si usas el botón "Adelante" de tu navegador, puedes volver nuevamente al sitio Web nuevo que acabas de visitar:

Barras con botones

Son una bendición y un problema para el diseñador de información. Los cambios radicales de contexto que los vínculos crean pueden confundir fácilmente a los usuarios Web, quienes necesitan pistas organizadas y elementos de interfaz si es que van a seguir y comprender los vínculos de hipertexto de una página Web a otra. Esto es particularmente cierto cuando los usuarios necesitan poder seguir (o por lo menos reconocer) una secuencia ordenada de documentos. Observen en el diagrama anterior que, aunque el usuario ha entrado al segundo sitio Web en la página 6, el sitio es una secuencia ordenada de páginas.

Si además de los botones estándar "Atrás" y "Adelante" del navegador, les añades botones dentro de tu página Web para la "Página Siguiente" y "Página Anterior", el usuario tendrá las herramientas de interfaz para navegar por la información de tu sitio en la secuencia que tú escogiste. Las barras de botones pueden proporcionar también información para desplazarse de la misma manera que los títulos de los capítulos lo hacen en un libro impreso:

A diferencia de los botones "Atrás" y "Adelante", cuyas funciones están relacionadas exclusivamente con las páginas que has visitado recientemente, los botones "Página Siguiente" y "Página Anterior" son vínculos predeterminados que tú proporcionas para llevar al lector a documentos asociados. Al proporcionar a tus usuarios con botones que les permiten "pasar" las páginas y vínculos a tu página de inicio y páginas de contenido, les estás dando las herramientas para entender cómo has organizado la información dentro de tu sitio Web. Los botones no obligan a las personas a leer la información en el orden que tú quieres, pero sí les permiten decidir si desean seguir la secuencia ordenada de páginas que tú has provisto para ellos:

Las barras de botones son también el lugar más lógico para poner los vínculos de regreso a tu página de inicio u otras páginas de tu menú relacionadas con la página actual. Una barra de botones puede hacerse con vínculos con texto o con gráficos individuales para cada botón, y puede colocarse en la parte superior o inferior de la página:

1 - 2 - 3 - 4