Archive for the 'Usabilidad' Category

Usabilidad y Arquitectura de la Información

A veces es complicado encontrar una deficinión que nos ayude a explicar fácilmente las diferencias entre conceptos que tienden a confundirse. Pues bien, César Martín define de forma clara y sencilla la diferencia entre Arquitectura de la Información y Usabilidad:

La Arquitectura de la Información es como ordenamos los contenidos, el diseño de los cajones que contendrán el contenido de nuestro site. La usabilidad son técnicas que nos aseguran que el funcionamiento de la página será predecible, estándar y sencillo para el usuario.

Podéis leer el artículo completo en Alzado.

Relación entre la velocidad de carga de un sitio web y el SEO

Hace tiempo que Google viene recomendando que los sitios web sean rápidos. Además, se han esforzado por publicar guías muy interesantes para acelerar nuestros sitios web y a principios de diciembre presentó su iniciativa “Google Public DNS” que aunque para algunos es un intento de crear un “internet alternativo” para otros solo es una iniciativa más para “acelerar” Internet.

¿Y por qué se preocupa tanto google por este tema? ¿no debería ser algo que afectara unicamente a los usuarios que nos visitan? Sinceramente, creo que es una cuestión de recursos. Cada vez que la “araña” de un buscador indexa las páginas de un sitio tiene un tiempo y recursos limitados para hacer su trabajo. Tened en cuenta que la tarea de indexación se soporta en base a un software y un hardware que pretende indexar y analizar todo lo que se publica en Internet diariamente. Si el sitio web a analizar por la araña es lento tarda más en hacer su trabajo… o, directamente, no lo hace. Este último caso es precisamente el de Google.

Este gráfico puede servir de ejemplo:

Relación entre el tiempo de descarga y las páginas indexadas (Webmaster Tools de Google)

Relación entre el tiempo de descarga y las páginas indexadas (Webmaster Tools de Google)

Se trata de la gráfica de las “Estadísticas de rastreo” que nos ofrece Webmaster Tools de Google de uno de los sitios que administro. Si os fijáis, he acotado con unas líneas la parte del gráfico que nos servirá de ejemplo.

A finales de noviembre tuvimos un problema en el servidor que hizo que el sitio web fuera más lento de lo normal durante unos pocos días. El resultado es que el “tiempo de descarga” detectado por la araña se eleva y, como consecuencia, el número de “páginas rastreadas” sufre un descenso muy acusado. La araña entra, empieza a rastrear y al ver que las páginas del sitio van lentitas…  ¡se va!

Posteriormente, una vez solucionado el problema en el servidor, el tiempo de descarga baja y las páginas rastreadas repuntan.

Observad como el “castigo” de Google es desproporcionado. La proporción entre el aumento del tiempo de descarga y la caída de la indexación es espectacular.

Algunos de vosotros es probable que ya conocierais esto pero quería mostrar una gráfica real, de un sitio real (que además tiene bastante tráfico) para que seais conscientes del impacto que esto tiene en la indexación de las páginas y, por tanto, en el SEO de un sitio web. Espero os sea útil.

No puedo utilizar los controles del reproductor por motivos legales

Yes.fm nos soprende con este mensaje...

Yes.fm nos soprende con este mensaje...

Si hace poco no me dejaban elegir los asientos de un concierto por usar Firefox hoy me encuentro con que no puedo utilizar los controles de un reproductor de música por motivos legales.

La verdad es que el mensaje que me he encontrado en Yes.fm me ha resultado soprendente por varias razones:

  • Llevaba toda la mañana utilizando sin problemas los controles… ¿hay un límite legal de horas para utilizar controles de navegador? (buscaré sentencias).
  • ¿Qué tiene que ver la ley con el “play”, el “stop”, el “palante” y el “patrás”?.
  • ¿Cobra canon la SGAE por utilizar controles?

Hay otros sitios que limitan el uso de controles (por ejemplo, lastfm.com) pero es la primera vez que me encuentro un mensaje tan raro y descorazonador como este. Creo que no hay peor estrategia de usabilidad o diseño emocional que decirle a un usuario que no puede utilizar algo por motivos legales.

Hubiera bastado con decir que si no eres usuario de pago no puedes usar los controles… punto. Es simplemente una característica “recortada” a la que solo tendremos acceso si pagamos. Como usuario puede gustarme o no pero lo admito. A fin de cuentas está dentro de la “lógica” de negocio que sitios como Last.fm, Spotify o el que nos ocupa utilizan.

En fin, una modificación (supongo) sencilla podría mejorar mucho la experiencia de usuario de un sitio, que en los pocos días que lo llevo usando, me está dando bastantes satisfacciones… musicales.

¿La usabilidad ya no está de moda?

Torres Burriel publica hoy un post que nos invita a reflexionar sobre el peso de la usabilidad en el desarrollo de nuevos proyectos en Internet. Si en 2007 parecía clara la necesidad de invertir en experiencia de usuario ahora, en 2009, parece haber perdido interés.

¿Los profesionales del diseño y los expertos en usabilidad no han sabido defender su disciplina? ¿la crisis ha priorizado las soluciones “rápidas”?. Creo que puede ser muy interesante pasar por el blog de Torres Burriel y debatir un poco… a ver si sacamos alguna conclusión.

Captura las acciones de tus usuarios con “userfly”

