Clouds_Inpiration

Con los proyectos pasa lo mismo: son viajes. En algunos, y el olfato te dice cuales, es mejor actuar como una maleta. En otros, dejarse llevar y disfrutar del trayecto.

  • Trabajar en equipos multidisciplinares
  • Hacer valer tu historia personal
  • Buscar la inspiración fuera de la caja gris
  • Atender a las emociones
  • Involucrar al consumidor
  • Jugar y divertirse
  • FAIL is OK
  • Apagar el ordenador

Sencillamente genial: Cambia la forma de trabajar. Cambiar el mundo

¡Queremos más de esto, Luis!

Free translation quoting Ariel Guersenzvaig´s post:
The lie of requirements (in Spanish):

“Design doesn´t come from another world, everybody can design, but not everybody do design all the time”.

Thumb up!

Flexible Dashboard

I found this beautiful example of Design while watching the interesting keynote that Robert Fabricant gave at the IxDA Interaction 09, in Vancouver.

Robert “kicked up a bit of a controversy” by declaring a new approach about how to understand Interaction Design thesedays:

“This approach considers all of the contexts surrounding use and then tries to build a unified interaction model to support user needs over time, across these contexts. It focuses not just on expressed needs but on those that are unexpressed: the emotions, motivations, and desires that shape user engagement over time.”

To me, the deepest conclusion about Robert´s keynote is how Design can be able to change human behaviour. And the dashboard prototype showed above resumes everything:

The speed needle of this dashboard has two “sides”, the closest to the center shows the advisable speed for a concrete gear, while the edge of this needle shows real speed. By curving this needle drivers visualize the relationship between real and advisable speed, getting a concrete idea about the fuel consumption and motivating them to adapt their speed. This brilliant example gives this information in one single needle!

I´ve been surfing the web trying to find out who did this job, the only thing I know is that comes from a Korean company. But that´s all… If somebody knows more about this I´ll be glad to hear it.

Delete button

Cada vez existen más servicios web donde aparece el mismo error: la opción para darse de baja no aparece, no existe. Ofrecer a los usuarios la opción de registrarse pero no mostrar claramente la opción contraria provoca una percepción muy negativa del servicio.

Un usuario que decide darse de baja de un servicio es o porque no lo necesita más o porque está descontento. Complicar el proceso de baja aumenta aún más este descontento.

Querer darte de baja de un servicio web debe ser igual de sencillo que darte de alta y, lo más importante, a través del mismo canal. Complicar el proceso para que esa baja se demore o que simplemente no se pueda realizar es una nefasta experiencia de uso.

El caso Ventura24:
Hace unos días, coincidiendo con uno de los botes del Euromillón decidí probar los servicios de la web Ventura24, una empresa especializada en apuestas por internet.

La experiencia fue bastante satisfactoria, seleccioné mis dos columnas de apuestas, pagué y crucé los dedos para que me tocara algo (que no fue el caso…).

Unos días después hubo algo que cambió mi percepción sobre el servicio: recibí un email promocional. En el momento de registrarme como nuevo usuario no encontré la opción de no solicitar envío de promociones, aunque sí que muestran esta opción una vez que entras en tu área de usuario. En fin, que automáticamente decidí darme de baja. Procedí por tanto a buscar la opción “Darse de baja” o algo parecido a este literal…

Después de algunos minutos dando vueltas llegué a la conclusión de que simplemente no existía esta alternativa. Tras dirigirme por email al área de clientes, muy correctamente me responden que para que ellos me puedan dar de baja les tengo que indicar el email con el que estoy dado de alta, además de mi NIF y mi nombre completo… Automáticamente me surgió la gran pregunta: ¿Me están pidiendo mis datos personales para que ustedes puedan acceder a mis datos? Y de rebote me vino esta otra¿Acceden a mis datos con mi contraseña?

Después de un intercambio confuso donde yo preguntaba y ellos seguían pidiendo datos al final tuve que llamar por teléfono. Lo más increíble llega ahora: para darte de baja del servicio en Ventura24 tienes que firmar dos documentos, volverlos enviar y además adjuntando a todo esto una fotocopia de tu DNI… De qué mundo estamos hablando? Del digital o del analógico-burocrático?

Con frecuencia, a la hora de definir un proceso de alta se suele pasar por alto el proceso de baja. Por los plazos, la prisas, etc. pensamos siempre que todo va ser positivo y que un proceso de alta limpio y bien definido es lo más importante. Pero hay que pensar en la parte negativa: complicar un proceso de baja aumenta exponencialmente la percepción negativa de ese servicio y en la mayoría de los casos juega en tu contra: el boca a boca de quien a vivido esta mala experiencia multiplica la mala imagen de un servicio.

