Diseño

Diseño estratégico en tiempos de trauma

Os quiero poner el enlace a la genial charla que dio César Astudillo sobre diseño estratégico en tiempos de crisis ofrecida por Paradigma Digital.

Como siempre que le oigo o leo, César no defrauda, con agudos comentarios que van directos al centro de los problemas, en este caso, haciendo hincapié en como vamos a ayudar a nuestras empresas en estos momentos en los que estamos experimentando un fuerte traumatismo empresarial.

Si trabajas en algo relacionado con innovación, diseño y desarrollo de nuevos productos y servicios, tienes una gran oportunidad para ser útil a tu compañía en todas las fases por las que vamos a pasar.

César nos enseña cómo el Diseño Estratégico puede ayudarnos a salir de cada periodo de la forma más positiva posible, reforzando o descubriendo los valores de la empresa cara a los usuarios, experimentando una recuperación lo más temprana y rápida, aprovechando nuevas oportunidades…

No sabemos si esta crisis va a cambiar el mundo o no. Se especula con muchas cosas, por ejemplo sobre:

  • si volveremos a vivir como antes seguiremos con lo que han llamado «economía del distanciamiento» con un cambio de hábitos permanente,
  • si habrá cambios políticos y regulatorios, referentes a mayor dispositivos de vigilancia a la población y proteccionismo económico de evitar dependencias extranjeras,
  • políticas que protejan más al medio ambiente,
  • o que la investigación en biotecnología coja más fuerza con mayores inversiones…

Independientemente de tu sector, tampoco sabemos cuál va a ser la duración crisis, por lo que tenemos que estar preparados para todo.

Si que es verdad que cada sector va a tener un periodo de recuperación distinto, pero no tenemos que olvidar que puede haber una segunda ola de afectados, es decir, que tu sector no note ahora mismo el golpe, pero que se vea afectado más tarde debido a la influencia de otro mercado, ya que estamos totalmente interconectados.

Seguir leyendo «Diseño estratégico en tiempos de trauma»

Mejores libros sobre investigación UX

En la charla que dio Luz de León sobre «Metodología: diseño de un plan de investigación» en el pasado evento online #zapatillasfromMars2020 recomendaba los siguientes libros sobre investigación o research:

