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.

autor: fer | categorías: usabilidad | No hay comentarios

Los Siete Principios de Diseño Universal.

Publicado el 27 de Febrero de 2007

A través de SlideShare, una herramienta que cada vez me gusta más, me encuentro con esta breve presentación sobre los los Siete Principios de Diseño Universal.

Por cierto, es una traducción al castellano cortesía de Emmanuelle Gutiérrez y Restrepo, del SIDAR, de la presentación original en inglés de Scott Rains.

autor: fer | categorías: accesibilidad | No hay comentarios

Por una web para todos.

Publicado el 26 de Febrero de 2007

Toda persona tiene derecho a tomar parte libremente en la vida cultural de la comunidad, a gozar de las artes y a participar en el progreso científico y en los beneficios que de él resulten.

Artículo 27.1 de la Declaración Universal de los Derechos Humanos.

autor: fer | categorías: accesibilidad, citas | No hay comentarios

¿Por qué usar GMail?.

Publicado el 26 de Febrero de 2007

Desde el pasado día 14, por fin puede obtenerse una cuenta de GMail sin invitación, directamente inscribiéndose en la web. Y para celebrarlo, los chicos de Google se han montado un teatro de marionetas en el que explican las ventajas de usar su revolucionario servicio de correo.

Después de usar GMail, no querrás usar otro correo, te lo digo yo, que ya llevo usándolo más de año y medio.

autor: fer | categorías: herramientas | No hay comentarios

Mi Portfolio Web (III): Dosmilmastres.

Publicado el 24 de Febrero de 2007

Más sobre mi trabajo durante el último año.

Proyecto
dosmilmastres
cliente
-
url
www.dosmilmastres.com
fecha
agosto 2006
tarea
desarrollo de sitio completo
estado
online

PROYECTO

Dosmilmastres es mi proyecto personal de presencia en la web. En él desarrollo principalmente mi propio blog, cuya temática es, básicamente, el diseño con estándares, la usabililidad y accesibilidad web.

Captura de pantalla de dosmilmastres.com

OBJETIVO

Aunque actualmente el contenido central del sitio es el propio blog, supone un medio a través el cual dar a conocer mi propio trabajo, además de mis ideas y opiniones.

La intención es analizar, alabar y, en ocasiones, criticar, desde mi punto de vista todo aquello que tenga que ver con la usabilidad, accesibilidad y estándares web.

Captura de pantalla de dosmilmastres.com

TECNOLOGÍA

Programado con PHP sobre MySQL, y maquetado y diseñado usando XHTML 1 Transicional y Hojas de Estilo, poniendo mucho cuidado en aspectos como la accesibilidad, intentando conseguir una interfaz clara y simple.

Captura de pantalla de dosmilmastres.com

Próximamente, más.

autor: fer | categorías: desarrollo, diseño, empleo | No hay comentarios