Libro: siete años de experiencia de usuario

Hace poco más de un año, escribía algo en este blog: Quiero que lo sepáis antes que nadie y quiero que sea aquí. Ese post es la introducción de mi segundo libro, “Siete años de experiencia de usuario“. Y por fin tengo el placer de contarlo por aquí.

Siete años de UX
Portada del libro Siete años de experiencia de usuario

El libro es una realidad y lo tengo en mis manos. Al fin.

Lo presentamos en sociedad como me gusta hacer las cosas. Con discreción. El libro estaba incluido en la bolsa de bienvenida de UX Spain, gracias a la colaboración de su organización. Y ahora es cuando me toca contarlo aquí.

El libro es una compilación de posts escritos por mi en este blog a lo largo de su existencia. No hay ninguna pretensión clasificatoria, ni orden de importancia. Sólo pretendía compilar algunos de los posts que me parecen más interesantes dentro de una temática que gira, siempre, en torno a mi trabajo profesional. Por tanto, que nadie espere nada más que eso.

Haciendo un ejercicio de atrevimiento, me cito:

Es un punto final a un proyecto personal. Un proyecto que empezó siendo una aventura solitaria, alocada y seguramente un poco ególatra. Un proyecto que, con el paso de los meses, ha devenido en una experiencia íntima de revisión. De revisión de conocimientos, estados de ánimo, tendencias y formas de abordar la comunicación. Pero sobre todo ha sido una experiencia que me ha servido para darme cuenta de la tremenda inmadurez que caracteriza a la web. La web quizá sea por naturaleza inmadura. O quizá podamos poner otro adjetivo: cambiante.

A partir de ahora toca volver a empezar, dudando de todo, revisando principios que siempre he tomado como estables, trabajando como si cada proyecto fuera el primero.

El libro no está a la venta. Si a alguien le interesa, quedamos y le doy uno. Es gratis. Como he dicho más de una vez por aquí, vuelvo a la cita de David de Ugarte:

Con todo lo que he aprendido de tanta gente que ha compartido su conocimiento por internet, por webs, por blogs, por listas de correo, por news de Usenet… por tantos y tantos canales… éticamente no puedo sino devolver al menos una parte de ese conocimiento a la comunidad.

Actualización 1: vamos a preparar un primer formato digital del libro para quien lo quiera descargar gratuitamente. Lo iremos poniendo todo en este post.

Actualización 2: Disponible el libro en formato PDF, de libre descarga, en Slideshare.

Imágenes, iconos, significado, textos, enlaces

Una de las cosas que por mucho que pase el tiempo siempre me toca comentar con algunos clientes es la conveniencia, desde mi punto de vista, de no utilizar solamente imágenes cuando se quiere indicar el acceso a contenidos o servicios. Más aún cuando éstas no son un elemento universal, ampliamente utilizadas e inequívocas en su significado y aceptación popular.

El caso es que hace poco me encontré en un bar unos símbolos bastante graciosos a la hora de indicar el acceso a los servicios de chicos y de chicas.

Mujeres

Queda claro que utilizar una imagen junto con un texto no deja lugar a la duda de cuál es la opción, ¿no?

Crónica de UX Spain

Con la tranquilidad de una terraza en el centro de Zaragoza, una vez pasado el efecto shock que en mi han tenido los días en Salamanca durante la primera edición de UX Spain, me pongo a escribir algo que necesito hacer mas pronto que tarde. No es otra cosa que dejar por escrito mis impresiones acerca de el primer encuentro de profesionales de la experiencia de usuario en España.

Ni que decir tiene que solo el hecho de que este evento se haya hecho realidad ya me parece un éxito y un motivo mas para creer que este tipo de eventos son necesarios, buenos en si mismos, y muy útiles tanto para la profesión, para los profesionales que nos dedicamos a esto, y también para definir la imagen que proyectamos al exterior.

La organización de UX Spain ha sido uno de los pilares que ha permitido que mas de 400 personas se haya reunido en Salamanca para hablar de UX, para vernos las caras y para poner sobre la mesa una de las tesis que personalmente creo que deberían ser objeto de un análisis un poco mas profundo: qué somos los profesionales de la experiencia de usuario y, sobre todo, cómo queremos que nuestra profesión sea. Igual parece una perogrullada, pero no lo es. Y no lo es porque cualquier disciplina profesional debería ser autocrítica con su proceder, con su objeto y con su evolución.