Lo más curioso de todo es que en las secciones de esta web figura el siguiente claimer sobre seguridad:

En Ventura24.es superamos con éxito periódicamente controles y auditorías periódicas para garantizar la seguridad de nuestros sistemas y la de nuestros clientes.

Ejem… ¿De verdad?

La foto es de letgoandletsgo.

Nane Ritter_Sandiegofire

En octubre de 2007 tuvo lugar uno de los mayores incendios en la costa oeste de EE.UU. Desde ese lugar, Nate Ritter, un programador y consultor independiente, empezó a retransmitir vía Twitter todo lo que estaba sucediendo en aquel momento.

Para agrupar los tweets relacionados con el desastre, Ritter decidió emplear el símbolo # seguido de “sandiegofire”, algo así como asignar un tag a sus propios tweets. De esta forma sus seguidores podían asociar sus tweets al desastre natural que Ritts estaba viviendo en aquel momento:

Escribiendo “#sandiegofire: 300,000 people evacuated in San Diego county now.” en lugar de “300,000 people evacuated in San Diego county now.” la información aparecía más contextualizada.

A partir de ahí esta convención no ha hecho más que crecer. Puedes encontrarte tags de todo tipo #followfriday, #news, #jobs o incluso #uxjobs. Al final estos tags añaden información semántica a los tweets y pueden ser de gran utilidad en eventos o conferencias, desastres naturales, citas famosas, recordatorios…

