Diseña la Navegación de tu sitio web

Última actualización el Jueves, 10 de Diciembre de 2009 13:01 Escrito por Gonzalo Reynoso Jueves, 03 de Diciembre de 2009 17:40

Guías - Planificación Web

Para dar acceso a la información de tu sitio web es preciso idear, pensar y crear un buen sistema de navegación. La forma de resolver la navegación de un sitio web es análoga a la manera de resolver su Arquitectura de la Información.

Si tu sitio web es pequeño y tiene unos pocos documentos simplemente con un solo menú bastará para que des acceso a ellos desde sus respectivos links (enlaces del menú), pero si tu sitio web es grande o muy grande (posee mucha información, y por ende documentos/páginas) debes empezar a pensar un sistema de navegación que incluya más de un menú.

Entonces, tu sistema de navegación web puede estar definido principalmente con uno o varios menues, pero debe contar además con otros elementos básicos de navegabilidad y/o búsqueda de información

Algunos elementos básicos de navegabilidad

páginas índice,
menues contextuales
breadcrumbs,
paginadores
botones "volver", anterior y siguiente
buscadores y filtros
enlaces en los contenidos
enlaces de anclajes internos
mapa de sitio
tag clouds (nube de etiquetas)
etc.

El sistema de navegación y la estructura de clasificación de contenidos

En nuestro sitio web (al momento de escribir este artículo) poseemos más de 250 documentos . Para darles un acceso a los usuarios a los contenidos del sitio, hemos diseñado 6 menúes de navegación que agrupan distintos tipos de información:

- Un menú top con enlaces de acceso a información de tipo institucional (de nuestra empresa)

- Tres menúes en la barra lateral derecha, con enlaces de acceso a información sobre nuestros productos / servicios principales

- y dos menúes en el pie de página, con enlaces de acceso a información secundaria

Diseña tu propio sistema de navegación:

Decide hacia qué tipo de información darán acceso los enlaces de tu/s menu/es
Define luego cuántos menues va a tener tu sitio web y dónde van a ubicarse ellos (cabecera, barra lateral, pie de página)
Lista los enlaces pondrás en cada menú, y en qué orden jerárquico aparecerán

Es importante tener en cuenta que la jerarquía visual es clave en el diseño de la navegación, el acceso a la información más importante y prioritaria de tu web debe tener mayor visibilidad que la información secundaria.

La potente modularidad de los sistemas gestores de contenidos permite crear una cantidad ilimitada de menues de navegación. No solo eso, sino que también permite organizarlos y darles diferentes jerarquías o niveles de importancia, como así también decidir en qué secciones de la web deben mostrarse estos menúes y en cuáles no.

Algunos consejos

Existen varias formas de organizar y generar la navegación de tu sitio, no solo una.

Una manera posible consiste en crear un menú diferente para cada sección (o mejor aún, para cada categoría) de la información. Es decir, este sistema de navegación respeta fielmente la forma en que se clasifican y organizan los contenidos.

Para determinar el mejor sistema de navegación debes preguntarte cuáles son las prioridades de comunicación e información de tu web, en relación a las espectativas de tu público potencial:

El usuario (visitante) quiere saber si en tu sitio web va a encontrar el producto o servicio que necesita, o no --> Menú de productos o servicios
El usuario quiere saber quien está "detrás de tu web" y si puede confiar en tu empresa --> Menú de información institucional
El usuario busca otro tipo de información --> Menú de información documental

Define el tipo de enlaces que tendrán tus menues:

Cada enlace (perteneciente a cualquier menú de navegación) hacia los contenidos de tu sitio web puede básicamente generar dos tipos de accesos:

- acceso hacia un documento web de tipo landing page (nodo final de la información, o item de contenido), o
- acceso hacia una página índice (link hacia una sección o categoría de la información)

Cada link hacia una sección o categoría de información genera una página índice que contiene la colección de enlaces (e información resumida), generando un índice automático de los recursos incluidos en ella. A su vez las páginas índice pueden ser "de presentación blog" o "de presentación de lista" (no trataré este tema aquí)

Ejemplo:

Para ilustrar lo anterior, voy a utilizar un ejemplo basado en la estructura de este mismo sitio web (ya visto en notas anteriores):

