Cómo usar las migas de pan (de la manera correcta)

Pan rallado … traen consigo asociaciones con el cuento de hadas de Hansel y Gretel, donde Hansel deja pan rallado para ayudarlo a encontrar el camino a casa nuevamente. Aunque la asociación con las migas de pan es quizás aún más fuerte en el ámbito de las historias de Grimm, eso está cambiando gradualmente a medida que las migas de pan en la navegación ayudan a los diseñadores web a crear una mejor experiencia de usuario para los visitantes del sitio.

Este elemento de control gráfico tiene un propósito muy útil como ayuda a la navegación en un sitio, siempre que esté diseñado de manera inteligente. Puede ser una bendición para los visitantes menos experimentados que necesitan depender de un rastro que les ayude a realizar un seguimiento de dónde se encuentran en el sitio de su cliente.

Un rastro de rutas de navegación hará un seguimiento y mostrará cada página que los visitantes hayan visto, a veces en el orden en que se vieron dichas páginas, otras veces en diferentes arreglos.

A continuación, le mostramos cómo integrar las rutas de navegación en su navegación de manera significativa:

Tres tipos principales de navegación con migas de pan

Hay tres tipos principales de migas de pan que normalmente encontrará en un sitio determinado, y dos de ellos son más populares que el anterior.

Ruta de navegación de ubicación

Uno de los dos tipos más populares que encontrará, las rutas de navegación de ubicación le indican a sus usuarios dónde se encuentran con respecto a la jerarquía del sitio. Su organización sencilla que orienta a los usuarios de manera clara dentro del sitio hace que este tipo sea muy utilizado.

Popular entre los sitios que tienen numerosos niveles de contenido y capas de navegación, las rutas de navegación de ubicación permiten a los usuarios volver de manera eficiente a niveles anteriores y más altos de contenido con un simple clic. Además, las rutas de navegación de ubicación son estáticas (nunca cambian), lo que las convierte en una forma confiable de ayudar a reorientar a los usuarios.

1-800 flores proporciona el ejemplo clásico de migas de pan de ubicación funcional. Cada vez que un comprador visita la página de arreglos florales It’s My Birthday, verá que primero tuvo que hacer clic en la categoría Cumpleaños después de comenzar desde la página de inicio. Por supuesto, puede hacer clic en cada ruta de navegación de nivel superior para llegar al instante.

Atributo de migas de pan

Las migas de pan de atributo son el segundo tipo principal que encontrará. A diferencia de las rutas de navegación de ubicación, estas funcionan como opciones de filtro, ya que no son estáticas y cambian continuamente según las preferencias del usuario.

No le dirán su ubicación en el sitio, sino que mostrarán metadatos sobre el contenido de la página. Por lo tanto, las rutas de exploración de atributos son populares en los sitios de comercio electrónico donde puede personalizar lo que desea comprar, como en los sitios de automóviles.

Como resultado, no necesariamente puede utilizar este tipo de método de ruta de navegación para encontrar el camino de regreso a las páginas que ya visitó.

Para ver de lo que estoy hablando, echa un vistazo Cars.com’s migas de pan. Cuando busque automóviles por marca y modelo, observe las rutas de navegación cerca de la parte superior izquierda de la pantalla, justo debajo del logotipo del sitio. El año, la marca y el modelo representan búsquedas anteriores en el sitio, pero no proporcionan una ruta confiable para volver a visitar páginas antiguas que ya vio.

Tenga en cuenta la diferencia entre este tipo de ruta de navegación y la ruta de navegación de ubicación, que le permite volver a visitar exactamente las páginas que visitó recientemente.

Ruta de migas de pan

Las rutas de navegación son las menos populares de las tres porque, francamente, ¡todo lo que hacen es replicar lo que ya hace el botón de retroceso de un navegador! Eso no ayuda a mejorar la UX en absoluto; es bastante redundante.

