Diseño web y UX

Cuándo las migas de pan ayudan a orientarse en un catálogo

Usa migas de pan para explicar la ubicación de una página, especialmente en catálogos profundos, sin confundir jerarquía con historial de navegación.

OVAN Studio3 min de lectura

Una persona puede llegar directamente a una ficha de lámpara desde un buscador, sin haber visitado el inicio de la tienda. La página muestra el producto, pero no siempre explica cómo explorar opciones parecidas. Las migas de pan ofrecen ese contexto mediante una secuencia de categorías. Su valor aumenta cuando existe una estructura que el visitante necesita comprender. Añadirlas a cualquier página por costumbre puede producir ruido o rutas engañosas. Antes de diseñarlas, define qué ubicación representan y qué destinos permitirán continuar una exploración coherente.

Representar ubicación y no pasos anteriores

Una ruta como inicio, iluminación, lámparas de mesa describe dónde encaja la ficha dentro del catálogo. No pretende reproducir todos los enlaces que la persona pulsó antes. Esa diferencia evita que la ruta cambie de manera impredecible si alguien llega desde una búsqueda o una campaña. Cada categoría debe tener una página útil, no un enlace vacío creado únicamente para completar la secuencia. Si el producto pertenece a varias familias, acuerda una jerarquía principal o un criterio consistente. El visitante necesita una orientación estable, mientras otras relaciones pueden aparecer como enlaces complementarios en la propia ficha.

Escribir etiquetas reconocibles

Usa nombres de categorías que coincidan con el menú y las páginas de destino. Una miga abreviada hasta resultar incomprensible pierde su función, aunque permita mantener una sola línea. Para pantallas estrechas, el diseño puede ajustar espacios o simplificar la presentación conservando destinos relevantes. Evita que la página actual parezca un enlace que simplemente recarga el mismo contenido sin aportar nada. La documentación de WAI sobre el patrón breadcrumb explica la identificación de la navegación y del elemento actual. Pide que esa información exista también para tecnologías de asistencia, no solo mediante un color diferente.

Mantener alternativas para explorar

Las migas de pan no sustituyen un menú principal ni una búsqueda cuando el catálogo es amplio. Son una ayuda contextual. En una ficha de lámpara, volver a lámparas de mesa puede permitir comparar, mientras ver accesorios compatibles resuelve otra necesidad. No mezcles ambas funciones dentro de la misma secuencia. Si alguien aplica filtros antes de abrir la ficha, revisa cómo regresará a su selección; la categoría superior puede ser un destino válido, pero no necesariamente conserva todos los filtros. Esa limitación debe resolverse en el recorrido sin convertir las migas en un historial complejo difícil de mantener.

Probar llegadas directas y cambios de estructura

Abre una ficha en una ventana nueva y pide encontrar productos de la misma categoría. Comprueba que la ruta ayuda sin requerir conocimiento previo de la tienda. Después revisa una ficha con nombre largo y una categoría con pocas opciones. Si reorganizas el catálogo, actualiza jerarquías y enlaces para evitar rutas que ya no reflejan la estructura. No inventes niveles solo para incluir más palabras. El criterio de calidad es que cada paso superior tenga sentido y permita continuar, incluso cuando el visitante no siguió el camino habitual desde la portada.

DE LA LECTURA A LA ACCIÓN

Para aplicar hoy

  • Las migas de pan representan una jerarquía estable, no un historial.
  • Cada nivel necesita un nombre reconocible y un destino útil.
  • Prueba el recorrido entrando directamente desde una ficha interna.

Fuentes y referencias

Documentación para profundizar. Los ejemplos de esta guía son didácticos.

TU PRÓXIMA ETAPA EMPIEZA AQUÍ

Hagamos algo
que importe.

Hablemos de tu idea
info@crea-link.com+506 8675 5212Desde Costa Rica. Para el mundo.