Legibilidad en los medios online

Cada vez utilizo menos el RSS para leer noticias, y en cambio recibo lo más importante y/o lo urgente vía twitter. Esto me ha hecho visitar directamente los portales de noticias locales.

Sin mucho análisis se puede ver que la mayoría de los medios de comunicación online uruguayos tienen problemas de legibilidad [1]. Algunos bastante graves, a pesar de que debería importarles mucho cómo se lee su contenido.

Ya se, “la semana que viene lanzamos un rediseño”, “una nueva versión del sitio nuevo está en desarrollo”, y muchos más. Sin embargo, pasan semanas y nunca se actualizan. O peor, las nuevas versiones siguen teniendo los mismos defectos.

La usabilidad es algo que se va mejorando de a poco, a medida que vamos evaluando y apilando pequeñas mejoras, que a la larga, hacen una experiencia agradable para el usuario. Por eso creo que la mejora en este aspecto no puede esperar al próximo rediseño, debería ser algo más dinámico, que se evalúa y se mejora en iteraciones más cortas, que se pueden implementar hoy.

Voy a detallar algunos ejemplos de algunos de los medios que más me chocan. En todos los casos, pueden corregirse con no no más de 5 líneas de código CSS.

El País

Simplemente un poco de espacio entre párrafos y más interlineado, fuente apenas más grande y serifada.

180

En este caso el problema más grave es el tamaño de fuente que es muy pequeño.

Brecha

El problema más grande es el uso innecesario del fondo a rayas, que contrasta bastante mal con el texto. Un poco más de espacio no le viene mal tampoco.

Para ser justo, hay quienes están haciendo las cosas bastante mejor. Un ejemplo digno de mención es El Observador, que sin dudas es el más agradable para leer. De todas maneras, también tiene margen para mejorar.

De hecho, todos siempre van a poder mejorar. El objetivo de usabilidad al 100% es inalcanzable, y eso está bueno porque siempre se está buscando pequeñas mejoras que faciliten el uso del producto.

Notas

  1. Me refiero en realidad a lo que se define como “Readability”. No estoy seguro si “legibilidad” es una buena traducción, ya que “legibility” también existe en inglés y no refiere exactamente a lo mismo.
  • Merecen un capítulo aparte las publicidades de algunos de los sitios, que saltan encima de todo, te siguen, algunos no te dejan leer hasta que las cerras, etc.
  • Mientras no llega la “próxima actualización del sitio”, podemos usar una hermosa aplicación web llamada Readability, que transforma cualquier artículo online, aplicandole un estilo legible y agradable. También elimina contenido secundario, publicidad, etc. Claramente estas aplicaciones no deberían existir si se estuvieran haciendo bien las cosas en este aspecto.

Dark Patterns: Patrones oscuros de diseño

Dark Patterns es un sitio que pretende exponer y documentar patrones de diseño “oscuros”. Es decir, aquellos diseños que no son el producto de un error o descuido (anti-patrones) sino de fina manipulación de la psicología humana, con el fin de engañar al usuario.

Algunos ejemplos de los patrones que proponen son:

Roach Motel

Put simply, a Roach Motel makes it very easy for a user to get into a certain situation, but then makes it hard for them to get out of it when they realize it is undesirable.

Sneak Into Basket

The user attempts to purchase a specific item. However, somewhere in the purchasing journey the site sneaks an additional item into their basket, often through the use of an opt-out radio button or checkbox on a prior page.

 

 

 

 

 

 

Para ver la lista completa, detalles y ejemplos, pasen por el sitio: Dark Patterns.

Pequeños grandes detalles

Hace tiempo estuve en una charla de usabilidad, donde Daniel Mordecki decía que los cambios en esta área rara vez son radicales, sino que más bien son como pequeñas cucharadas que de a poco van juntandose para lograr una montaña.

Little Big Details es una simple web que recopila estos pequeños detalles que van haciendo a las aplicaciones más usables y cómodas para el usuario. Puede ser una buena fuente de inspiración para mejorar sistemas que hayamos realizado o estemos planeando construír.

Favicon de Google Chrome
Favicon de Google Chrome, muestra la cantidad de e-mails sin leer.

Link: Little Big Details.

User Interface Stack Exchange en beta pública

User Interface Stack Exchange es un sitio de preguntas y respuestas manejado por la comunidad, orientado a investigadores y expertos en el área de interfaz de usuario, uno de los tantos derivados de StackExchange.

En estos 7 días de beta privada el sitio contó con 185 usuarios, 78 preguntas y 280 respuestas, y ahora se lanza esta nueva etapa pública de la fase beta.

En esta primera etapa se preguntaron sobre todo cosas muy básicas, pero poco a poco se va llenando de recursos valiosos. Una de los que destaco es la lista de libros recomendados sobre interfaz de usuario: Must-read User Interface Books?.

Luego de abierta la fase pública se evaluará el sitio por parte de StackExchange para ver si pasa a formar parte permanente de su “stack”. Todo depende del esfuerzo de la comunidad.