Dicho esto, y desde una perspectiva personal, UX Spain lo definiría como el foro en el que he vuelto a aprender. He vuelto a aprender que me falta mucho por aprender. He vuelto a aprender que todo pasa pasa y nada permanece. He vuelto a aprender que solo a través del trabajo, la honestidad, el compromiso y la pasión es posible crecer profesionalmente.

También es un congreso que me ha servido para volver a descubrir que los famosos “back to basics” siguen siendo una herramienta útil y vigente a la hora de centrarse cuando tanto el entorno como los cambios que se suceden en torno a la profesión nos hacen parecernos a Descartes, dudando de lo que dudamos. Escuchar a Armando Fidalgo, Alberto Knapp y Javier Cañada me han reconciliado con lo que hago y con lo que quiero seguir haciendo. Escuchar a Ujué Agudo y a Olga Constanza me hace albergar esperanzas.

Quiero olvidar, también, algunas cosas que me han tenido con dificultades para conciliar el sueño. Me quiero olvidar de participantes con cerveza en una mesa redonda. Me quiero olvidar del menosprecio absoluto que se ha transmitido acerca algunas técnicas de evaluación de usabilidad. Me quiero olvidar de la falta de autocrítica y del buenrrolleo que se ha transmitido. Me quiero olvidar de ponencias vacías de contenido y, en general, de la falta de realidad que se ha transmitido en ocasiones.

Y me quiero olvidar de lo mal que logré plantear el debate en torno a la realidad del trabajo que hacemos los profesionales de la experiencia de usuario cuando trabajamos con clientes que no son grandes multinacionales ni presupuestos generosos. Ese era uno de los objetivos de la mesa redonda que me tocó moderar, y aún no sé cómo poder explicar esa realidad: ni todos trabajamos en startups que molen, ni todos trabajamos con excelentes equipos de multinacionales. Y es ahí donde creo que se desarrolla la mayor cantidad de trabajo de los profesionales de la UX, pero ni se ve, ni la sabemos contar, ni nos atrevemos en muchas ocasiones a enseñarlo. Y todo eso queda en el debe.

No quiero terminar sin decir con qué me quedo:

  • Me quedo con la gran participación de público.
  • Me quedo con la excelente organización.
  • Me quedo con la posibilidad de ver y hablar con tanta gente que trabajamos en este sector.
  • Me quedo con la experiencia y sencillez de lo expuesto por Armando Fidalgo.
  • Me quedo con el deslumbrante fondo cultural de Javier Cañada.
  • Me quedo con la presencia de profesionales de otras disciplinas, que se quisieron acercar a Salamanca para conocernos un poco más.
  • Y, cómo no, me quedo con ganas de UX Spain 2013.

UX Spain: the largest gathering of user experience professionals in Spain

Next Friday, the first edition of UX Spain will take place in Salamanca (Spain), the largest gathering of user experience professionals in Spain.

UX Spain
Screenshot of www.uxspain.com

More than 400 attendees are expected to arrive and you can see and hear reference professionals in Spain in several conferences, roundtable discussions, and a large number of lectures.

Tickets have been sold out for over a month!

Google Drive como ejemplo de página de producto

No es algo nuevo decir que Google lleva un tiempo mostrándonos rediseños progresivos de sus productos. Lo hemos comentado por aquí en más de una ocasión.

Lo que es más novedoso, al menos desde mi percepción, es cómo poco a poco en Google están llevando las líneas básicas de su rediseño en las aplicaciones a nuevos productos, donde se parte desde cero a la hora de enseñarnos cosas.

Un buen ejemplo lo constituye Google Drive. Cuando accedemos por primera vez, estamos ante una página de producto que varía los modos en los que Google presentaba un nuevo producto. Ahora las columnas han pasado a mejor vida y el foco se centra absolutamente en el producto, contando con la colaboración de la facilidad para lo que algunos llamamos “hacer scroll”.

Captura de pantalla: el diseño de la web de Google Drive
Captura de pantalla: el diseño de la web de Google Drive

En todo caso lo que más me llama la atención, además de la evolución estética de algo que está bajo el paraguas de Google, es esa desaparición de layout con columnas, al menos en la jerarquía visual alta. Es un rasgo muy característico de las páginas de producto de Apple, y de otros muchos, pero en el gigante de Stanford no es algo muy común, al menos hasta la fecha.