Hay quien propone que Twitter debería considerar añadir esta “feature” en su interfaz, mostrando estos grupos de información e incluso creando un conjunto de convenciones para su uso correcto (follow #tag, follow username#tag, leave #tag…).

Pero aún hay más. En Diciembre de 2007, poco después del desastre, dos geeks de Texas decidicieron crear Hastags.org, una aplicación web, que suplía la carencia de Twitter, recopilando todos estos tags, ayudando descubrir las tendencias del día, lo que está sucendiendo ahora mismo, lo más popular, etc.

Probarlo es bastante sencillo:
Sigues a @hashtags en Twitter. Automáticamente te empezará a seguir a ti.
A partir de ahí, empieza a utilizar #tags en tus tweets (conoce primero bien cómo sacarle el mejor partido) y empieza a seguir los #tags que más te interesen, hay de todo.

Lo más curioso de todo esto es que esta convención ya se utilizaba para definir los grupos en ICQ, el IM más usado hace ya una buena ristra de años. Resulta curioso ver como su uso se ha perpetuado a lo largo de tantos años y cómo evoluciona para poder ofrecer aún más posibilidades de las que en su día ofrecía. Si ya de por si es sorprendente el éxito de Twitter quizá aún más sorprendente es la cantidad de posibilidades que aún podremos encontrarnos conforme su uso se vaya extendiendo.

Si aún no sabes para qué te puede ser útil Twitter la gente de Common Craft te lo explica soberanamente bien (Youtube, 2:25min):

MadinSpain 2009

Fusilando post de Gorriti.

Pues nada, que ya es público. Que este año tenemos la suerte de dar un taller de dos horas sobre Diseño de Interacción en el MadInSpain (26 y 27 de Junio, Palacio de Congresos, Madrid). Y digo tenemos porque no lo voy a dar solo. Cuento con la inestimable colaboración de Juan Leal, un gran profesional y amigo.

La idea es que durante dos horas os enseñemos como funciona un proyecto enfocado desde el diseño de interacción; que tipo de tareas se pueden llevar a cabo y como os puede ayudar en vuestro dia a dia siempre teniendo en cuenta las necesidades de cada uno y de cada proyecto. Que os aporte pero que no entorpezca. Ah, y si vais a venir y quereis que hablemos de algo en especial podeis ir dejando sugerencias en los comentarios de este mismo post.

Gracias Domestika por esta oportunidad única. Y nada, que esperamos que os guste. Nos vemos en el MadInSpain.

Por mi parte, simplemente decir que contento no, lo siguiente. Gracias Gorriti! Gracias Domestika!

I just found an interesting idea about how to improve the effectiveness of banners. The thing is just to turn it interactive instead of being only a box with information. They named it “Nike+ Challenge Men vs. Women” and it works like this:

  • You put a banner against men on a website for women
  • You put a banner agains women on a website for men
  • Let them discuss on real time like in a chat mode

And this is the result (Youtube, 1min):

Other brands could work perfectly with this ad mode.

Vía ComputerLove.

Punchcut, a User Experience design company from San Francisco, has just launched a very illustrative video to make people know their thinkings about what´s the best approach to User Interface design:

1/ Design for immediate access
2/ Keep gestures smart and simple
3/ Leverage clear mental models
4/ Design for real hand sizes
5/ Touch feedback is key

So, here you are (Vimeo, 1:17min):


“Touch is merely on dimension that brings a human side to technology”.

These days, Seisdeagosto.com, the company I own, is working on an interesting project defining mobile User Interfaces wireframes. Inspiration coming from this kind of documents is always welcome. Thank you guys!

Una de las cosas que menos me gusta de la web es la publicidad, el cómo se inventan fórmulas para forzar a los usuarios para, de una manera u otra, intentar que veas sí o sí el contenido que quieren dar a conocer.

El caso más conocido es quizá el de los famosos Interstitials de elmundo.es (que a día de hoy son incluso más intrusivos que antes, puesto que te ocultan hábilmente la opción de cerrar la ventana emergente).

Hasta no hace mucho teníamos otro famoso ejemplo, el del test de la risa de Last.fm que tanto dio que hablar y que gracias a la presión de los usuarios, consiguieron eliminar.

Pero hay un formato que aún sigue campando a sus anchas por la red y que personalmente me parece la forma más ruin y trepa de intentar conseguir clicks por publicidad. Sin más preámbulos, algunos ejemplos:

Engañar a los usuarios con publicidad

Como se puede apreciar en la imagen superior, se trata de pseudo-ventanas con distintas opciones a elegir a través de radio-buttons, botones, checks… Más de uno habrá vivido la experiencia de intentar pinchar sobre el elemento en cuestión y ser redirigido a otra página de destino con la publicidad del trepa que intentando venderte algo.

Quizá más de uno se pregunte qué diferencia existe entre los ejemplos de la imagen y los que he mencionado al principio. La respuesta es bien sencilla:

Mientras que un Interstitial o el “Test de la risa” no puede evitarlo nadie, ni el mismísimo Berners-Lee, estos últimos juegan con el desconocimiento de los que menos experiencia tienen en la web. Me puedo imaginar perfectamente a una persona mayor leyendo atentamente el contenido de la publicidad y dirigir su cursor a las opciones mostradas con la esperanza de obtener más información… Me parece que hay pocas experiencias de uso peores que esta.

Creo que no hace falta decir que ya tenemos suficiente con los Nigerianos como para encima tener que aguantar este tipo de torpezas marketinianas. Con lo bien que lo hacen de los de Spotify…

La mayoría del tiempo los mortales trabajamos en oficinas. Aunque “oficialmente no deberías hacerlo” allí, en ese espacio semi-privado, es donde la mayoría de nosotros usamos la web: viendo fotos de nuestros amigos, leyendo el periódico, comentando en blogs, enviando emails, buscando coche, casa, vuelos, chateando…

Por esa razón, es muy importante la privacidad y, como parte de esa privacidad, que la interfaz que tienes frente a ti sea silenciosa, que no haga ruído ni moleste.

Seguro que lo has vivido en más de una ocasión: Entras en tu periódico favorito y de repente salta una música que no sabes de dónde diablos proviene. Procuras rápidamente cerrar la ventana problemática, pero el daño ya está hecho: la gente que trabaja a tu alrededor ya ha arqueado la ceja preguntándose qué diablos estarás viendo en esa pantalla que tienes frente a ti.

Si quieres que la gente te vuelva a usar tu interfaz procura que sea silenciosa, discreta, nadie tiene que saber qué estás viendo. Por esa razón controlar todo lo que puede afectar a ese silencio es importante:

Si pincho en un vídeo quizá es mejor que empiece en silencio y, voluntariamente ya considerará el usuario la opción de activar el volumen o no.

Si pincho en un banner la página de destino también debería ser silenciosa, forma parte de la experiencia (por supuesto, el propio banner tendría que comportarse igual). Probablemente controlar esa publicidad sea más dificil, pero siempre puedes generar una “política de publicidad” donde indiques claramente que los banners publicados en tu sitio deben tener un destino que no afecte a la privacidad de los usuarios, que no haga ruído.

No hay cosa más desagradable que tener este tipo de experiencias en una oficina (sobre todo si eres nuevo). Genera un temor innecesario y una experiencia negativa que se puede solucionar considerando pequeños detalles como este.

Nota: La foto (genial como siempre) es de Dani Castillo. Los músicos: finareta y bdelcoso, de idealista.