Lo primero que me llamo la atención es el método de donación y su relación con la interfaz del vídeo. Cuando recibes el código no tienes que ir a un formulario en una página distinta, ni siquiera en un formulario junto al vídeo. El campo para introducir el código está ¡en el propio vídeo! Eso hace que la atención del usuario no se desvíe en ningún momento del objetivo final: Donar y Reproducir.

Otra cosa que me llamó la atención fue el propio tipo de pago. Creo que YouTube prefiere el micropago para rentabilizar parte de su plataforma. Desde hace tiempo la tendencia de YouTube es a “meterse en el televisor” (o, al menos, en una pantalla grande). La contínua mejora de la visualización en HD o el desarrollo de la interfaz XL son buena prueba de que YouTube aspira a ser algo más que una plataforma social de publicación de vídeos. Y en paralelo, Google TV que  puede empezar a verse no tardando mucho en los salones de muchos hogares.

Internet empieza a asaltar una nueva plataforma de contenidos y parece que el más grande empieza confiando en los micropagos.

Por cierto: merece la pena donar.

Post relacionados:

1. YouTube dentro de los videojuegos
2. Vimeo: porque no solo de YouTube vive el hombre…
3. Youtube como archivo histórico

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.

Post relacionados:

1. ¿La usabilidad ya no está de moda?
2. FAZ. Revista de diseño de interacción.
3. Drupal en el Seminario Internacional de Usabilidad y Accesibilidad

¿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)

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.

Post relacionados:

1. Apture: acceder a contenido externo sin salir de tu sitio web
2. Rediseño del sitio web del W3C: ¡beta visible!
3. ¿Quieres comprobar como se vería tu sitio en Internet Explorer 6? ¿y en IE5 o IE4?

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.

Post relacionados:

1. Diagrama de la Experiencia de Usuario
2. Si usas Firefox no puedes seleccionar tu asiento

¿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.

Post relacionados:

1. El monstruo de las galletas está pasado de moda…
2. Usabilidad y Arquitectura de la Información
3. Drupal en el Seminario Internacional de Usabilidad y Accesibilidad

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.

No hay post relacionados.

¿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.

Post relacionados:

1. Diagrama de la Experiencia de Usuario
2. DONTCLICK.IT ¿Podrás resistirte?

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.

Post relacionados:

1. Con Firefox… ¡no entras!
2. ¿Quieres comprobar como se vería tu sitio en Internet Explorer 6? ¿y en IE5 o IE4?
3. Internet Explorer baja hasta el 50% de cuota global

"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”?

Post relacionados:

1. Es un botón, es un enlace… ¡no! ¡es un AdSense!
2. UI Pattern Factory: una galería de interfaz de usuario
3. #ETA_NO

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).

Post relacionados:

1. El diagrama de Venn de las redes sociales
2. UI Pattern Factory: una galería de interfaz de usuario
3. Una experiencia WordPress