También conocido como rastro histórico, las rutas de navegación realmente no son tan útiles, ya que no brindan contexto o información adicional a los visitantes que llegan a una página que ya está dentro de la jerarquía del sitio. Un ejemplo sería un visitante que llega a la página de un producto porque encuentra un resultado de búsqueda en el que hace clic.

Debido a estos problemas de UX que causa este tipo de ruta de navegación, es cada vez más raro encontrarla en los sitios hoy en día.

¿Qué tipo es el más apropiado para qué sitio?

El desglose de los tres tipos principales de migas de pan plantea la pregunta obvia, ¿cuál es el más adecuado para qué propósito?

Comencemos con el que probablemente ya no debería molestarse más: rutas de migas de pan. Por lo menos, esto no ayuda a la UX; el peor de los casos es que los usuarios podrían confundirse con las rutas de navegación, ya que no muestran la jerarquía adecuada de los diferentes niveles dentro del sitio.

Ahora que lo hemos aclarado, centrémonos solo en la ubicación y las rutas de navegación de los atributos.

Las rutas de navegación de ubicación son más apropiadas para sitios más grandes que tienen niveles de contenido muy profundos. Un excelente ejemplo de esto es eBay, que es una tienda enorme debido a todos los artículos que están a la venta o en subasta. En consecuencia, las rutas de navegación de ubicación son perfectas para esta profundidad de contenido, ya que los visitantes pueden usar claramente la orientación adicional.

Ahora dirijamos nuestra atención a atribuir migas de pan.

Como se ve en el ejemplo anterior con Cars.com, los sitios de comercio electrónico que ofrecen a los compradores muchas opciones personalizables se beneficiarán enormemente de tener este tipo de ayuda para la navegación. Los sitios con varias opciones de personalización pueden resultar abrumadores para los compradores. Es por eso que darles estos filtros tiene más sentido que las rutas de navegación de ubicación, ya que los compradores querrán realizar un seguimiento de los diversos cambios que han realizado en sus resultados de búsqueda y pedidos.

Mejores prácticas para migas de pan

En general, cuando sigue estos consejos al diseñar la navegación de ruta de navegación para los sitios de su cliente, no puede equivocarse:

• Asegúrese de que no haya elementos duplicados en su rastro de migas de pan (lea: páginas que caen en múltiples categorías o niveles de contenido), ya que eso puede confundir a los usuarios.
• Utilice el signo mayor que (>) para dividir los enlaces en sus rutas de navegación, ya que esto es lo que los usuarios ya esperan de años de familiaridad y convenciones con el sitio.
• Use palabras clave que realmente desea clasificar en SEO cuando decida los nombres de sus diferentes categorías dentro de sus migas de pan, ya que esto ayuda al SEO.

Pan rallado: gran idea, pero no siempre se usa correctamente

Como ocurre con muchos conceptos de diseño y UX, una gran idea que puede ser de gran ayuda para los usuarios se convierte en una dificultad si no se implementa correctamente. Para eso es esta breve guía: para equiparlo con el conocimiento que lo capacite para diseñar rutas de navegación para optimizar la UX en lugar de no tener ningún impacto o incluso dañarlo.

Si bien no es una necesidad absoluta en todo tipo de sitio, las rutas de navegación pueden brindar a los usuarios una capa adicional de ayuda de navegación cuando se enfrentan a muchas capas de contenido o muchas opciones que les gustaría filtrar. De cualquier manera, la usabilidad derivada de las migas de pan se reduce en última instancia a cómo los diseñadores las implementan en los sitios de sus clientes.

Al asegurarse de que comprende el propósito detrás de cada tipo de navegación, se ayuda a tomar la decisión correcta para el tipo de sitio que está diseñando. Y cuando elijas inteligentemente, tendrás usuarios satisfechos, clientes satisfechos y buenas referencias, así que ten un cuidado especial la próxima vez que estés lidiando con migas de pan.