Cómo usar la navegación de migas de pan de la manera adecuada

Breadcrumbs nos lleva de regreso al viejo cuento de hadas que quizás hayas leído en tus años de jardín de infantes. Dos niños, Hansel y Gretel, se ven obligados a abandonar su hogar en el bosque cuando Hansel decide dejar un rastro de migas de pan para seguir el camino de regreso a casa. Aunque las molestas aves del bosque se comen las migas de pan, lograron dejar una impresión muchos años después de que se escribiera la historia.

En el diseño web, las migas de pan tienen un propósito similar al que tenía en mente Hansel. Las migas de pan sirven como una navegación secundaria dentro de la navegación de su sitio web para ayudar a los visitantes a estar seguros de no perderse después de pasar de una página a otra. Al igual que el viejo cuento de hadas, ayuda a mostrar al usuario dónde ha aterrizado y cuál fue su última ubicación.

Una vez que las migas de pan se integran en la estructura jerárquica del sitio web, los usuarios pueden profundizar en las categorías de productos y navegar de regreso al punto de partida sin volverse locos con el botón "Atrás".

Las migas de pan también sirven como un elemento de control gráfico para ayudar a los visitantes menos experimentados a navegar en sitios web de comercio electrónico. Para dichos sitios web, la estructura interna debe diseñarse de manera inteligente. Con las migas de pan, se vuelve imperativo que las plataformas de compras en línea no solo brinden facilidad de uso a sus visitantes, sino que también eviten que los clientes potenciales abandonen sus páginas como resultado de perderse.

Navegación de migas de pan

Las migas de pan son un medio eficaz para guiar a los visitantes al determinar su ubicación actual y los lugares que han visitado en su camino. Sirven como una ayuda visual dentro de la jerarquía del sitio. Pero en términos de experiencia de usuario del cliente, las migas de pan los ayudan a responder estas 3 preguntas.

1. ¿Dónde estoy?

   Las migas de pan mantienen informados a los usuarios sobre su paradero en el sitio al comenzar su viaje.

2. ¿Donde puedo ir?

   Sirve como una ayuda para los usuarios al sugerirles dónde ir a continuación. Dado que la estructura ya está frente a ellos, los usuarios ya no tienen que buscar y encontrar categorías o secciones del sitio.

3. ¿Debería ir allí?

   Las migas de pan ayudan a promover una mejor navegación y muestran el valor del contenido para el usuario. Por ejemplo, si un cliente llega a una página web en busca de un producto, puede encontrar otros productos que podrían resultar adecuados para sus necesidades. Esto ayuda a reducir la tasa de rebote del sitio web.

Beneficios

Reduce las acciones

Para llegar a una página de nivel superior, las migas de pan ayudan a reducir el no. de acciones requeridas por el visitante del sitio para llegar allí. Los visitantes pueden simplemente usar migas de pan para navegar hacia atrás en lugar de usar incesantemente el botón "Atrás" o la navegación principal del sitio web.

Requiere un espacio mínimo

Solo toma una línea horizontal llena de enlaces de texto. Esto facilita una estructura de diseño web saludable al ocupar un espacio mínimo y permitir que otros elementos en el sitio web respiren. Esto también ayuda a obtener mejores velocidades de carga para el sitio web.

Cada usuario sabe cómo operar Breadcrumbs

Es fácil de entender y no requiere ningún conocimiento técnico para interactuar con ellos. El texto explica dónde estuvo, está y puede ir el usuario. Es un sistema de navegación autoexplicativo universal para la comprensión de todos los usuarios.

¿Cuándo usar migas de pan?

La construcción de un mapa del sitio para mostrar la estructura de navegación de su sitio web es uno de los mejores medios para determinar si su sitio web puede beneficiarse de las migas de pan. A continuación, puede analizar mediante prueba y probar si la navegación de migas de pan está ayudando a los usuarios a través del contenido de su sitio web o no.