Sección de información	Categoría de información	Item de contenido (documento)
Servicios de DDW	Diseño Web	Sitio Web Mini-Emprendedor Diseño Web profesional Sitio Web de Comercio electrónico Comparativa de Planes de Diseño Web
	Marketing por Internet	Plan Integral de Marketing Online Consultoría en Marketing Digital Curso de Search Marketing
	Otros Servicios	...

1 - Enlace hacia una sección de contenidos

Un enlace hacia la sección "Servicios de DDW" genera una página índice que contendrá una lista de las categorías que contiene esa sección, a saber: "Diseño Web", "Marketing por Internet" y "Otros servicios"

Cada item de la lista tiene un enlace (generado automáticamente) de acceso a su respectiva categoría, por ejemplo, el item "Diseño Web" genera otra página índice (automáticamente) que a su vez lista los items de contenido incluidos en la categoría en cuestión

Tenemos así un esquema de navegación desde la homepage hacia un nodo final de la información, como por ej:

Home >> Servicios de DDW >> Diseño Web >> Diseño Web profesional

2 - Enlace hacia una categoría de contenidos

Un enlace hacia una categoría de contenidos genera una página índice (automáticamente) que lista los items de contenido incluidos en la misma.

Por ejemplo, si en un menú coloco un link hacia la categoría "Marketing por Internet", el sistema de indización generará una página indice que contendrá una lista de los items incluidos:

Plan Integral de Marketing Online
Consultoría en Marketing Digital
Curso de Search Marketing

con un link (cada uno de ellos) de acceso a su propio documento web

En este caso tenemos un esquema de navegación desde la homepage hacia un nodo final de la información, como por ej:

Home >> Marketing por Internet >> Curso de Search Marketing

3- Enlace hacia un item de contenido (documento)

Un enlace hacia un ítem de contenido particular simplemente genera un acceso directo hacia el mismo, obteniendo así un esquema de navegación como por ej:

Home >> Curso de Search Marketing

Inmediatez de los accesos (links) y su jerarquía visual

Nunca debes olvidar que es muy imporante resolver:

la inmediatez de los accesos desde la homepage del sitio web, y
su jerarquía visual (ordenación tanto de menues como enlaces en cada menú)

Atendiendo al primer factor, si por ejemplo considero como muy importante la página de mi "Curso de Search Marketing", voy a colocar hacia ella un link directo (en algún menú) para que se acceda con solo un clic desde la homepage

Home >> Curso de Search Marketing

y no debería alejar demasiado el acceso a ese documento web como por ejemplo:

Home >> Servicios de DDW >> Marketing por Internet >> Curso de Search Marketing

en esta situación, estaría obligando tanto a los usuarios como a los robots, atravezar y pasar por 3 enlaces (clics) antes de llegar a la información deseada

Atendiendo al segundo factor, el órden de importancia en la visualización de los enlaces de cada menú va de acuerdo a la prioridad que tenemos de dar acceso a los distintos tipos de información.

Por ejemplo, esta ordenación de los enlaces:

Menu de servicios

Diseño Web profesional
Sitio Web de Comercio electrónico
Plan Integral de Marketing Online
Consultoría en Marketing Digital
Curso de Search Marketing

no es lo mismo para mi que esta otra ordenación:

Menu de servicios

Curso de Search Marketing
Consultoría en Marketing Digital
Diseño Web profesional
Sitio Web de Comercio electrónico
Plan Integral de Marketing Online

Conclusión

El diseño de navegación es crucial para definir la eficiencia de uso del sitio web. Determina cuán rápido y eficientemente encuentran y acceden a los contenidos tanto sus visitantes humanos como los robots de los motores de búsqueda (recuperación de la información).

Para los usuarios, un buen sistema de navegación evita frustraciones y les brinda una interfaz amigable (de fácil uso). Considerando robots y softwares de recuperación de la información, un sistema de linkeo eficiente supone una excelente performance del sitio web en los buscadores, lo que incide directamente en su posicionamiento.

Con nuestros servicios de Planificación Web o de Consultoría Online, te ayudamos a definir y diseñar el sistema de navegación de tu sitio web