¿Por qué me paro a reflexionar sobre esto? Porque definitivamente las páginas de producto son las que marcan, desde mi punto de vista, el diseño de un sitio web. O al menos creo que así debería ser.  Las razones:

  • Concebir toda la pantalla, todo el espacio, para contar un solo producto.
  • Disponer de más espacio para imágenes o vídeos grandes.
  • Poder aumentar el tamaño del tipo de letra.
  • Permitir una comunicación gradual: desde lo más general a lo más particular.
  • Evitar la presencia de potenciales interferencias.

En fin, que me gusta mucho el planteamiento que hace Google en páginas de producto como esta, que me parece un buen modelo a seguir y que, en general, parece que la tendencia es que estamos abandonando el modelo basado en un layout complejo para pasar a un layout mucho más simple, pero que requiere centrarse por completo en el producto.

Cinco cosas que me han enseñado quienes venden online

Imagina que moderas una mesa redonda en la que los tres invitados son los propietarios de sendas tiendas online.

Imagina que antes de comenzar la mesa redonda, el organizador te invita a comer con los tres ponentes, y en ese rato compartís impresiones acerca del mundillo de la venta por internet, los proveedores, la logística, las anécdotas.

Imagina que durante la mesa redonda, como moderador, tomas alguna nota de lo que más te llama la atención de las intervenciones de los ponentes.

Mesa redonda Comercio electrónico y empresa
Un momento de la mesa redonda.

Imagina que luego quieres compartir lo aprendido y escribes un post en tu blog:

  1. El cliente me ha enseñado a ser más organizado.
  2. La especialización es fundamental.
  3. Lo que hay que hacer es vender cualquier cosa en cualquier sitio.
  4. Es difícil hacerlo fácil. Pero hay que hacerlo fácil.
  5. Lo mejor es que la gente de TIC sea interna, porque acaban sabiendo más de lo que se vende.

Los invitados fueron:

El organizador, Alfonso López, socio director de Acertius y director del Master en administración electrónica de empresas, de la Universidad de Zaragoza.

Pinterest y el registro de usuarios

Pues nada, como tenemos la aplicación web de moda en plena expansión -Pinterest-, hace unos días me registré y cuál fue mi sorperesa, grata, al comprobar lo bien que está diseñado el proceso de registro.

Registro de usuarios en Pinterest
Pantalla de registro de usuarios en Pinterest

En los cursos y charlas que damos por ahí lo solemos contar, y es que en líneas generales parece muy recomendable pedir al usuario pocos datos cuando le planteamos la cumplimentación de un formulario. O al menos los mínimos imprescindibles para completar la transacción que estemos diseñando.

¿Cómo lo resuelven en Pinterest? Piden sólo los datos imprescindibles para poder ser identificado en el sistema. Ni más ni menos. Veamos con un poco de detalle cuáles son:

  • Nombre de usuario para ser identificado
  • Dirección de correo electrónico
  • Contraseña

Esos son los datos mínimos que se necesitan para estar registrado en una aplicación como Pinterest. Una identificación sencilla, elegida por el usuario, que le permita decir quién es. Una forma de contacto, y una contraseña para validar que es quien dice ser cuando se identifique posteriormente.

La única debilidad que plantea este patrón de diseño de registro de usuarios es que la contraseña sólo se pide una vez, dejan abierta la posibilidad de que un error en la escritura de la misma al registrarse suponga un error posterior a la hora de identificarse. Si se pide dos veces nos aseguramos de que el usuario ha escrito la contraseña con lso caracteres que desea (ya que si se produce un error en cualquiera de las dos ocasiones en las que la debe escribir al registrarse, el sistema debería advertir de la no coincidencia).

Con ello, y siguiendo la senda de trabajar con patrones que ayuden a estandarizar la solución a ciertas necesidades de diseño, tendríamos un pack completo a la hora de solicitar el registro de usuarios en una aplicación, una tienda online, o cualquier otro producto digital:

  • Nombre de usuario
  • Contraseña (dos veces)
  • Dirección de correo electrónico

¿Qué os parece? ¿Es posible que una de las razones por las que Pinterest ha tenido tantos usuarios registrados en tan poco tiempo sea la sencillez de su proceso de registro?

