Parece que todo el mundo está de acuerdo con que el JavaScript está viviendo un momento dorado. Llegando el 2017 a su fin, ya hemos oído hablar bastante sobre React, Angular y Vue, y probablemente continuaremos haciéndolo teniendo en cuenta el constante aumento en la popularidad de las Single Page Applications.

El lenguaje de programación JavaScript fue el más usado por 5º año consecutivo según el 2017 Developer Survey. La razón es su versatilidad para el front y back end. Tanto JavaScript como todos los frameworks asociados a este se han ganado un buen puesto en el mundo del desarrollo web, ayudando a crear mejores interfaces y aplicaciones.

¿Qué impacto tienen los frameworks JavaScript en el A/B testing?

Los frameworks JavaScript como React.js, Angular.js, Vue.js y Ember.js se han hecho muy populares debido a que permiten que los desarrolladores creen interfaces sofisticadas, lo que lleva a mejores experiencias de usuario y unas tasas de conversión más altas. Estas son algunas de sus ventajas:

  • Eliminación del refresco de la página.
  • Carga de página más rápida.
  • Mejores interacciones y más fluidas.
  • Menor transferencia de datos.
  • Desarrollo más rápido y reutilización de elementos.
  • Buena comunidad de desarrolladores.

Todas estas ventajas han hecho que este tipo de frameworks consigan cada vez más adeptos, lo cual implica que sean la base de muchos proyectos web nuevos.

Sin embargo, hay un problema. El modo en el que funcionan estos frameworks presenta un problema para las herramientas de A/B testing del lado del cliente tradicionales.

En este tipo de páginas, cuando alguien navega por la página, esta no se actualiza, ni se produce un cambio en la URL. Cada interacción del usuario web en la página cambia su estado (por ejemplo los elementos visibles en pantalla), pero, debido a que las herramientas de A/B testing normalmente aplican los cambios en el momento de la carga de la página, estos cambios de estado no se tienen en cuenta.

En el caso de React.js, por ejemplo, cada interacción del usuario en una página hace que esta se actualice eliminando las modificaciones aplicadas por la solución de A/B testing.

Comment Leboncoin améliore l'UX grâce à React

Estamos inmersos en el proceso de cambiar hacia un nuevo framework en nuestro sitio web, en concreto React.js. Al hacerlo, observamos dos ventajas: la capacidad de ofrecer funcionalidades más avanzadas a nuestros usuarios y mayor facilidad para encontrar desarrolladores debido a su popularidad. Es por esto que necesitamos una herramienta de A/B testing que sea compatible con nuestro nuevo framework.
Michael Hamon, Head of UX at Leboncoin.fr

Si actualmente estás utilizando alguno de los frameworks mencionados anteriormente, ya te habrás dado cuenta de que empezar una campaña de A/B testing puede convertirse en un problema rápidamente y forzarte a invertir mucho tiempo en desarrollo web. La agencia American Conversion Rate Optimization decidió analizar este problema y expuso lo complicado del proceso.

En resumen, existen dos formas para crear test A/B en Single Page Applications:

  • La primera consiste en identificar los distintos estados de la aplicación que te interesen y luego configurarlos para que una API ejecute las modificaciones necesarias cada vez que se produzca ese estado. Un “estado” puede referirse a mostrar un formulario, cargar una lista de resultados, etc.
  • La segunda requiere codificar ciertas modificaciones del lado del servidor o un despliegue personalizado para cada campaña de test.

Como has podido comprobar, ambas soluciones requieren de la ayuda de personal técnico y hacen que los responsables de marketing no sean autónomos. Siguiendo los métodos anteriores es imposible testear una idea de forma rápida.

Una solución para el A/B testing universal

Benoit Lelong - Chief Technical Officer - AB Tasty

React es muy importante para AB Tasty ahora mismo porque se ha convertido en una tendencia muy popular, especialmente en cuanto a las migraciones de sitios web y en los embudos de conversión.
Benoit Lelong, Chief Technical Officer, AB Tasty

AB Tasty decidió hace tiempo atajar este problema para conseguir que todos sus productos fueran compatibles con cualquier framework JavaScript haciendo que AB Tasty siguiera siendo fácil de usar y permitiera la independencia de los responsables de marketing. Mirando al futuro, la mejor opción consiste en desarrollar una solución que no esté ligada a ningún framework específico.

Gracias al equipo de I+D y la ayuda de toda la empresa en conjunto, AB Tasty fue capaz de reunir a un grupo de expertos que trabajaron durante meses para crear una solución para el A/B testing compatible con cualquier framework para Single Page Applications como React, Vue, Angular o Ember.

Esta compatibilidad fue posible gracias a la posibilidad de comprobar y aplicar modificaciones 60 veces por segundo, o lo que es lo mismo, cada 16ms. Los desarrolladores de AB Tasty también crearon un nuevo metalenguaje para almacenar el contenido de estas variaciones y el historial de las modificaciones realizadas para que puedan volver a aplicarse bajo demanda, como cuando un estado cambia o un elemento se refresca.

Por ejemplo, si un usuario activa un componente de React al interactuar con la página, AB Tasty aplica la modificación antes incluso de que el navegador lo muestre, sin importar lo que envía React. Lo mismo ocurre con Vue, Ember, etc. Esta solución funciona, por tanto, independientemente del framework utilizado y es compatible con cualquier tipo de sitio web o app.

Incluso si no usas ninguno de estos frameworks, también te beneficiarás de sus ventajas gracias a sus nuevas mejoras.


Solicitar demo

Wordpress - Cover (1)