La charla estuvo genial, organizándose en base a 3 temas, poniendo el ejemplo de una posible investigación para una app sobre el coronavirus:

  1. A menudo se investigan sobre cuestiones de UX que no son necesarias, se hacen ciertos test ya sea porque la empresa quiere vender a todo costa, parece que sino no es un proyecto bien realizado o como protección ante malas decisiones de diseño («x usuarios dijeron que estaba todo bien».
  2. No se investigan las cosas importantes que hacen que un proyecto triunfe o muera porque son estos problemas son los más importantes de detectar y más complicados de investigar.
  3. Es habitual que no se investigue bien. En el proceso de planificación y ejecución se producen muchos fallos que pueden llegar a conclusiones erróneas:
    • Elegir el método correcto y no el que el cliente pueda pagar
    • Calidad de la muestra, no siempre se selecciona bien a los usuarios o en un número bastante representativo
    • Atención a los sesgos (algunos ejemplos que suceden en una investigación: sesgo de confirmación, sesgo del entrevistador, sesgo de representatividad, sesgo de deseabilidad social….)
Seguir leyendo «Mejores libros sobre investigación UX»

Mejorando lo creado

Como podeis leer en mi blog, creo al 100% en el manifiesto Agile. Vivimos en un mundo que cambia muy rápidamente y tenemos que conocer muy bien las necesidades de los usuarios y el valor que aporta nuestro producto, para definir bien que se quiere construir, y tener una versión funcional, para probarlo lo antes posible, buscando obtener el mayor feedback posible para mejorarlo.

Y es que seamos conscientes, sobre el papel (o la pantalla) un diseño puede parecer una buena idea, pero no es hasta que se prueba, se interactúa, cuando ciertos detalles empiezan a surgir. Crear algo 100% perfecto desde el inicio es una utopía. Siempre será mejorable, y sino, es que has tardado mucho en crearlo 😉

Por ello, a la hora de desarrollar un proyecto, el equipo se esfuerza en entregar el máximo valor, teniendo una versión funcional para probar, validad y mejorar.

Estos pasados meses, hemos cambiado la caja de búsqueda en www.centraldereservas.com. El proyecto se realizó en tiempo récord, pasando después por sucesivas mejoras, muchas centradas en la parte visual y de interacción.

Desarrollar centrados en lo importante y con el mínimo desperdicio, para probar y mejorarlo es una de las claves del éxito de cualquier producto.

Saraclip.com

Una de las cosas que cambió fue que se modificó el comportamiento de la caja en móviles, pasando de ser una modal a que se abra en la misma página.

En el proceso de reserva, es decir, cuando el usuario ha lanzado una búsqueda de alojamiento, detectamos que cuando la búsqueda acababa en no disponibilidad y el usuario abría la caja para modificarla (cambiar fechas, lugar, personas…), había problemas de usabilidad con la interacción: parecía que había ocasiones en que no se daba (o tardaba unos segundos) en notar que no había lanzado la nueva búsqueda.

Y eso si se daba cuenta, porque el miedo era que pensase que el mensaje de no disponibilidad anterior era el de la nueva búsqueda, porque como ya sabemos, los usuarios no suelen leer sino que se fijan más en otros elementos visuales. (Nota: te recomiendo leer el libro de Steve Krug titulado Don’t Make Me Think!)

Para evitar esto, se realizaron varios cambios:

Seguir leyendo «Mejorando lo creado»

Mejorando el aspecto de los filtros

Como comentábamos en este post sobre diseño centrado en los datos o Data Driven Design, los filtros son unas de las funcionalidades más empleadas por nuestros usuarios a la hora de acotar los resultados en el listado, por encima del ordenar, la búsqueda por mapa, o ver las fotos.

Por ello siempre estamos pensando en mejoras y ayudas, como cuando se cambió el proceso de filtrado por precio hace unos meses.

El cambio en el que nos hemos centrado las pasadas semanas ha sido tanto por la parte visual como funcional:

  • Se ha dejado más limpio el listado, con una apariencia más moderna
  • Se ha homogeneizado el aspecto de los filtros a los que aparecen en los paquetes de la ficha.
  • Se ha dejado siempre visible el filtro de «Nombre de alojamiento», para que sea más accesible a los usuarios.
  • En escritorio, el usuario mediante el nuevo hover, visualiza de forma más sencilla que filtro va a marcar.
Seguir leyendo «Mejorando el aspecto de los filtros»

La importancia de no generar dudas al usuario en el proceso de compra

En un post de hace unos días, os comentaba que en www.centraldereservas.com habíamos renovado la caja de búsqueda, con componentes totalmente handmade, hechos a medida, y totalmente configurables.

Su diseño y construcción fue en tiempo récord, con lo cual hemos ido añadiendo mejoras posteriormente (como debe ser: desarrolla, prueba y mejora). Además, se ha introducido la misma caja en el proceso de reserva, lo cual es perfecto ya que es uno de los componentes más importantes de nuestro negocio, y así unificamos en un solo lugar su desarrollo.

Es decir, antes había una caja de búsqueda para la home y resto de páginas del portal, y otra similar en apariencia pero no igual en código para el listado de resultados, la página del alojamiento con los precios… Ahora es la misma.

En la vista escritorio el cambio es más destacado, ya que antes en el listado de resultados y la ficha, estaba en la columna lateral.

Otra ventaja, es que antes este elemento estaba duplicado en código para la versión móvil. Con la nueva posición de la caja esto se ha evitado.

La nueva barra está al 100% en la parte superior de la página, quedándose fija y siempre visible con la información de la búsqueda al hacer scroll.

Nueva barra fija al hacer scroll

El usuario siempre tiene delante datos de su búsqueda

Saraclip

Parece una tontería que un usuario que acaba de lanzar una búsqueda, no se acuerde de lo que ha puesto, pero, pueden pasar varios escenarios:

  1. Se ha equivocado al meter los datos de la búsqueda
  2. Los ha metido hace rato, ha estado haciendo otras cosas y vuelve a la web…
  3. Ha estado haciendo diversas pruebas de fechas y destinos
  4. Viene de otro lugar como Google Hotels, donde a lo mejor la búsqueda ha sido sin poner unas fechas concretas.

Por ello es muy importante en todo el proceso de reserva tener siempre visibles las fechas. En www.centraldereservas.com, tanto en el listado, la ficha o el formulario de compra, se ha conseguido.

Seguir leyendo «La importancia de no generar dudas al usuario en el proceso de compra»

Nueva caja de búsqueda

En www.centraldereservas.com estamos de celebración y es que hemos renovado la antigua caja de búsqueda. Se ha hecho desde cero y en tiempo récord, ya que la anterior era «Gran reserva» con algunos arreglillos.

Para que os hagáis una idea, la caja es uno de los elementos más importantes en la web. Si es complicada de utilizar, o da error, o no funciona, los usuarios no van a poder lanzar las búsquedas. Y sin búsquedas, no reservas, no money!

Tenía que cumplir varias cosas para que fuera útil en todos los proyectos y sobre todo mantenible a futuro:

  1. Multiproducto: Lo primero, que se ha pensado desde el principio como una caja que pueda buscar distintos tipos de productos como alojamientos, vuelos, actividades, viajes… ¡¡Hasta el infinito y más alla!! Cada producto puede tener un formato y casuística distintos y la caja debe poder adaptarse a todos.
  2. Escalable: La caja podrá crecer lo necesario tanto en productos como en subproductos
  3. Mantenibilidad y reusabilidad: se ha realizado de forma que pueda ser exportable a otros proyectos de la empresa y de esta forma su mantenimiento y evolución sea en un mismo producto.
  4. Flexible: esto es muy importante ya que al ir ubicada en distintos ámbitos diferentes tenía que poderse parametrizar.
  5. Analítica: Con ella podremos analizar mejor cómo interactúan nuestros usuarios con ella, registrando cada click que se realiza en la caja.

Todos estos puntos han sido priorizados en su desarrollo así como un diseño que fuera óptimo para todos los usuarios y aparatos. Una vez lanzada se han introduciendo mejoras, como el calendario con scroll en móviles.

Esperemos que os guste!

Nuevo diseño email confirmación

Hace unas semanas cambiamos en la empresa el diseño del email de confirmación, para adaptarlo a los nuevos tiempos, y es que ya le tocaba un cambio de cara.

El nuevo diseño se ha realizado pensando en la correcta visualización en todo tipo de dispositivos, sobre todo móviles.

Aquí podeís ver el antiguo email:

En esta caso una reserva que contenía alojamiento, 2 vuelos, entradas, 2 transfers y un seguro de viaje. A esto aun había que añadirle el modulo de pagos y el pie.

Bonito, eh?

El momento más estresante del usuario en la experiencia de una reserva es el pago y le ver si todo ha ido bien o no. Después de ver la página de confirmación, el usuario busca en su email si le ha llegado también la confirmación de la reserva.

Seguir leyendo «Nuevo diseño email confirmación»

Rediseño detalle de reserva

En el equipo dedicado al apartado de Mis reservas en la web de www.centraldereservas.com, hemos estado trabajando las pasadas semanas en el nuevo diseño del detalle de reserva.

El detalle de la reserva de un alojamiento es un punto importante en el proceso de interacción del usuario en nuestra web. Es donde va nada más hacer una reserva para mirar que está todo correcto, pueden solicitar cambios, preferencias…

Por ello era muy importante su mejora sobre todo de cara a móviles.

Diseño del detalle de reserva

Vista en móvil del nuevo detalle

El cambio es visual y de interacción, con la idea de mejorar la usabilidad sobre todo en móvil y darle un aspecto más moderno.

Seguir leyendo «Rediseño detalle de reserva»

Experiencia de usuario al contactar con el cliente

Estos últimos días han sido ya 2 clientes quienes a la hora de rellenar el formulario de contacto o de modificar una reserva han puesto específicamente que querían que se les contactara vía email.

Aparte cuando he estado realizando trabajo de campo, observando trabajar a los agentes, en ocasiones algún cliente les especifica qué prefiere si llamada o email, o incluso la hora a la que pueden estar disponibles.

Mejorando los formularios de contacto

Estos casos 2 últimos casos, han contactado a través de formularios de la App. Uno era un usuario con discapacidad auditiva y el otro, no hablaba el idioma:

  • Soy sordo si me podéis contestar por correo electrónico os lo agradecería.
  • Vi que me intentaron llamar.  No hablo español, ¿podríamos comunicarnos por e-mail?

Sobre todo me impactó el primer caso, ya que no creo que sea agradable para esa persona el tener que estar especificar esa condición.

Es decir, siempre la norma dice que lo ideal es tener cuantos menos campos en los formularios, ya que es un dolor para los usuarios rellenarlos.

Nota: Sino lo has visto en grabaciones de sesiones o test con usuarios, te recomiendo que te leas este libro básico UX: Web Form Design (Filling the blanks) del genial Luke Wroblewski.

Pero en este caso creo que es bueno que el usuario pueda especificar la forma de contacto sin tener que contar detalles personales.

Seguir leyendo «Experiencia de usuario al contactar con el cliente»

Proceso de diseño centrado en los datos

Estos pasados meses hemos estado investigando los eventos que realizan los usuarios durante el proceso de búsqueda obteniendo información para detectar errores y orientar los nuevos diseños.

Esta forma de trabajar #DATADRIVENDESIGN o DDD es la ideal. Requiere tiempo para obtener los datos, analizarlos y ver qué hacer, pero es la única manera de tomar decisiones totalmente objetivas.

En este post os quiero comentar algunos de los datos que se han encontrado, las conclusiones obtenidas y las acciones realizadas.

Búsqueda por alojamiento

Casi un 60% de la gente busca por alojamiento. Lo cual quiere decir que ya han hecho el proceso de investigación antes y tienen muy claro a lo que van: a ver precio.

A raíz de esto,  vimos que esa búsqueda por hotel no daba disponibilidad. Por ello, aparte de investigar si hay algún problema, se pueden pensar en mejoras para ofrecer al usuario vías alternativas.

Por ejemplo hace poco, se puso un enlace rápido en el mensaje de no disponibilidad al calendario para cambiar las fechas.

Enlace nueva búsqueda

O mostrar otros alojamientos similares, o cuándo hay fechas disponibles en el alojamiento buscado.

Uso de los mapas

Una de las cosas que más ha sorprendido es lo poco que usan los usuarios la funcionalidad de ver el mapa con todos los alojamientos.

Mapa en el listado

Este uso es incluso menor si la búsqueda es por un alojamiento en concreto, un alto porcentaje como ya se ha indicado antes.

Es decir, el enlace para ver la ubicación que tenemos en cada alojamiento si que es usado (no hay que olvidar que este enlace también muestra la ubicación del resto). Pero el general, el del dibujo del mapa que se encuentra en la parte superior no.

Como en móviles ocupa mucho espacio, aparte de recargar el diseño de la interfaz, se ha decidido eliminarlo y hacer un rediseño simple de esa parte. A futuro esperamos hacer más cambios.

Acciones en el listado

Los acciones más realizadas por los usuarios en el listado (aparte de pasar a la ficha son):

Filtrar (16,39% ) > Modificar búsqueda > Galería > Ordenar > Paginar

Y en menor medida:

Ver el Mapa individual > Ver Mapa todos

Estos datos cambian si la búsqueda es por alojamiento, con menor uso de los filtros, el ordenar…

¡Está claro que el usuario busca algo en concreto!

Barra fija

En móviles, tanto en la ficha como en el listado al hacer scroll se mostraba al usuario una barra inferior con opciones.

barra-abajo-listado

Del listado, la única opción usada por un 10% de los usuarios era Ordenar. El resto: Filtrar, Ver mapa (todos), Buscar y Subir arriba, no. Esto nos dejo completamente asombrados ya que pensábamos que era tremendamente útil.

Gracias a los datos vimos lo que interesaba a los usuarios de verdad

En la ficha en móviles solo utilizaban y muy poco, la funcionalidad de «Volver al listado». El resto, nada.

Interacciones en la ficha

Aparte algunos navegadores sacan su barra de navegación propia también ahí abajo, lo que causaba problemas. Por ello se ha decidido eliminarla y reubicar las opciones más usadas en otro lugar.

Seguir leyendo «Proceso de diseño centrado en los datos»

Scroll hacia arriba