Breadcrumb Trail

Uno de los mayores objetivos de las tiendas online es garantizar que los usuarios puedan tener un buena experiencia de navegación. En este caso, el diseño y la usabilidad es muy importante, es por eso que la técnica de navegación Breadcrumb trail ha cobrado tanta importancia. El término parece nuevo para ti, pero definitivamente lo has utilizado antes, sigue leyendo y sabrás por qué.

¿Qué es breadcrumb trail?

Se trata de una técnica de navegación que le indica al usuario de dónde viene y dónde está dentro de un sitio web. Normalmente, se muestra en la parte superior del diseño de la tienda online para que exista un fácil acceso. Igualmente, funciona como guía en caso de que el visitante provenga de buscadores, ya que le permitirá saber que existen otras categorías superiores de la página que está viendo.

Es muy fácil de reconocer, es ese pequeño formato de enlaces que se encuentran separados por el signo “>” según su jerarquía.
El breadcrumb trail es muy utilizado en tiendas de e-commerce para indicar diferentes categorías de un producto, como su color, rango de precio o utilidad.

Origen Breadcrumb Trail

Hace referencia al cuento “Hansel y Gretel” de los hermanos Grimm. En este cuento dos hermanos dejaron una ruta de migas de pan para regresar a casa.
La traducción del inglés para breadcrumb trail es “camino de migas de pan” y en la actualidad es una técnica estupenda en el diseño de tu página web.

¿Para qué sirve el Breadcrumb Trail?

  • Le permite a la página saber qué ruta de navegación es más frecuente entre los usuarios y cuáles no. Lo que es ideal para perfeccionar la ruta del embudo de ventas a partir de esos contenidos.
  • Fue creada con la intención de facilitar la navegación dentro de la página, por lo que mejora la experiencia del usuario al llegar al contenido que espera.
  • Permite al usuario conocer la ubicación en la que se encuentra exactamente dentro del sitio, lo que facilitara sus próximas visitas.
  • Le otorga estructura la página, es un sistema jerarquizado que muestra el recorrido realizado dentro de la misma y la categoría del contenido al que está ingresando.

Ejemplo de breadcrumb trail

Esta estructura de enlaces está separada por un signo mayor que (>). En la página de la tienda por departamento Walmart se puede observar cómo funciona.
Por ejemplo, si un usuario hace clic en Memorias RAM dentro del catálogo, habrá seguido una ruta de navegación desde la página principal, pasando por la categoría Electrónicos, después por Ordenadores y finalmente por Accesorios. Aquí hay una imagen donde se puede visualizar mejor.

Más información sobre breadcrumb trail