Patrones de diseño de Yahoo!

Me hago eco de los interesantes patrones de diseño de Yahoo! que Torres Burriel publica en su weblog.

servido por gigo sin comentarios compártelo favorito

Siendo justo

Han llegado a mis oidos quejas del trato que han dado en el curso sobre usabilidad y accesibilidad web de la Fundación CTIC a la web de Code-Extreme.

Al parecer, sin su permiso, violando su copyright, y desprestigiando su página, sin siquiera haber avisado, han puesto su tienda como ejemplo de interfaz poco usable debido al uso de menús desplegables. Creo que tanto ellos como yo, estamos de acuerdo en que su página no es todo lo usable y accesible que ellos quisieran, pero creo que es injusto tacharla de poco usable cuando hacen esfuerzos en mejorarla e incorporar otros elementos de navegación poco a poco, como migas de pan o herramientas de búsqueda. Es una web joven que poco a poco va solucionando sus problemas. De hecho, ahora acaban de cambiar su menú desplegable inaccesible por otro más accesible.

Lo que quiero denunciar en esta entrada es lo fácil que es tirar piedras contra una página y una empresa privada constituida, formada y sacada adelante por un grupo de personas infinitamente reducido y con unos recursos muy justos que bastante tienen con ir a trabajar para terceros todos los días, volver puteado, y tener que lidiar con acciones comerciales, hablar con proveedores, atender pedidos y realizar arreglos en la página. Y me siento en la obligación de defenderles porque tengo la intuición de que el ejemplo fue sacado de este blog.

Salta a la vista que la gente de Code-Extreme es consciente de todos los problemas que tienen que resolver por varios motivos: 1) que no son tontos y conocen las partes claramente mejorables; 2) que tanto yo como otras personas tratamos de hacerles llegar esos problemas para que los solucionen cuando puedan.

Yo creo que hay muchas, muchísimas páginas web en internet de empresas más fuertes e instituciones públicas - ¿habéis tratado de sacar una licencia caza y pesca en la página de los jefes de la fundación? - que son mucho menos usables y accesibles que la página de esta nueva y pequeña empresa. Creo que todos podríamos nombrar unas cuantas. Así que no entiendo por qué se ha ido a atacar a ésta precisamente. Por favor, seamos justos.

Me gusta la labor que está haciendo la Fundación CTIC para difundir los estándares, la accesibilidad y la usabilidad en Internet, pero hay cosas políticamente incorrectas que no me gustan nada de esa institución y sus fundadores. No quiero criticar nada porque no es el objetivo de este blog, pero solo quiero recordar que todos tenemos polvo guardado debajo de las alfombras. Así que cada uno a lo nuestro.

Desde aquí me gustaría dar mi apoyo a Code-Extreme y animarles para que solucionen sus problemas cuanto antes, que mejoren día a día y que terminen por dar ejemplo de una página bien hecha.

Por cierto, si crees que deberías hacer llegar a Code-Extreme algún tipo de error o problema en su página, no te cortes en informarles de ello. Están encantados de mejorar lo que puedan y seguro que tendrán muy en cuenta todas las sugerencias que reciban.

Otra cosa, todo aquel que esté interasado en la usabilidad, puede apuntarse al foro Usable de TorresBurriel sobre este tema. Esta sugerencia también va para Code-Extreme. [je je]

servido por gigo 3 comentarios compártelo favorito

Tira cómica sobre usabilidad

A través de la lista de correo de Torres Burriel sobre usabilidad he llegado a esta página con tiras cómicas sobre problemas de usabilidad: Ok/Cancel.

servido por gigo sin comentarios compártelo favorito

Congreso "Fundamentos Web 2005" en Asturias (España)

Según leo en mildiez.net, estamos de enhorabuena. Se va a celebrar un congreso sobre Fundamentos del Web 2005 en Asturias, España.

Vienen a visitarnos, nada más, ni nada menos, que prestigiosos profesionales del sector como Jakob Nielsen, Jeffrey Zeldman, Steven Pemberton, Shawn Lawton Henry, John Slatin, Inmaculada Placencia o Javier Cañada, por cierto, este último de The-Cocktail, empresa que está detrás de La Coctelera (como se puede comprobar en su página). Contaremos también con nuestros gurús locales, Josema Alonso de la oficina española W3C y Chus García de la unidad de accesibilidad de la Fundación CTIC y desarrollador original del TAW. En este enlace podrás ver la lista de ponentes.

Fundamentos Web 2005 se celebrará del 22 al 24 de noviembre en Gijón y Oviedo.

Leer la nota de prensa.

servido por gigo 1 comentario compártelo favorito

La usabilidad como estrategia de la empresa

A través del blog de Torres Burriel, acabo de leer un interesante artículo titulado Usabilidad Estratégica [PDF, 87.54 KB] en la web de Xperience Consulting.

Daniel hace un buen resumen que no parece bien copiar y pegar aquí. Yo tan solo añadiré la conclusión a la que he llegado según el artículo:

Se debe diseñar estratégicamente centrándonos en satisfacer las necesidades del usuario final de la forma más eficiente y atractiva posible (user-centered design). Para ello, la usabilidad debe ser la obsesión de cualquier directivo y se deben involucrar todos los departamentos de la empresa.

Technorati tags: usabilidad, experiencia de usuario

servido por gigo sin comentarios compártelo favorito

Cinco consejos sobre barras de desplazamiento

Acabo de leer en torresburriel.com los cinco consejos de Nielsen sobre barras de desplazamiento, y me ha parecido oportuno anotarlo aquí.

Copio, pego y comento algún punto:

• Usar las barras de desplazamiento si y sólo si es necesario. A todo el mundo nos da pereza tener que desplazarlas a golpe de clic o con la rueda del ratón.
• Esconder las barras de desplazamiento cuando el contenido sea visible en su totalidad, ya que si el usuario ve barras de desplazamiento, asume que hay más contenido aún por ver.
• Adecuarse a los estándares del interfaz de usuario, de tal modo que se usen barras de desplazamiento que realmente lo parezcan. Esto viene, por ejemplo, por esas películas flash que implementan sus propias barras de desplazamiento y eliminan las estándar del navegador. Los usuarios inexpertos se pueden perder.
• Evitar el desplazamiento horizontal, pese a haber sido catalogado este como uno de los errores típicos de diseño web en 2002. Si el desplazamiento vertical produce pereza, el horizontal es odiado.
• Mostrar todo el contenido relevante en el primer golpe de vista de pantalla, es decir, en la zona visible de la pantalla, sin necesidad de hacer uso de las barras de desplazamiento. Se lo pondrás más fácil a personas con discapacidades motrices, con problemas de lectura (hay personas a las que les cuesta seguir el flujo del texto y les es difícil recordar donde iban leyendo cuando se desplaza el texto), y a la gente mayor que le cuesta manejar el ratón.

El artículo original de Nielsen está en inglés y habla en mayor profundidad de los problemas encontrados por los usuarios.

Technorati tags: usabilidad, accesibilidad, consejos, barras de deplazamiento, nielsen

servido por gigo sin comentarios compártelo favorito

Evento online de usabilidad web: The ROI of Usability and Making Usability Routine

Según me informa Daniel Torres Burriel vía email, nos vamos de evento online. Se trata de un webcast (enlace en inglés) a cargo de Susan Weinschenk en el que va a hablar de usabilidad y su impacto en los procesos y modelos de negocio.

Se puede descargar un documento, Usability: A Business Case (734 Kb.), previa solicitud a través de un formulario poco comprometedor (al que, todo hay que decirlo, le falta un toque de usabilidad).

No faltan las instrucciones para acceder al webcast, que es gratuito, por cierto.

Los horarios:

Europe, 13:00 GMT (España a las 14:00)
The Americas, 19:30 GMT

El día: jueves, 14 de julio de 2005.

servido por gigo sin comentarios compártelo favorito

Creación de buenos enlaces en HTML/XHTML

Este consejo seguro que viene bien a un montón de bloggers y autores de contenido.

Un enlace, en el lenguaje HTML o XHTML (enlace en inglés), es un texto que al pinchar con el ratón dirige al usuario a una nueva página. Se crea con la marca <a> de esta forma:

<a href="ruta/de/la/pagina.html">descripción del enlace</a>

Un buen enlace no se crea con tan solo aplicar esta marca. Un buen enlace ha de describir en pocas palabras y con la mayor precisión el contenido del documento al que enlaza.

A continuación presento un ejemplo de mal y buen enlace:

Escribir los enlaces así es mejor por razones de accesibilidad y usabilidad:

• Los enlaces pinche aquí obligan al usuario a tener que leer el contexto del enlace para averiguar si ese enlace le lleva a donde él quiere.
• A simple vista, es complicado identificar enlaces descritos como pinche aquí entre un mar de enlaces del mismo tipo.

Por otro lado, siempre viene muy bien utilizar con frecuencia esta poderosa herramienta, ya que ayuda a completar la información de la página y a embellecerla. De todas maneras, no hace falta repetir un mismo enlace constantemente a lo largo del documento. Basta con aplicarlo la primera vez que se menciona.

En el caso de enlaces a descargas, como ficheros ZIP o PDF, es muy recomendable siempre especificar en la descripción del enlace el tamaño del archivo y el tipo de fichero que es. De esta forma:

Historia de la Estadística PDF, 65 KB

Por último, trata de evitar abrir enlaces en ventanas nuevas, tanto utilizando el atributo TARGET (enlace en inglés) como utilizando Javascript. Es una costumbre horrible que molesta y despista a mucha gente, sobre todo, a las personas mayores. De hecho, en HTML o XHTML estricto (enlace en inglés), el atributo TARGET desaparece (enlace en inglés).

servido por gigo 6 comentarios compártelo favorito