✒️La guía y las herramientas de diseño de SAP Fiori

Apunte Creado OK - Iniciar Edición.

¿Qué Son los Breadcrumbs?

Los breadcrumbs (o "migas de pan") son una ayuda de navegación utilizada en sitios web y aplicaciones para ayudar a los usuarios a entender su ubicación actual dentro de la jerarquía del sitio. Proporcionan una representación visual del camino del usuario y permiten una navegación más fácil de regreso a páginas anteriores.

Tipos de Breadcrumbs

1. Breadcrumbs Basados en la Ubicación: Muestran la ubicación actual del usuario dentro de la jerarquía del sitio, indicando la relación con las páginas principales.
2. Breadcrumbs Basados en el Camino: Reflejan el recorrido del usuario a través del sitio, mostrando la secuencia de páginas visitadas para llegar a la página actual.
3. Breadcrumbs Basados en Atributos: Categorían la página actual según atributos específicos, a menudo utilizados en sitios de comercio electrónico para filtrar productos.

Beneficios de Usar Breadcrumbs

• Mejora de la Navegación: Los breadcrumbs proporcionan a los usuarios un camino claro de regreso a páginas anteriores, mejorando la experiencia de navegación en general.
• Reducción de la Tasa de Rebote: Al facilitar que los usuarios exploren contenido relacionado, los breadcrumbs pueden mantenerlos más tiempo en el sitio.
• Ventajas de SEO: Implementar el marcado de esquema de breadcrumbs puede mejorar el rastreo e indexación por parte de los motores de búsqueda, potencialmente aumentando la visibilidad en los resultados de búsqueda.

Mejores Prácticas para la Navegación con Breadcrumbs

• Ubicación: Los breadcrumbs deben estar posicionados cerca de la parte superior de la página, idealmente justo debajo del menú de navegación principal.
• Separadores: Utiliza separadores claros (como el símbolo mayor que >) entre los enlaces de breadcrumbs para mejorar la legibilidad.
• Página Actual: No enlaces la página actual en el rastro de breadcrumbs; en su lugar, simplemente muestra su nombre para evitar confusiones.
• Simplicidad: Mantén el diseño limpio y discreto, asegurando que ayude a la navegación sin distraer del contenido principal.

Conclusión

Los breadcrumbs son una herramienta valiosa para mejorar la experiencia del usuario en sitios web, particularmente aquellos con estructuras complejas. Al proporcionar un camino de navegación claro y mejorar la organización del sitio, ayudan a los usuarios a encontrar fácilmente su camino y fomentan una exploración más profunda del contenido.