Si no sabe qué cambiar, intente cambiar los colores de su sitio

Uno de los mayores problemas cuando se trata de mejorar el rendimiento de su sitio web es no saber qué cambios hacer.Esto nos sucedió a todos en algún momento.En tales casos, lo correcto es centrarse en aquellas partes de la web que son las más críticas.Con esto me refiero a las secciones de su página que atraen la mayor atención o son los más importantes para su modelo de negocio.Por ejemplo, si su objetivo es como aquellos que visitan su sitio web pueden completar un formulario, concéntrese en el formulario en sí: hágalo más visible y simplifíquelo tanto como sea posible para que sea fácil de completar y enviar.Como dije antes, busque los elementos que, cuando se modifiquen, puedan tener un mayor impacto en sus visitantes, porque de esta manera obtendrá resultados interesantes más rápido.
Si aún no sabe qué cambiar, algo que nunca decepciona y que es muy fácil de probar es aplicar cambios en los colores de su página web. Sin ninguna intención de dejar a las personas con discapacidades visuales, está claro que los colores de su sitio son muy importantes. Mucho más de lo que puedes imaginar. Hay varios estudios sobre la teoría del color y cómo la percibimos. Lo que puede parecer solo una interpretación de las diferentes longitudes de onda capturadas por nuestro sistema visual (ojos, nervio óptico y cerebro), oculta un enorme fondo psicológico. Por esta razón, le recomiendo que intente cambiar los colores de su página web (o elementos de alto impacto) y estudiar cómo la interacción de sus visitantes evoluciona frente a estos cambios. Esto es lo que le explicaré hoy con un ejemplo completo y real que probé en este sitio. La definición de prueba A/B para probar cualquier cambio en su sitio, debe usar una prueba A/B. Al hacerlo, puede garantizar con datos reales y seguir el método científico de que los cambios aplicados funcionan mejor (o no) que su versión actual. En el ejemplo de hoy, lo que haremos es probar un cambio en los colores del primer pliegue de la página de precios de las pruebas Nelio A/B. Este primer pliegue tiene un gran impacto en nuestro negocio, ya que está a cargo de mostrar la tabla de precios por la cual nuestros visitantes se convierten en clientes al comprar el complemento.
En la siguiente comparación, puede ver la versión original del primer pliegue (a la izquierda) y la versión alternativa (derecha) con diferentes colores de los botones y una nueva imagen de fondo:
Colores originales (izquierdo) y colores probados alternativos (derecha) en la tabla de precios. Para probar los cambios, utilicé las pruebas Nelio A/B como enchufe de prueba A/B. Lo primero que haremos es crear una nueva prueba de prueba A/B, que es el elemento que probaremos. Hacemos esto porque podemos cambiar los colores a través del editor de la página de WordPress. Si no pudiéramos hacer esto porque los colores vienen a través de una plantilla de tema o de una manera menos ortodoxa, la experiencia de la manera nos dice que los estilos de color se pueden definir de varias maneras en la opción de WordPress, otra opción que funcionaría, siempre sería usar una A/ B Prueba de estilos CSS, donde podríamos aplicar los nuevos colores agregando nuevas reglas de estilo CSS. En la pantalla de edición de pruebas A/B, seleccionamos la página básica que queremos probar (nuestra página de precios) y creamos una nueva variante, que editaremos más tarde:


La pantalla de edición para la prueba A/B de las páginas que creamos. Otro aspecto importante para enfatizar es definir qué valores queremos seguir la herramienta de prueba A/B para descubrir más tarde cuál de las dos versiones funcionó mejor. Definimos esto en la sección Objetivos y acciones de conversión, como puede ver en la captura de pantalla anterior. En nuestro caso, definimos cinco objetivos, lo que nos dará cinco resultados diferentes para la misma prueba A/B. Primero definimos el objetivo que mide la cantidad de clics en los botones de compra de cualquiera de los planes que están en la tabla de precios. Luego tenemos 3 objetivos adicionales que miden los clics para cada plan individualmente. Y, finalmente, tenemos un objetivo que mide el número real de compras realizadas después de ver cada versión de la página probada. Finalmente, editamos la versión alternativa de la página. Esto nos lleva al editor de la página de WordPress que utilizamos (en nuestro caso, el editor de bloques), como puede ver en la siguiente captura de pantalla:
Edición de los colores de la versión alternativa, con el editor de bloques de WordPress. Aquí solo tenemos que cambiar los colores de los botones de acción de cada una de las tres columnas y el elemento que usamos para crear el borde superior. Y también cambié la imagen de fondo a otra que subimos a nuestra biblioteca de WordPress de medios. Una vez que la página alternativa con los cambios que queremos probar está listo, es hora de volver a la pantalla de edición de la prueba A/B y comenzarla. Esto dividirá automáticamente el tráfico a nuestra página de precios en dos. La mitad de nuestros visitantes interactuarán con la versión original, la otra mitad verá la versión. De esta manera, podemos verificar qué versión de la página funciona mejor en comparación con los cinco objetivos de conversión. Ahora solo tenemos que esperar los resultados para proporcionarnos la información que estamos buscando. Análisis de los resultados de las pruebas Eventualmente, si una variante es mejor que la otra, la herramienta de prueba A/B nos lo dirá. En la prueba A/B que describí anteriormente, los resultados fueron claros. La variante con los nuevos colores es peor que lo que ya tenía. Puede ver los detalles de los resultados para cada uno de los cinco objetivos definidos en la prueba en la siguiente galería:

Los resultados de las pruebas con respecto al propósito de hacer clic en cualquiera de los planes en la tabla de precios.
Los resultados de la prueba con el propósito de hacer clic en el plan básico.


Los resultados de las pruebas con respecto al propósito de hacer clic en el plan profesional.
Los resultados de la prueba con el fin de hacer clic en el plan de la empresa.

Resultados de la prueba con el propósito de realizar una compra.

Resultados de la prueba. La versión no solo había obtenido menos clics en los botones de acción, sino que también resultó en menos ventas (con casi un 22% menos). Esto puede parecer estúpido, pero si prueba los cambios con una prueba A/B, los cambia directamente en su sitio sin probarlos, tiene el riesgo de ingresar cambios que podrían funcionar peor. Este podría haber sido nuestro caso, porque los cambios que queríamos hacer no funcionaron tan bien como pensamos. Es posible que descubra que cambiar de color en algún momento es una buena solución, porque le gusta más los nuevos. Has encontrado una nueva paleta de colores que parece mucho mejor estilística y elige usarla directamente. Pero este es un gran error. El hecho de que te guste un color más que el otro no es importante. Es importante verificar cuidadosamente si este es realmente el caso para su audiencia y sus visitantes. Y puede hacer esto en un entorno controlado por una prueba A/B. Imagen presentada por Jeremy Thomas en Unsplash.