La compra impulsiva y los patrones de diseño: Google Offers

Hace días que tenía pendiente dejar aquí una anotación acerca de algo que vi y me gustó mucho. Hablando de compras online, y de planteamientos de compra por impulso, me topé un día con Google Offers, un sitio de esos con lo que sólo te topas cuando andas detrás de un proxy (al menos yo) y que te hacen sentir envidia de los Estados Unidos. ¿Por qué en Europa estamos tan retrasados siempre en todo lo que tiene que ver con la red? Es una pregunta retórica, claro.

La cuestión es que Google Offers me gustó nada más verlo. En primer lugar me pareció un extraordinario ejercicio de consistencia de diseño por parte de las gentes de Google. Hemos hablado por aquí de que en Google están tomándose en serio el rediseño de su interfaz y lo están haciendo de forma progresiva, para minimizar el rechazo por parte de los usuarios (cosa que casi nunca se puede evitar por completo, y menos cuando se trata de aplicaciones de uso común). Google Offers me parece una buena prueba de ello.

Google local offers
Captura de pantalla de una oferta de Google Offers

Pero si vamos un poco más allá, podemos ver cómo han plasmado, desde mi punto de vista, de forma extraordinaria los patrones de diseño que poco a poco vamos interiorizando cuando se trata de ejecutar funcionalidades similares. En este caso se trata de la compra por impulso.

Mención aparte de que el sitio tiene un fuerte componente local, los elementos que no faltan el el planteamiento de Google Offers se podrían resumir en los siguientes puntos, y que para mi constituyen una buena referencia a nivel de patrón de diseño:

  • Foco en el producto, por encima de la navegación del site, incluyendo jerarquía visual diferenciada del resto de contenidos
  • Imagen  predominante (zona superior izquierda)
  • Lista corta de características del producto
  • Call-to-action que incluye el precio, así como la sensación de urgencia
  • Fecha límite de la oferta junto a la call-to-action
  • Componentes sociales inmediatamente después de la fecha límite de la oferta
  • Producto relacionado en diferente jerarquía visual

Esta es una simple anotación que, insisto, desde mi punto de vista puede constituir la base de un patrón de diseño que resuelva uno de los elementos más habituales hoy en día cuando hablamos de la compra por impulso.

¿Qué os parece?

Proyecto: rediseño de la web de una Fundación

Algunas veces pienso que desde que tomé la decisión de trabajar por mi cuenta, trabajar para ciertos clientes debería considerarse un privilegio. Lo digo porque cuando las herramientas metodológicas que uno lleva en la maleta pueden desplegarse del todo, es un verdadero placer trabajar. Vale, queda un poco pelota porque voy a hablar del trabajo con un cliente, pero es lo que hay.

En esta ocasión quiero compartir la experiencia de un trabajo realizado para la Fundación genes y gentes, una entidad que se dedica al trabajo en temas genéticos, formación, educación, investigación y protección genético-social, desde el reconocimiento de la dignidad, derechos y libertades fundamentales de las personas.

Home Fundación genes y gentes
Página principal. Su objetivo es dar una vista general.

Pero más allá de una puesta en contexto del ámbito de contenidos de este proyecto, lo que quiero contar es la dinámica de trabajo que hemos experimentado en este proyecto.

Los retos eran los siguientes: había que mejorar la experiencia de usuario de un proyecto que, teniendo una audiencia más o menos asegurada (ya que se trata de un dominio de población en cierta medida controlado), era necesario consolidar la conversión, entendida ésta en términos de leads. Las personas que consumen el contenido de este sitio web tienen una motivación bastante fuerte, pero la tecnología o la organización de contenidos no deben, en ningún caso, suponer una barrera por pequeña que sea.

Visualización de video FGG
Uno de los objetivos es facilitar el consumo de contenido multimedia, integrado desde terceros.

Por tanto teníamos que conseguir eliminar cualquier tipo de modelo endogámico que se basara en la exportación de la estructura organizativa de la casa, así como superar una concepción unitaria del sitio web. Los objetivos de la Fundación y, por ello, su público objetivo pueden contar con un abanico de motivaciones diverso, y la web debe dar respuesta a todo ello de forma inequívoca.

Lista de contenido FGG
Contenidos agrupados por temas muy definidos, que cuentan con su perfil de usuario específico. Concreción sin adornos.