Trabajando con userfly...

Trabajando con userfly...

Cada vez son más las herramientas que nos permiten estudiar la usabilidad de nuestro sitio. Está claro que el análisis heurístico y el test de usuarios siempre serán lo más productivo pero el contar con algunas herramientas automáticas y de bajo coste siempre nos permitirá hacernos una idea de como está funcionando el sitio.

Userfly nos permite capturar las acciones de nuestros usuarios de forma automática para que luego podamos reproducirlas y evaluarlas.

Para empezar, contamos con la posibilidad de hacer una prueba gratuita (captura 10 sesiones por mes) lo que es muy recomendable de cara a evaluar si el producto os es realmente útil. Dependiendo de qué otras herramientas o recursos de usabilidad tengáis “userfly” puede ayudaros mucho o ser una herramienta demasidado básica. Si os gusta, la primera cuenta de pago es de 10 dólares y os permitirá capturar 100 sesiones mensuales.

Lo mejor:

  • Simple. Para empezar a trabajar solo hay que crear una cuenta e insertar un código javascript en vuestro sitio.
  • Panel claro. Un listado con las sesiones capturadas, el número de páginas “consumidas” por cada usuario, el país de origen y el navegador utilizado es más que suficiente.
  • Automático y anónimo. No hay que mandar invitaciones al test ni nada similar. Nuestros usuarios navegan por el sitio sin saber que son “investigados”.
  • Barato. Si te gusta, puedes empezar a utilizar la herramienta gastándote menos de 10€ al mes.

Lo peor:

  • Captura deficiente. En algunos casos, la captura de pantalla que hace no es demasiado buena (elementos que se superponen, alteración de caracteres, etc)
  • Poca frecuencia. Si el usuario es de clic compulsivo puede llegar a ir más rápido que la aplicación de grabado.
  • Comienzo automático. Cuando creamos un test nuevo la aplicación empieza a registrar sesiones sin que nosotros iniciemos nada. ¿El problema? Como te descuides puedes “fundir” tus límite de sesiones mensuales en un par de horas.

En resumen, desde luego no es la aplicación definitiva pero es fácil de usar e implementar y la relación entre el coste y lo que aporta la hacen bastante atractiva. Prueba y decide.

UI Pattern Factory: una galería de interfaz de usuario

¿Cómo se crea una interfaz de usuario como la de mint.com?

¿Cómo se crea una interfaz de usuario como la de mint.com?

Feliz y contento me he quedado después de descubir este sitio. En  UI Pattern Factory podemos ver una buena cantidad de ejemplos de interfaz de usuario: listados de búsqueda, tablas de datos, carritos de la compra, etc…

En algunos casos lo interesante es la idea o el diseño general, en otros los mecanismo de interacción y en otros simplemente detalles como la forma en que se han resaltado los campos obligatorios.

Lo que más me ha gustado es que la galería se basa en ejemplos reales de los que se describe el concepto, se incluyen videos detallando la interacción, se explica el funcionamiento, los objetivos o incluso un poco de su historia. Además, también puedes publicar tus proyectos e ideas mediante un sistema cuando menos curioso. Publicas las imágenes en su grupo de Flickr y al poco tiempo aparece incluido directamente en el sitio (un uso interesante del API).

Desde luego, es una muy buena fuente de conocimiento e ideas pero también un buen sitio donde “entrenerte” durante un buen rato.

Si usas Firefox no puedes seleccionar tu asiento

Solo puedes seleccionar tu asiento si usas Internet Explorer

Solo puedes seleccionar tu asiento si usas Internet Explorer

Acabo de “sufrir” en mis carnes un error de diseño que es capaz de cargarse varias normas de usabilidad y accesibilidad en un solo mensaje. Es de esos errores que no te gusta ver en un sitio que debe gestionar miles de compras diarias. Un sitio que discrimina a entre un 15-20% de usuarios no dejándoles elegir sus asientos. Su delito: no usar Internet Explorer.

Elige botón

"Search" parece la mejor opción pero "Go" también me atrae ¡uuumm!

"Search" parece la mejor opción pero "Go" también me atrae ¡uuumm!

En microformats.org me encuentro con un claro ejemplo de como construir una interfaz confusa… “Search” parece la mejor opción pero ¿qué se esconde detrás de “go”?

Diagrama de la Experiencia de Usuario

Diagrama con los Elementos de la Experiencia de Usuario, por Paul Veugen

Diagrama con los Elementos de la Experiencia de Usuario, por Paul Veugen

Paul Veugen ha preparado un diagrama relacional con los distintos elementos que componen la experiencia de usuario. Para ello, se ha basado en el digrama-combo de Peter Morville. La verdad es que el diagrama de Veugen resulta más claro y además… un poco más agradable (que nunca viene mal para divulgar estas materias).

Vía: cacharreando por Flickr (buscando ejemplos de mala usabilidad).

Cristal y naturaleza en Madrid

Ofcina de SelgasCano

Ofcina de SelgasCano

Espectacular. Si alguna vez vuelvo a tener oficina propia me gustaría que fuera así. Además, me pilla cerca y es que la oficina de Selgas Cano está en Madrid. ¿A qué se dedican? Pues no me queda del todo claro. Su oficina es una belleza pero su sitio web no es un prodigio de usabilidad.