• Las migas de pan se utilizan mejor cuando hay un contenido sustancialmente más grande que debe organizarse en categorías y en una estructura lineal limpia. En la mayoría de los sitios web de comercio electrónico, se utiliza el mismo criterio para agrupar una gran variedad de productos en categorías lógicas.
• Las migas de pan no deben utilizarse para sitios web que carezcan de cualquier jerarquía lógica para agrupar contenido o productos.

Cuándo evitar usarlos

Cuando las migas de pan son esenciales para la estructura del sitio web, también hay casos en los que deben evitarse. Cuando hay un sitio web que consta de una estructura de un solo nivel sin ninguna indicación clara de agrupación, lo mejor para el sitio web es evitar la adición de migas de pan. Como mencionamos anteriormente, un diagrama o un mapa del sitio puede ser muy útil para determinar la arquitectura de navegación del sitio web.

Las migas de pan solo son útiles si son compatibles con la navegación principal. Las migas de pan actúan como los músculos, mientras que la navegación principal es el esqueleto que los mantiene unidos. Sin su locomoción completa, la jerarquía del sitio web no puede funcionar productivamente.

Tipos de pan rallado

Hay tres tipos de migas de pan que debe conocer: ubicación, ruta y atributo.

1. Basado en la ubicación

Las migas de pan basadas en la ubicación se utilizan para exhibir la estructura básica del sitio web. Permiten a los usuarios navegar por sitios web que tienen múltiples niveles y seguimientos de contenido completos. Este tipo de migas de pan son muy útiles para los visitantes que llegan a un sitio web desde una fuente externa e ingresan a un nivel más profundo de contenido. Por ejemplo, si está buscando un tipo de producto en particular y hace clic en los resultados de búsqueda que muestra Google, se encontrará entre muchas categorías una vez que ingrese a la página web. Las migas de pan lo ayudarán a determinar su ubicación y navegar a las posibilidades en la estructura jerárquica. Aquellos sitios web que contienen niveles profundos de contenido son muy adecuados para migas de pan basadas en la ubicación. Un ejemplo ideal es eBay.

2. Basado en rutas

Estas migas de pan son importantes para la navegación del historial de un sitio web. Las migas de pan basadas en rutas básicamente muestran todas las rutas visitadas por el usuario para llegar a su ubicación actual. Normalmente, estos enlaces de migas de pan se generan dinámicamente. Si bien los complementos basados ​​en rutas pueden ser útiles para los usuarios que pasan una gran cantidad de tiempo navegando en sitios web, en su mayoría son desconcertantes para la mayoría de los usuarios. Dado que la mayoría de los visitantes navegan a su discreción, moviéndose de una página a otra. El botón "Atrás" en el navegador resuelve la mayoría de sus necesidades para cambiar su ruta. Esto lo hace inútil particularmente para ese tipo de visitantes que llegan a la página del sitio que ya está en lo más profundo del sitio web.

3. Basado en atributos

Los sitios web de comercio electrónico son los que más se benefician de las migas de pan basadas en atributos. Ayudan a enumerar las categorías según la página o el producto específico. Este tipo de migas de pan es extremadamente útil para alentar a los usuarios a comprender la relación de los productos entre sí. Por ejemplo, si el sitio web vende jeans, usará migas de pan basadas en atributos para ayudar a los clientes a navegar entre jeans de corte regular, ajustado o ajustados.

Prácticas recomendadas de navegación de migas de pan

Al diseñar una navegación de migas de pan, asegúrese de tener en cuenta lo siguiente. La navegación con migas de pan es una ayuda adicional para mejorar la experiencia de los usuarios en su sitio.

Evite elementos duplicados

Si realmente está dispuesto a agregar migas de pan a su sitio web, también podría hacerlo de la manera correcta. En primer lugar, debe eliminar cualquier elemento duplicado que pueda aparecer entre el rastro de migas de pan. Lamentablemente, he visto esto en muchos sitios web de alto rango donde las mismas páginas se dividen en múltiples categorías o los niveles de contenido que se muestran. Esto no solo confunde al visitante, sino que también se refleja negativamente en su sitio web.

Compatibilidad SEO

