Usted está aquí o como hacer que el usuario no se pierda

05/21/2007

En el diseño de interacción se siguen utilizando aun las migas de pan (breadcrumbs) como ayudar al usuario en la navegación. Es el famoso “Usted está aquí” del que habla Steve Krug en No me hagas pensar con el que evitamos que el usuario se sienta perdido en el espacio infinito de la web.

Pienso que la utilización de las migas de pan como sistema de navegación solo tienen sentido en unos pocos casos y que para orientar al usuario es mejor servirse de la jerarquía visual.

jerarquia-visual.gifAdemás de la jerarquía interna de la página, los elementos de navegación como los menús, pestañas, etc. deben incluir ciertas ayudas visuales:

  • Colocar un puntero junto a la opción seleccionada
  • Cambiar el color del texto
  • Usar la negrita
  • Invertir el color
  • Cambiando el color del botón
  • Modificar ligeramente la posición
  • Aumentar el tamaño de letra

La jerarquía visual supone una guía más completa para el usuario porque los elementos le sitúan en un contexto determinado que le permite conocer que hay más allá del lugar en el que se encuentra actualmente.

Las migas de pan en cambio eliminan ese contexto, aunque pueden ser utilizadas como apoyo en el contexto visual. Sin embargo las migas de pan (breadcrumbs) son útiles cuando se utilizan en forma de asteroide.

breadcrumb_asteroid.gif

De esta forma el usuario puede navegar a través de las distintas categorías sin que se pierda el contexto, conoce donde está y todo lo que se dejó atrás. Así en caso de pérdida podrá rectificar rápidamente y con la seguridad de no llevarse ninguna sorpresa.

Más información sobre bredcrumbs.