{"id":1053,"date":"2018-04-04T19:29:17","date_gmt":"2018-04-04T17:29:17","guid":{"rendered":"https:\/\/www.thediar.com\/?p=1053"},"modified":"2019-07-09T19:21:03","modified_gmt":"2019-07-09T17:21:03","slug":"why-do-online-testing-and-what-kind-of-testing-tools-you-can-use","status":"publish","type":"post","link":"https:\/\/www.thediar.com\/es\/blog\/why-do-online-testing-and-what-kind-of-testing-tools-you-can-use\/","title":{"rendered":"Por qu\u00e9 testear online y qu\u00e9 tipo de herramientas de testing puedes usar"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">El entorno digital proporciona a los negocios una oportunidad muy conveniente para poder evaluar r\u00e1pidamente ideas usando experimentos controlados. Se trata de realizar de experimentos usando m\u00e9todo cient\u00edfico, observando el efecto de los cambios en el comportamiento o opini\u00f3n de los usuarios que asignamos aleatoriamente entre distintas variaciones o combinaciones de los contenidos.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">\u00bfPor qu\u00e9 testear online?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">A diferencia de otras metodolog\u00edas, como el an\u00e1lisis post hoc o an\u00e1lisis de series temporales (quasi experimentaci\u00f3n), los experimentos controlados eval\u00faan las relaciones causa-efecto.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El experimento m\u00e1s simple consistir\u00eda en la asignaci\u00f3n aleatoria de los usuarios que visitan una p\u00e1gina entre dos variantes: (A) control, con la \u00a0versi\u00f3n original y (B) variaci\u00f3n alternativa, la nueva versi\u00f3n que se eval\u00faa contra la de control.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En la evaluaci\u00f3n se usan m\u00e9tricas de rendimiento que se relacionan directamente o indirectamente con datos sobre el comportamiento y opini\u00f3n del usuario. Los tests estad\u00edsticos eval\u00faan la probabilidad de no encontrar evidencias de diferencias significativas entre los datos recopilados de la variaci\u00f3n frente a la variaci\u00f3n original. La utilizaci\u00f3n de m\u00e9tricas secundarias y la segmentaci\u00f3n de usuarios de cada grupo, nos puede ayudar a entender los resultados y a refinar y a explorar nuevas ideas para futuros experimentos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Los equipos web que tienen en cuenta el comportamiento y la opini\u00f3n de los usuarios tienen m\u00e1s probabilidad de la realizaci\u00f3n de experimentos exitosos. Con un enfoque basado en datos podemos informar sobre los resultados subjetivos de nuestros experimentos e ir m\u00e1s all\u00e1 de la opini\u00f3n del experto o Highest Paid Person\u2019s Opinion (HiPPO).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cuando una empresa ya dispone de una herramienta de testing, el coste de realizar un test m\u00e1s es muy bajo. En este sentido, poner una herramienta de testing a disposici\u00f3n de tu equipo potenciar\u00e1 las capacidades de innovaci\u00f3n de tu empresa y de optimizaci\u00f3n de los resultados de negocio.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Un test perdedor es siempre m\u00e1s interesante que un test concluyente. Encontrar variaciones alternativas de ideas que podr\u00edan ser perjudiciales permite analizar los resultados y refinar la idea para hacer que pueda funcionar.<\/span><\/p>\n<blockquote><p><span style=\"font-weight: 400;\">\u00abLa mejor manera de tener una buena idea, es tener muchas ideas.\u00bb<\/span><\/p><\/blockquote>\n<h2><span style=\"font-weight: 400;\">Conceptos importantes en testing<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Usamos el tipo de herramienta de testing que usemos, necesitamos tener claros los siguientes conceptos cuando realizamos tests:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Objetivo principal:<\/strong> Es la m\u00e9trica principal o indicador clave de rendimiento con la que se evaluar\u00e1 la consecuci\u00f3n de los objetivos del experimento. No deber\u00eda estar basado en clics, deber\u00eda dar un resultado o un \u00aboutcome\u00bb.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Variable:<\/strong> Es el factor que se cree que influir\u00e1 en el resultado del objetivo principal.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Variaciones:<\/strong> Son las distintas versiones de la variable, incluyendo la versi\u00f3n original.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Unidad experimental: Se refiere a la entidad con la que las m\u00e9tricas se calculan para cada una de las variantes. En la web, un usuario con su userId en una cookie del navegador suele ser la unidad experimental. Es importante que el usuario experimente una experiencia consistente a lo largo de todo el experimento dependiendo de a qu\u00e9 variaci\u00f3n se asign\u00f3.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Hip\u00f3tesis nula (H0):<\/strong> Considerar que las distintas variantes no producen diferencias en el objetivo principal m\u00e1s all\u00e1 de diferencias aleatorias.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Nivel de confianza:<\/strong> La probabilidad de refutar la hip\u00f3tesis nula cuando en realidad es cierta.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Poder estad\u00edstico:<\/strong> La probabilidad de detectar diferencia cuando realmente esta existe.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Test A\/A:<\/strong> Ejercicio para evaluar el poder estad\u00edstico del m\u00e9todo de asignaci\u00f3n aleatoria entre dos variaciones iguales al a versi\u00f3n original.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Desviaci\u00f3n est\u00e1ndar (Std-Dev):<\/strong> Es una medida que indica qu\u00e9 tan dispersos est\u00e1n los datos con respecto a la media.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Error est\u00e1ndar (Std-Err):<\/strong> Es la estimaci\u00f3n de la desviaci\u00f3n est\u00e1ndar, calculada a partir de una estimaci\u00f3n derivada de una muestra.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Efecto:<\/strong> Es la diferencia del objetivo principal entre las variaciones. Es \u00fatil dar los intervalos de confianza para las diferencias entre las medias de las variaciones por qu\u00e9 da una idea de los rangos del efecto.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Tipos de herramientas de testing<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Las herramientas de testing las podemos clasificar seg\u00fan su m\u00e9todo de asignaci\u00f3n aleatoria.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Toda herramienta de testing debe ejecutar un c\u00f3digo para asignar aleatoriamente los usuarios en una variaci\u00f3n o otra. Luego deber\u00e1 ser posible manipular lo que sea necesario, desde el contenido hasta el propio funcionamiento de los m\u00f3dulos de la plataforma.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cada m\u00e9todo tiene sus caracter\u00edsticas,\u00a0 ventajas e inconvenientes.<\/span><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vRJHTmBn4tB1EyYpM_0PlfiolfxnLnqmsXhlQPWAMJeYS1JPYLQVA_3zfMFABKuBPgrAFQ6zUvoygj8\/embed?start=false&amp;loop=false&amp;delayms=3000\" width=\"960\" height=\"569\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3><span style=\"font-weight: 400;\">M\u00e9todo \u00abClient-side\u00bb<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">El m\u00e9todo \u00abClient-side\u00bb es el m\u00e9todo m\u00e1s habitual en herramientas de testing.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El desarrollador pone una etiqueta javascript en la web.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cuando el usuario visita la p\u00e1gina, el navegador del usuario hace una petici\u00f3n a los servidores de la herramienta de testing para asignar al usuario a una variaci\u00f3n, si no lo est\u00e1, y obtener el c\u00f3digo javascript de la variaci\u00f3n que tiene asignada.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El c\u00f3digo javascript de la variaci\u00f3n se ejecuta y realiza los cambios en el momento de cargar la p\u00e1gina.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Es un m\u00e9todo intrusivo, pero es f\u00e1cil de implementar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Como desventaja, la asignaci\u00f3n del usuario se realiza durante la carga de la propia p\u00e1gina y eso puede ralentizar el sitio web.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">No permite testear f\u00e1cilmente esos sitios con implementaciones din\u00e1micas complejas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El usuario final se da cuenta f\u00e1cilmente de que est\u00e1 siendo objeto de un estudio con la herramienta de testing.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El m\u00e9todo \u00abClient-side\u00bb se recomienda para experimentos de dise\u00f1os y contenidos est\u00e1ticos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ej: <a href=\"https:\/\/www.thediar.com\/es\/what-we-do\/digital-analytics-and-cro\/vwo\/\">VWO<\/a>, <a href=\"https:\/\/www.thediar.com\/es\/blog\/como-hacer-un-test-ab-en-convert-experiments\/\">Convert<\/a>,\u00a0 <a href=\"https:\/\/www.thediar.com\/es\/what-we-do\/digital-analytics-and-cro\/\">Google Optimize<\/a>, <a href=\"https:\/\/www.abtasty.com\/\">AB tasty<\/a>,\u00a0<a href=\"https:\/\/www.optimizely.com\/products\/full-stack\/\">Optimizely X<\/a>, <a href=\"https:\/\/www.oracle.com\/marketingcloud\/products\/testing-and-optimization\/index.html\">Oracle Maxymiser<\/a>, <a href=\"https:\/\/www.monetate.com\/\">Monetate<\/a>, etc.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">M\u00e9todo \u00abServer-side\u00bb<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">El m\u00e9todo \u00abServer-side\u00bb se refiere a la inclusi\u00f3n de c\u00f3digo en la propia aplicaci\u00f3n para poder producir experiencias distintas para usuarios asignados en una variaci\u00f3n o en otra.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El c\u00f3digo usar\u00e1 una API para determinar la asignaci\u00f3n del usuario en aquellos puntos d\u00f3nde la aplicaci\u00f3n deber\u00eda funcionar distinto para una variaci\u00f3n o para otra.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Es un m\u00e9todo intrusivo, y puede requerir cambios importantes en la aplicaci\u00f3n.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Como ventaja, es posible testearlo todo en el punto donde sea necesario y de forma transparente al usuario.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">La implementaci\u00f3n inicial requiere esfuerzo de desarrollo y ser\u00e1 compleja si la aplicaci\u00f3n es compleja.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cada test requiere de cambios de c\u00f3digo por parte del equipo de desarrollo, lo que introduce un riesgo de afectar a partes de la aplicaci\u00f3n no relacionadas con el propio test.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Los cambios definitivos requieren tambi\u00e9n programaci\u00f3n para eliminar el c\u00f3digo del test.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El m\u00e9todo \u00abServer-side\u00bb se recomienda para integrar la experimentaci\u00f3n en tu \u00abcontent management system\u00bb usando un modelo de datos para ello.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Una vez realizado un primer test, el coste de realizar el siguiente se reduce al m\u00ednimo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Un experimento habitual es el de testear distintos bloques de contenido en distintas ubicaciones en una misma p\u00e1gina.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ej: <a href=\"https:\/\/www.thediar.com\/es\/what-we-do\/digital-analytics-and-cro\/vwo\/\">VWO<\/a>, <a href=\"https:\/\/www.abtasty.com\/\">AB Tasty<\/a>,\u00a0<a href=\"https:\/\/www.optimizely.com\/products\/full-stack\/\">Optimizely X<\/a>, <a href=\"https:\/\/www.adobe.com\/marketing-cloud\/target.html\">Adobe Target<\/a><\/span>, <a href=\"https:\/\/developers.google.com\/analytics\/devguides\/collection\/analyticsjs\/experiments\">Google Content Experiments<\/a>, etc.<\/p>\n<h3><span style=\"font-weight: 400;\">M\u00e9todo \u00abReescritura de p\u00e1gina\u00bb (Proxy)<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">El m\u00e9todo de \u00abreescritura de p\u00e1gina\u00bb incorpora un proxy que modifica el HTML antes de devolverlo al usuario.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El usuario hace la petici\u00f3n al proxy, el proxy hace la petici\u00f3n al servidor para poder obtener la respuesta y modificarla antes de mandarla de vuelta al usuario incluyendo el cambio necesario.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Es un m\u00e9todo no intrusivo ya que no necesita realizar cambios en la propia aplicaci\u00f3n.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Como desventaja, se ve afectado el tiempo de carga del sitio web ya que es el proxy el que debe volver a hacer la petici\u00f3n al servidor y realizar el cambio en el HTML a la vuelta.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El servidor proxy deber\u00eda ser capaz de gestionar todo el tr\u00e1fico del sitio web, lo que requerir\u00e1 uno o varios servidores con suficiente potencia.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Suele tener m\u00e1s riesgo de errores t\u00e9cnicos, ya que en vez de escribir el c\u00f3digo directamente se escriben las reglas de reescritura del html.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">No permite testear f\u00e1cilmente la funcionalidad de m\u00f3dulos ya que la modificaci\u00f3n se realiza sobre el HTML ya procesado.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El m\u00e9todo de \u00abReescritura de p\u00e1gina\u00bb se recomienda para minimizar el esfuerzo del equipo de desarrollo en tests de cambios de dise\u00f1o o contenidos, pero no ser\u00eda el m\u00e1s apropiado para testear funcionalidades, grandes cambios o migraciones.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ej: <a href=\"https:\/\/www.sitespect.com\/\">SiteSpect<\/a>, etc.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">M\u00e9todo \u00abSplit test\u00bb<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">El m\u00e9todo de \u00absplit test\u00bb consiste en la repartici\u00f3n del tr\u00e1fico entre cada una de las variaciones del experimento alojadas en distintos servidores.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El sitio web usar\u00e1 un proxy para encargarse de de dirigir al usuario al servidor que tenga asignado. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Es un m\u00e9todo no intrusivo ya que no necesita realizar cambios en la propia aplicaci\u00f3n.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Como desventaja, para cada variaci\u00f3n necesitas replicar la aplicaci\u00f3n en un servidor distinto y puede no tener sentido en situaciones con muchas variaciones muy peque\u00f1as y .<\/span><\/p>\n<p><span style=\"font-weight: 400;\">La infraestructura t\u00e9cnica suele ser cara y las diferencias de rendimiento pueden ser tambi\u00e9n causa de la diferencia en los resultados.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El m\u00e9todo de \u00abSplit test\u00bb se recomienda para probar pilotos, migraciones o cambios de web muy importantes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ej: <a href=\"https:\/\/cloud.google.com\/appengine\/docs\/standard\/python\/splitting-traffic\">Google Cloud Engine<\/a>, <a href=\"https:\/\/www.nginx.com\/blog\/performing-a-b-testing-nginx-plus\/\">nginx<\/a>, etc.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Conclusiones<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u00bfQu\u00e9 tipo de herramienta de testing es la m\u00e1s adecuada para ti?\u00bfQu\u00e9 requisitos debe tener tu herramienta de testing?\u00bfQuieres hablar con nosotros? Podemos ayudarte\u00a0a dise\u00f1ar, desarrollar y a implementar la herramienta que necesites.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>El entorno digital proporciona a los negocios una oportunidad muy conveniente para poder evaluar r\u00e1pidamente ideas usando experimentos controlados. Se trata de realizar de experimentos usando m\u00e9todo cient\u00edfico, observando el efecto de los cambios en el comportamiento o opini\u00f3n de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1054,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1053","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","clearfix"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.thediar.com\/wp-content\/uploads\/a-b.jpg?fit=1200%2C765&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p8d1gX-gZ","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/posts\/1053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/comments?post=1053"}],"version-history":[{"count":8,"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/posts\/1053\/revisions"}],"predecessor-version":[{"id":1902,"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/posts\/1053\/revisions\/1902"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/media\/1054"}],"wp:attachment":[{"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/media?parent=1053"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/categories?post=1053"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thediar.com\/es\/wp-json\/wp\/v2\/tags?post=1053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}