Las migas de pan no son solo controles de navegación para sus visitantes, sino también grandes activos para su práctica de SEO. Puede usar palabras clave dentro de las migas de pan para mejorar su clasificación en los motores de búsqueda. Se recomienda que elija nombres amigables para SEO para las categorías de su sitio web para que los motores de búsqueda puedan incluir fácilmente en las migas de pan en sus resultados.

Use migas de pan como una navegación alternativa

Si bien las migas de pan son una excelente fuente para ayudar a los usuarios a navegar de un punto a otro, es importante que se las trate solo como una fuente secundaria. Las migas de pan son una característica adicional para mejorar la usabilidad del visitante y en ningún caso pueden reemplazar la estructura de navegación principal del sitio web.

No tiene sentido vincular la página actual en la navegación de migas de pan

Aunque mostrar la ubicación actual del visitante en el rastro de migas de pan es opcional, debe asegurarse de que el enlace que se muestra en la estructura lineal no se pueda tocar ni hacer clic. Solo causaría confusión al visitante mostrarle el enlace de la página en la que se encuentra actualmente.

Agregar separadores

El uso de separadores es una gran práctica para dar un aspecto limpio y apreciable a la navegación de migas de pan. Evita que el texto se acerque demasiado si el usuario va a niveles más profundos y crea una estructura dinámica que es fácil de entender e interactuar.

Puede usar el signo › para indicar la jerarquía, ya que normalmente se usa en formatos de categoría como Ropa › Camisas › Camisas con cuello, etc. Otros símbolos incluyen flechas (→), comillas en ángulo recto (») y barras inclinadas (⁄).

Introducir el tamaño y el relleno de las migas de pan

Al diseñar las migas de pan, debe considerar el relleno y el tamaño objetivo. El espacio entre una miga de pan y la otra debe ser notable, de lo contrario, es posible que los visitantes no puedan usarlos de manera efectiva. Al mismo tiempo, asegúrese de que el tamaño de la miga de pan no comprometa otros elementos a su alrededor para que la navegación principal no se vea afectada.

Nunca se enfoque en el diseño de las migas de pan más de lo requerido

Nunca use colores brillantes o fuentes elegantes para representar sus migas de pan. Aunque el rastro de la ruta de navegación es importante para los usuarios después de que aterrizan en la página, no debería ser lo primero que les venga a la mente. Agregar glamour a la navegación de migas de pan puede hacer que el usuario ignore la navegación principal del sitio web. Esto puede distraer al usuario de la intención real de ingresar a la página y provocar la pérdida de una conversión potencial para la tienda. Google es el mejor ejemplo cuando se trata de eso. Al tener tantos niveles de contenido buscado, muestra una ruta de navegación simple sin fuentes o colores sofisticados para que los usuarios puedan ubicar e interactuar fácilmente con las rutas de navegación.

¿Qué tipo debe evitarse?

Es un argumento discutido sobre si usar migas de pan basadas en ubicación/atributo o migas de pan basadas en rutas para mostrar la jerarquía del sitio. Es una regla general que las migas de pan no deben mostrar el historial del usuario, sino la jerarquía del sitio. En nuestra evaluación y opinión, probablemente ya no debería molestarse con las migas de pan basadas en rutas. Por un lado, no ayuda con la UX, ya que puede causar confusión en los visitantes debido a la falta de jerarquía que se muestra entre los diferentes niveles. Es por eso que se prefieren las migas de pan basadas en la ubicación y los atributos a las migas de pan basadas en la ruta.

Pensamientos finales

Las migas de pan son tan importantes como cualquier otro elemento en un sitio web. Ahora que la tecnología ha permitido almacenar mayores cantidades de datos, velocidades de Internet más rápidas y un tiempo de carga aún más rápido, la navegación se puede mostrar de manera más completa en niveles más altos de jerarquía sin sudar. Con la ayuda de las migas de pan, su sitio web no solo producirá una mejor experiencia de usuario, sino que también generará mayores ventas de sus clientes. Una navegación más fluida y sencilla significa un acceso más fácil a las páginas de productos y dificulta menos el proceso de pago.