Tag Archive: sitemap


¿Qué es? Son los elementos de una interfaz que permiten la navegación por las distintas secciones, categorías y páginas de las que se compone el web. Se trata de la manera en que se presenta la información utilizando para ello elementos tales como textos, gráficos, etc. y que facilitan que los usuarios nos movamos por el sitio web.

¿Qué elementos lo conforman?

  • Las barras de menús: son la parte más importante de los sistemas de navegación porque permiten la navegación libre por la web y sin que se dé la sensación de estar perdido en ningún momento. Es recomendable que los menús no cambien en cuanto a diseño, color, tamaño de una página a otra dentro del mismo site. Existen 2 tipos de menús: horizontales (FNAC) y verticales (UPV). Ambos permiten la integración de desplegables y de rollover. Para lograr un buen diseño deben seguirse una serie de indicaciones, tales como que la fuente utilizada sea clara y grande, con un contraste de color suficiente para diferenciarse con el fondo, favoreciendo de esta manera la lectura. Otro elemento a destacar sería la utilización de iconos, sustituyendo las palabras, facilitando la navegación por la web.
  • Sitemap o Mapa_de_sitio_web: se trata de una herramienta que lista las páginas de un sitio web, organizándolas jerárquicamente, desgranando cada una de las páginas que conforman el website. Permite que los buscadores encuentren más fácilmente las páginas de tu website.

Tipología de sistemas de navegación:

  • Jerárquicos: a partir de la página principal proporciona acceso a los diferentes niveles que tiene la web. No es muy recomendable utilizarlo con menús horizontales. Se desglosa desde lo más genérico hacia lo más especifico.
  • Globales: suele complementar al jerárquico, ofrece la posibilidad de navegar a lo largo y profundo del sitio web donde nos encontremos. Suelen basarse en barras de navegación gráficas que permiten el acceso a las diferentes secciones, las cuales tienen a su vez otros menús o barras laterales relacionados con las secciones.
  • Locales: se trata de una serie de menús adicionales que ayudan enormemente a la navegación. Se suele dar más en páginas secundarias, no tanto en la principal.
  • Específicos: se utiliza cuando no es posible clasificar o categorizar las relaciones o los nexos de unión entre las diferentes páginas. Un ejemplo de ello, son los enlaces a un documento relacionado, ya sea interno (en la web donde nos encontramos) o externo (a una web donde se aloje el documento relacionado). El lugar donde más se ejemplifica este tipo de navegación es en las wikis.

Conclusiones:

  • Los sistemas de navegación permiten identificar dónde estamos.
  • Un buen diseño de navegación ayuda al usuario a situarse y moverse por todo nuestro website, permitiendo la fluidez y rapidez en encontrar lo que está buscando.
  • El sitemap optimiza a los buscadores para que encuentren nuestras páginas web y también ayudan al usuario a entender la jerarquía de nuestro website y verlo gráficamente.
  • Un buen diseño de los sistemas de navegación permiten crear una web más usable y accesible.
  • Elegir el tipo de menú adecuado para la web, dependiendo de nuestra temática y el uso que le vayamos a dar, permitirá un mejor entendimiento y uso más intuitivo por parte del usuario.

La arquitectura de la información (Information Architecture) es la que se encarga de estructurar y clasificar sitios web e intranets, intentando ayudar al usuario a encontrar y utilizar la información de una manera más sencilla. Facilita la búsqueda y la recuperación de la información, mejorando la utilidad de la web para la persona a la que se dirige: el usuario.

A la hora de estructurar un sitio web hay que tener en cuenta varios aspectos para crear una mejor arquitectura de la información:

  1. El sistema de navegación:  es el que nos permite movernos a través del sitio web. Debe facilitar al usuario la estructura del sitio, es decir, de un vistazo, el usuario debe de ser capaz de entender la estructura del sitio web. Por otro lado, la navegación debe ser constante, es decir, que da igual en qué página nos encontremos del sitio web, debemos poder ver el menú de navegación general. Hay diferentes tipos de navegación: global, local, adicional, contextuales, de cortesía…
  2. El etiquetado: muestran la manera en que está estructurada un sitio web y que permiten la navegación. Deben ser claras, reconocibles, significativas y siempre elegidas dependiendo del usuario al que nos dirijamos.
  3. Sistemas de ayuda a la navegación: hay elementos que suman a la hora de conseguir una mejor arquitectura de la información, entre los que encontramos la barra de navegación, la barra jerárquica (migas de pan), menús desplegables, enlaces incrustados, tablas de contenidos, el índice, el mapa del sitio web o las visitas guiadas de la web.
  4. La organización: se presenta la información de una manera clara y ordenada según diversas pautas, como la cronología, temática, alfabéticamente…Se diferencian diferentes tipos de organización: ambiguos, exactos, esquemas híbridos.
  5. La búsqueda: referente a los contenidos, debe facilitar que el usuario encuentre lo que busca y le indique donde se encuentra, que recupere toda la información relacionada con la búsqueda.

Esta es una breve incursión en este tema que iremos desgranando, poco a poco, en futuros posts.

Os dejo un vídeo (en inglés) donde se explica básicamente lo que hace un arquitecto de la información. Espero que os guste.

A %d blogueros les gusta esto: