Probablemente muchos de los que leais este post ya conoceis perfectamente lo que es un test multivariante en Google Website Optimizer. Para los que no, aquí un pequeño resumen: Optimizer es una herramienta que te permite testear diseños alternativos de una landing page para ver si mejoras la conversión o cambia el comportamiento del usuario (esto es un test A/B) o bien puedes, dentro de un diseño, testear diferentes versiones de uno o varios elementos del diseño (botones, colores, fotos, etc.) para ver si mejoras la conversión, etc.
Un test multivariante nos permite comprobar el rendimiento de varias alternativas de un elemento en un diseño web. Para mejorar la conversión es una muy buena herramienta.
Dicho esto, en el caso práctico y real del que voy a hablar aquí, tenemos una web de comercio electrónico, y queríamos comprobar, tras leer un artículo, si la posibilidad de que un usuario haga clic sobre el botón de compra de un producto varia en función del color de éste. Es decir, si tengo un botón de “Iniciar compra” de un producto, ¿el color de este botón influye en la decisión del usuario de hacer clic en él, y por tanto comprar?.
Por supuesto, yo tengo claro que sí, que influye y mucho, y hay montones de estudios, posts y artículos hablando de ello, porque los colores tienen una asociación inconsciente con el comportamiento del usuario. Pero con creerlo o intuirlo no vale, así que decidí hacer un test multivariante para determinar si el color del botón de “Iniciar compra” influía en el CTR, el índice de clics, en ese botón de compra de los usuarios, en qué medida y qué margen de mejora teníamos en la web.
La prueba se planteó entre tres colores del botón de acción principal. Los colores elegidos fueron el azul, color original, el naranja y el rojo. Anteriormente hicimos otra prueba con más colores en la variación de los que eliminamos aquellos que funcionaron peor que el original: como el color verde, por ejemplo. Así que este segundo test la intención era clara: determinar cual de los tres colores elegidos ofrecía un mayor ratio de clic en el botón objeto del test, un dato muy importante teniendo en cuenta que hablamos del botón que corresponde con la acción de iniciar una compra.
Hacer un test multivariante para determinar el botón más adecuado para una acción que supone una conversión o acción de compra tiene un gran valor comercial.
Desde el principio la idea era probar esas alternativas durante un mes completo, para poder tener un volumen de clics y datos importantes y que permitieran que los cambios en el CTR del botón no se debieran a circunstancias puntuales de un día concreto.
¿Qué cuales fueron los resultados del test multivariante? Aquí los teneis:
Lógicamente, lo importante aquí es lo que los datos de la prueba nos dicen, no nuestra opinión personal o las sensaciones subjetivas que pudiéramos tener respecto a un color u otro. Y lo que vemos aquí es que ambas versiones alternativas del botón funcionan mejor que la original y ofrecen un mejor CTR y, por tanto, incrementan las probabilidades de compra del producto, ya que cuanta más gente inicie el proceso de compra, más gente lo terminara, siempre y cuando el proceso de compra esté bien pensado y concebido, pero esa es otra historia.
Como puede verse en el gráfico, el botón anaranjado (representado en la gráfica por la línea naranja) nos da una mejora de más del 30% (un 5,38% de conversión frente a un 4,10% del modelo original) en el indice de CTR en el botón. La versión del botón en color rojo se ha quedado en una mejora del CTR de un 27%.
Finalmente, la decisión gracias a los datos de este test multivariante es sencilla: implantaremos el color naranja en el botón de “Iniciar compra”.
-
Muy interesante, Ricardo. En todo caso, me gustaría apuntar dos cosas que nosotros también hemos testeado y que podrían ayudar a otros.
En este caso en particular, los colores naranja y rojo han funcionado mejor, pero no sólo por su asociación a compra, sino también por el contraste que ofrecía respecto de una página mayoritariamente azul. Dicho de otra manera, que la agente no diga rojo=compra, porque influyen otras cosas.
Por otro lado, te recomiendo testear el texto que incluyes en el botón. No es lo mismo decir “Comprar este curso” que “Compra este curso” o “Compra este curso AHORA”
Saludos,
-
¿Habéis probado con el color verde?, el cual utilizan por ejemplo en Mozilla o en Skype: http://www.mozilla-europe.org/es/firefox/ y http://www.skype.com/intl/es/
Yo los datos que tengo de la última vez era el que mejor resultados estaba dando 🙂
-
Muy interesante el trabajo Ricardo y el comentario de David Martin, afinadísimo. Soy profesor en una universidad de Brasil y estoy realizando un estudio con mis alumnos sobre la incidencia del color en las webs. Especialmente desde el aspecto de webs comerciales y ongs (que pienso que produce datos más fiables). Alguien sabe de webs con información pertinente? Abrazos y felicidades por el trabajo, de verdad.
18 comments
Comments feed for this article
Trackback link: http://www.ricardotayar.com/2010/03/02/color-boton-ctr-test-multivariante-caso-practico/trackback/