Tag Archive: migas de pan


¿Qué son? Son elementos que aportan al usuario la información de donde se encuentra en cada momento dentro de un sitio web. Se le indica la ubicación exacta de la página donde se encuentra y la relación jerárquica de esta con respecto a la de inicio del sitio web. El nombre le viene del cuento de Hansel y Gretel o también Pulgarcito (en España), del famoso camino de migas de pan que utilizan para volver a casa.

¿Para qué sirven?

  • Para saber en qué parte está el usuario dentro del website.
  • Para regresar a las secciones principales más fácilmente.

¿Qué elementos las forman? Suele estar formado por una estructura jerárquica, donde se pone la ruta desde la página de inicio del website hasta la página en concreto en la que nos encontramos, apareciendo la de inicio a la izquierda, seguida normalmente del “>” que nos indica que la página de la izquierda es la que agrupa a la de la derecha y así sucesivamente. Pero ¿qué mejor que un ejemplo visual para entenderlo? Situémonos: nos encontramos en la página de “El Corte Inglés” y queremos comprarnos un ratón para el pc, cuando lleguemos a la página donde muestra el catálogo de ratones para PC’s deberíamos poder ver la siguiente ruta o camino:

Migas de pan del website de "El Corte Inglés"

En el ejemplo se puede observar que desde la página de inicio de “El Corte Inglés”, hemos pasado por la categoría “Informática”, dentro de la cual se encuentra “Accesorios”, con la subcategoría “Teclados, ratones y tabletas”. Habría que destacar que la página en la que nos encontramos aparece destacada en otro color (verde, en este caso) y que las demás indicaciones aparecen subrayadas, siendo enlaces a las distintas categorías más generales.

Tipologías:

  • Dinámico: está ligado a la navegación. Suele aparecer en websites de tipo dinámico donde la información puede estar ubicada en diferentes lugares y el acceso a ella se realiza de múltiples maneras. Informa del lugar, aunque lo más importantes y diferente es que muestra el camino o “path” que ha seguido el usuario para acceder al contenido. Respondería a la pregunta del usuario: ¿cómo he llegado hasta aquí?
  • Localizador: que está ligado a la estructura. Suele aparecer en websites de tipo estático donde el contenido aparece en un único lugar. Informa del lugar en el cual está ubicada la página y es independiente de la navegación que realice el usuario. Respondería a la pregunta del usuario: ¿donde está lo que busco?Miga de pan del tipo "localizador"
  • Descriptivo: ligado a los datos. Muestra meta-información al usuario, constituyendo el punto de partida y no de destino como lo son las anteriores tipologías. Responden a la pregunta: ¿qué contenidos se corresponden con una característica determinada?

Migas de pan del tipo "descriptivo"

En conclusión, si queréis que los usuarios no se pierdan en vuestras webs, utilizad un elemento tan sencillo como las migas de pan. Os lo agradecerán y cumpliréis con uno de los fundamentos básicos de la web que: debe estar orientada al 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: