Guías de navegación en la web

Como empezar una web. Guías de navegación: ¿cómo averiguo dónde estoy?

Esta cuestión es tan básica, que muchos diseñadores pasan por alto ofrecer esta información, crítica para el usuario a la hora de saber si ha encontrado lo que buscaba.

Independientemente de si se trata de un sitio personal o de un gran sitio de comercio electrónico, siempre hay que decirle al visitante dónde está y quién ha creado la página.

Y hay que decirle dónde está, tanto en relación con el resto del "mundo" como en relación con nuestro propio sitio.

A veces, al usuario le resulta difícil saber dónde está puesto que no tiene puntos de referencia. Para saber dónde están los usuarios cuentan no solo con las direcciones URL, sino también con los nombres de las páginas, los colores, los logotipos, las llamadas "migas de pan".

Tenga en cuenta que los usuarios siguen pocas veces los patrones de navegación que pretenden los diseñadores. Pueden llegar a cualquier documento de su sitio desde cualquier otro sitio: buscadores, favoritos, boca a boca. Por eso ubicarlos inmediatamente resulta crucial. 

Direcciones URL

La dirección URL (Uniform Resurce Locator) definen las posiciones de las páginas. Y precisamente por ello no conviene "secuéstralas", quitando las barras de herramientas de los navegadores o utilizando marcos.

Le guste o no, una dirección como esta:
http://www.compañía/productos/telefonos/modvh7.html
le dice al usuario exactamente dónde está.

Esta ventaja se pierde con las páginas generadas dinámicamente que suelen aparecer así:

http://www.compañia.com/main/actu.asp?ref=NOT19322&tipo=econ

Utilice direcciones sencillas y fáciles de recordar siempre que se posible, para mejorar la navegación. 

La etiqueta Title. Barra de título del navegador

La etiqueta <title> es lo primero que se ve en el navegador y debe indicar los contenidos de la página. Utiliza un título claro.

Además es precisamente este título el que se guardará en la carpeta de favoritos, por ello es muy importante que esté bien definido y sobre todo, que no sea ambigüo. 

Identificación del Sitio

Como no sabemos desde dónde viene nuestro visitante, y el primer documento que vea de nuestro sitio puede no ser la página principal, hay que poner en todas las páginas el nombre del sitio.

La identificación representa al sitio entero y, como tal, ocupa el lugar más alto en la jerarquía lógica.

El mejor lugar para poner el identificador es (para páginas occidentales que se leen de izquierda a derecha) la parte superior izquierda de la pantalla, porqué ahí es dónde se dirige instintivamente la mirada.

Por convención, este logotipo suele incluir un enlace a la página del sitio pero no todo el mundo lo sabe por lo qué:

No le exime de la obligación de poner un enlace a la página principal identificado como tal.

Es aconsejable utilizar los atributos "title" (en el enlace) y alt (en la imagen) para indicar a los usuarios que pulsando sobre el logotipo podrán ir a la página principal. 

Identificación de la página

Ya hemos visto la etiqueta <title> pero esto no es suficiente, todas las páginas tienen que tener un nombre, que debe estar situado de forma que enmarque el contenido y debe ser prominente.

Además tiene que que corresponderse con en enlace que ha llevado a esa página. Si el nombre no se corresponde, puede perder la confianza del usuario puesto que los enlaces no conducen a dónde apuntan.

Por supuesto, que en barras de navegación hay que llegar a soluciones de compromiso, puesto que no caben nombres largos pero por lo menos deben parecerse lo más posible.

Por ejemplo un enlace pone Arquitectura -> el nombre de la página es "Arquitectura de la Información". 

Barras de ubicación o "migas"

Esta característica se está convirtiendo en una convención y cada vez aparece en más sitios. Muestran el camino desde la página principal.

La barra de navegación

También se puede indicar la posición en la navegación principal del sitio, por ejemplo, dando un color distinto al enlace de la página en la que nos encontramos ahora.