La estrategia: romper con la página principal y dedicarla sólo a un perfil de usuario determinado. La home no tiene en este caso el objetivo de dar satisfacción a todos los perfiles de usuario. Y además de ello, el contenido debe ser tratado de forma vertical, para poder hacer localizable cada tipo de contenido, que tiene un público específico.

Detalle de contenido FGG
Contenido rico en detalles, simple en su puesta en escena. Formato trabajado para facilitar su lectura.

Como método de trabajo, una vez más, el análisis etnográfico ha sido pieza clave para lograr descubrir los recovecos que nos han dado las claves que aquí estoy contando. La entrevista en profundidad, en varios niveles ha sido el método más eficaz. Sumado a ello, el trabajo con wireframes en un primer momento, junto con la construcción de prototipos funcionales ha hecho el resto.

Visualización de fotos FGG
Como en el video, uno los objetivos es facilitar el consumo de contenido multimedia, integrado desde terceros.

La capa de diseño visual, especialmente cuidada, y una implementación de la gestión de contenidos que va más allá de la instalación de un CMS (hemos entrado  a intervenir en el flujo de contenidos, desde el exterior hasta la web), y el establecimiento de pautas en los flujos de contenidos, así como la integración de contenidos procedentes de canales sociales han sido los puntos que hemos trabajado especialmente.

Como siempre (y especialmente) en estos casos, comentarios, críticas y sugerencias serán muy bien recibidas.

Proyecto: rediseño de la web de un balneario

Uno de los sectores en los que tradicionalmente más trabajo cuando se trata de abordar proyectos de rediseño es el del turismo. Por alguna razón es un sector que, desde mi experiencia, confía plenamente en la experiencia de usuario como estrategia de optimización de ventas. Y, desde mi experiencia, eso es un hecho contrastable.

Desde mi punto de vista, un sector que basa sus ventas en la plataforma online y que confía en una metodología de trabajo que pone énfasis en la visión del usuario, es un sector que apuesta por las ventas, por el éxito y por el futuro. Y ese punto de vista a día de hoy me parece un punto de vista acertado. Claro, ¿qué voy a decir yo si os voy a contar un proyecto de ese sector? Pues sí, pero como siempre, os puedo contar lo que hago. No sólo lo que leo, sino cosas que están hechas, que es donde entiendo que más se puede aportar.

En esta ocasión os quiero hablar del trabajo de rediseño de la web de un balneario. El balneario de Paracuellos de Jiloca.

Es un trabajo que hemos abordado desde un equipo multidisciplinar, en el que por una parte ha habido un trabajo de conceptualización y por otra un trabajo de implementación. Y todo ello sin romper la estructura general del anterior site. Era un reto tratar de mejorar la experiencia de uso, así como poner el foco en una alineación fundamental:

  • Los objetivos de negocio
  • Las necesidades de los usuarios

El resultado final del proceso de trabajo está en producción y algunos de los elementos clave son los que se muestran a continuación:

Descripciones de contenidos

Web del balneario de Paracuellos de Jiloca

Descripciones con foco en imágenes tratadas con especial cuidado y buscando localizaciones espectaculares.

Localización

Web del balneario de Paracuellos de Jiloca

Localización haciendo uso de mapa interactivo grande, contando con todo el ancho de pantalla disponible.

Sistema de reservas

Web del balneario de Paracuellos de Jiloca

Sistema de reservas intuitivo, poniendo el foco en las fechas de entrada y salida, y con una call-to-action que pretende asegurar su visibilidad, sin inventar nada nuevo. Se busca la eficacia.

Listado de ofertas

Web del balneario de Paracuellos de Jiloca

Lista de ofertas disponibles encabezada por una comunicación visual poderosa, a base de imagenes sensuales, descriptivas y definitorias del producto que se puede comprar.

Producto complementario

Web del balneario de Paracuellos de Jiloca

En un segundo nivel visual, la oferta de producto complementario se intenta mostrar de forma atractiva, poniéndola en valor, o al menos intentándolo.

Página principal

Web del balneario de Paracuellos de Jiloca

Página principal con un foco de atención inmediato que pretende dar respuesta a las necesidades del usuario y a los objetivos de negocio.

Como siempre, cualquier comentario al respecto será bien recibido.