Apuntes TresOnce: Dame pan!

Publicado el 27 de Febrero de 2007

Esta es una anotación publicada en mi antiguo blog sobre accesibilidad, usabilidad y estándares, TresOnce, el 30 de septiembre de 2005. También puedes ver el texto original.

Breadcrumbs en Google Directory.

Al igual que los indicadores «Usted está aquí», las migas de pan o, en inglés, BreadCrumbs, resultan una técnica de navegación que ofrece al visitante la orientación necesaria para poder moverse dentro de la web. Ayudan a que el navegante no se pierda entre la cantidad de categorías que pueden encontrarse en un website.

Han adoptado este nombre por el cuento infantil de Hansel y Gretel o, del que nos queda más cercano Pulgarcito. En ambas historias los protagonistas utilizaban migas de pan durante su camino de manera que pudieran volver sobre sus pasos según las indicaciones que ellos mismos se habían creado.

Algunas recomendaciones de Steve Krug recogidas en su libro No me hagas pensar son las siguientes:

  • Colocarlas en la parte superior.
  • Utilizar el símbolo > para diferenciar entre los distintos niveles.
  • Usar un tipo de letra pequeño, ya que se trata de una ayuda adicional.
  • Use las palabras «Usted está aquí» para orientar a los usuarios, ya que resulta más clarificador acompañarlo de esta frase.
  • Remarque el último término, por ejemplo, con negrita.

Por más que he buscado, me ha sido realmente difícil encontrar sitios web de las islas en los que se hiciera buen uso de las migas de pan. Alguno como WebDesign-e los utiliza de forma clara y sencilla, aunque utliza el separador : para diferenciar los niveles. Otros como Inerza (el enlace ya no va), hacen uso simple pero correcto de las migas de pan, y aunque no tienen muchos niveles que separar, se agradece que aparezcan, aunque no dan uso de las negritas para remarcarlos.

Actualización: La gente de Inerza han tomado buena nota y mejoraron su sistema con la nueva apariencia de su sitio.

Compartir es vivir! :)

  • Envía esta anotación por email
  • Imprime esta anotación
  • Meneame
  • Facebook
  • del.icio.us
  • TwitThis
  • Technorati
  • BarraPunto
  • MisterWong
autor: fer | categorías: usabilidad |

No hay comentarios | Deja el tuyo!

Deja tu comentario

XHTML: Puedes usar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>