Migas de pan diseño web

Inicio » Migas de pan diseño web

Migas de pan diseño web

Navegación con migas de pan

Las migas de pan son una ayuda de navegación secundaria que ayuda a los usuarios a entender fácilmente la relación entre su ubicación en una página (como la página de un producto) y las páginas de nivel superior (una página de categoría, por ejemplo). El término se toma prestado del cuento de Hansel y Gretel, en el que los niños dejan caer un rastro de migas de pan para seguir el camino de vuelta.

Una comparación entre Windows XP (arriba) y Windows 7 (abajo). Obsérvese el desorden en el camino de Windows XP, mientras que Windows 7 muestra migas de pan que permiten a los usuarios visualizar el camino y volver a recorrerlo, si es necesario. Imagen por cortesía: GeekGirl’s

Peter Pirolli encontró interesantes paralelismos entre la forma en que los animales buscan comida y la forma en que los humanos buscan información beneficiosa. Intrínsecamente, todos vivimos según la regla heurística: no gastar más energía en la búsqueda de comida que la que ésta proporciona. Pensemos en la forma en que buscamos información en Internet: buscamos algo, el motor de búsqueda presenta muchos resultados. Examinamos los enlaces y, a menos que percibamos señales (el título SEO, la meta, etc.) de que un enlace nos dará la información que buscamos, no hacemos clic en él.  No es como un animal que caza una presa en la sabana; la bestia sólo atacará cuando el rastro de olor sea lo suficientemente fuerte como para justificar la energía que tiene que gastar en la persecución.

Diseño de material de migas de pan

Resumen rápido ↬ En los sitios web que tienen muchas páginas, la navegación con migas de pan puede mejorar en gran medida la forma en que los usuarios encuentran su camino. En términos de usabilidad, las migas de pan reducen el número de acciones que un visitante del sitio web debe realizar para llegar a una página de nivel superior, y mejoran la

mejorar la localización de las secciones y páginas del sitio web. También son una ayuda visual eficaz que indica la ubicación del usuario dentro de la jerarquía del sitio web, por lo que es una gran fuente de información contextual para las páginas de destino.

Un «breadcrumb» (o «breadcrumb trail») es un tipo de esquema de navegación secundaria que revela la ubicación del usuario en un sitio o aplicación web. El término proviene del cuento de Hansel y Gretel en el que los dos niños del título dejan caer migas de pan para formar un rastro de vuelta a su casa. Al igual que en el cuento, las migas de pan en las aplicaciones del mundo real ofrecen a los usuarios una forma de trazar el camino de vuelta a su punto de aterrizaje original.

Por lo general, se pueden encontrar migas de pan en sitios web que tienen una gran cantidad de contenido organizado de forma jerárquica. También se ven en aplicaciones web que tienen más de un paso, donde funcionan de forma similar a una barra de progreso. En su forma más simple, las migas de pan son enlaces de texto dispuestos horizontalmente y separados por el símbolo «mayor que» (>); el símbolo indica el nivel de esa página en relación con los enlaces de página que están al lado.

Mejores prácticas para las migas de pan

La navegación con migas de pan se suele pasar por alto en el proceso de diseño y desarrollo.  Algunas personas pueden considerarla innecesaria, mientras que otras pueden pensar que es una molestia demasiado grande para lo que vale. El hecho es que la navegación con migas de pan aumenta significativamente la usabilidad de un sitio web.

Las migas de pan ofrecen a los usuarios un método alternativo de navegación, les permiten ver su posición en la jerarquía de un sitio web y reducen el número de pasos necesarios para navegar a un nivel superior dentro del sitio.

Aquí se describen los diferentes tipos de navegación con migas de pan que se utilizan hoy en día, por qué son esenciales y cuál es la mejor manera de implementarlos en línea. También se incluyen aquí, para su referencia, más de 30 ejemplos de cómo se utilizan las migas de pan en línea hoy en día.

Recuerde que, si bien es probable que la navegación con migas de pan no haga o deshaga un sitio web, proporcionará un beneficio adicional a sus usuarios al aumentar la usabilidad y funcionalidad general de su sitio web.

Las migas de pan basadas en la ruta indican los pasos o el camino que ha seguido un usuario para llegar a la página actual de un sitio web. Además, los usuarios verán enlaces a las páginas que han visitado previamente para llegar a la página actual.

Migas de pan deutsch

En los sitios web que tienen muchas páginas, la navegación con migas de pan puede mejorar en gran medida la forma en que los usuarios encuentran su camino. Desde el punto de vista de la usabilidad, las migas de pan reducen el número de acciones que debe realizar un visitante del sitio web para llegar a una página de nivel superior, y mejoran la capacidad de encontrar las secciones y páginas del sitio web. También son una ayuda visual eficaz que indica la ubicación del usuario dentro de la jerarquía del sitio web, por lo que es una gran fuente de información contextual para las páginas de destino.

Un «breadcrumb» (o «breadcrumb trail») es un tipo de esquema de navegación secundario que revela la ubicación del usuario en un sitio o aplicación web. El término proviene del cuento de Hansel y Gretel en el que los dos niños del título dejan caer migas de pan para formar un rastro de vuelta a su casa. Al igual que en el cuento, las migas de pan en las aplicaciones del mundo real ofrecen a los usuarios una forma de trazar el camino de vuelta a su punto de aterrizaje original.

Normalmente se pueden encontrar migas de pan en sitios web que tienen una gran cantidad de contenido organizado de forma jerárquica. También se ven en aplicaciones web que tienen más de un paso, donde funcionan de forma similar a una barra de progreso. En su forma más simple, las migas de pan son enlaces de texto dispuestos horizontalmente y separados por el símbolo «mayor que» (>); el símbolo indica el nivel de esa página en relación con los enlaces de página que están al lado.

Scroll al inicio
Ir arriba