Loop11

Implementación:

• En principio no requiere ninguna implementación en el site que queremos testear.
• Por lo tanto, lo podemos hacer también con las webs de la competencia y aprovechar para realizar un benchmarking.
• Sin embargo, a veces navegación a través de Loop11 puede afectar el rendimiento y la velocidad de un site. Si en el preview notamos que es así, entonces tenemos que insertar un código JavaScript.
• Lo mismo para las páginas protegidas por un Firewall.

Configuración:

• Loop11 ofrece un wizzard que nos guía a través del proceso de configuración del experimento. Tenemos que definir por lo menos una tarea para los participantes (Loop11 nos da consejos sobre cómo hacerlo).
• Además se pueden crear preguntas desde las plantillas predefinidas y con ayuda de algunos ejemplos muy útiles.
• Para cada tarea opcionalmente se puede definir una URL de la página de éxito (donde se supone que el usuario haya completado la tarea asignada).
• Permite guardar el test y volver a editarlo en cualquier momento.
• Antes de lanzarlo, podemos verlo en el modo preview.
• Si lo buscamos bien, encontraremos una opción cómo grabar los vídeos de los participantes a través de OpenHallway. Es una pena que Loop11 no lo ofrece de manera automática. Y además se requiere una cuenta de OpenHallway.

Reclutamiento de participantes:

• Existen varias maneras para hacerlo.
• A través de un enlace. Lo incluimos en un mailing o en redes sociales por ejemplo.
• A través de un pop-up que podemos implementar en nuestra web e invitar a los usuarios que participen.
• Aprovechando un panel de usuarios.
• Es más, podemos configurar una pregunta de “entrada” para seleccionar a los usuarios que nos interesa testear. Por ejemplo, preguntando si tienen hijos, viven en una ciudad grande, suelen hacer compras por internet, etc.

Informes:

• Los informes son muy visuales y fáciles de interpretar.
• Pero no tenemos que obsesionarnos con los porcentajes que muestran. Las pruebas de este tipo de test suelen ser muy pequeñas (5 usuarios), así que es casi imposible traducir los resultados que obtenemos a toda la población de usuarios de la web. Lo que nos interesaría por ejemplo, son las impresiones de usuarios, sus comentarios y sus pensamientos que expresan en voz alta cuando encuentran puntos críticos en la navegación. La forma (cuantitativa) de presentar los datos en los informes de Loop11 no corresponde con el tipo de estudio (cualitativo).

WhatUsersDo

Implementación:

• No necesita ninguna implementación.

Configuración:

• Es menos flexible que Loop11 a la hora de definir las tareas y las preguntas.
• Sólo tenemos disponible un campo de texto donde escribimos las instrucciones y las preguntas.
• No se puede guardar un test y volver a editarlo.
• Permite testear dos sitios web a la vez y hacer benchmarking.

Reclutamiento de participantes:

• Existe sólo la posibilidad de utilizar el panel de usuarios de España, Italia, Alemania, Francia, Estados Unidos e Inglaterra
• Los participantes se pueden filtrar por sexo y en el caso de los usuarios de Inglaterra también por edad y estatus socioeconómico
• Ofrece también preguntas de “entrada”

Informes:

• Sólo tenemos los vídeos. Los participantes no escriben respuestas a las preguntas. Contestan durante la sesión y nosotros mismo tenemos que apuntarlas y analizar.
• A no ser que hayamos escogido un cuestionario de Website Usability Scale, cuyos resultados aperecen por escrito.
• Existe una posibilidad de descargar los vídeos. Están disponibles también online durante 6 meses.
• Además, se puede marcar los momentos clave cuando el usuario encuentra un problema o expresa una opinión interesante. Podemos marcar la gravedad de la incidencia (baja, media, alta) y añadir un comentario.

Resumen

Para mi queda claro que este tipo de test pierde valor si no tenemos acceso a los comentarios de los participantes mientras navegan e intentan completar las tareas. Por lo tanto, por mucho que Loop11 nos facilite la tarea de análisis de datos no conseguimos sacar conclusiones interestantes e incluso sorprendentes a través de esta herramienta.

Si os interesa profundizar un poco más, os aconsejo un artículo que compara Loop11 con otras herramientas del testeo remoto: Test remoto de usuarios. 3 herramientas que cambiarán para siempre la usabilidad

¿Y vosotros?

¿Tenéis experiencia con alguna de estas dos herramientas? ¿Podéis compartir con nosotros vuestras opiniones? ¿Os sirve de algo realizar test remoto de usabilidad?

Herramientas Testeo de Usabilidad

Existen por lo menos dos maneras para abordar los aspectos de la usabilidad web. Primera consiste en análisis experto, es decir un análisis realizado por una persona que tenga conocimiento de usabilidad. Repasamos un listado de buenas prácticas de usabilidad y apuntamos los fallos que tiene nuestro site. Recursos que nos pueden ayudar:

• Libros de usabilidad de autores como Jakob Nielsen o Steve Krug
• Los artículos de nuestro blog como por ejemplo: 4 reglas de oro para todo call-to-action, 12 Trucos para el diseño de formularios web, 5 pasos para hacer tu web más legible

El segundo método consiste en hacer pruebas con los usuarios. Y cada vez más, estos tests se realizan online, a distancia. Aquí tenemos un listado de las herramientas que nos pueden facilitar esta tarea:

• UserTesting.com – Ofrece videos con la pantalla del ordenador del usuario junto con grabación de voz del usuario.
• Userlytics – Además de mostrar la pantalla del participante, graba también su rostro y permite analizar sus reacciones al contenido de la web.
• What users do – Una herramienta parecida a UserTesting. Nos deja marcar los momentos clave dentro de los videos y poner comentarios.
• OpenHallway – Muy parecido a UserTesting y What users do, pero no tiene su base de testers.
• TryMyUI – La hermana de OpenHallway, pero con su panel de usuarios.
• Loop11 – No ofrece videos, pero sus informes son muy cuantitativos y tiene un precio bastante bajo.
• Pidoco – Una herramienta para testear Wireframes sin instalar ningún software.
• Chalkmark de Optimal Workshop – Para testear los diseños con los usuarios antes de maquetarlos y lanzarlos.
• Navflow - Permite testear rutas de navegación dentro de wireframes.
• Usabilla – Una herramienta que combina el testeo de los usuarios con mapas de clics.
• IntuitionHQ – Se parece a Usabilla cuanto a las funcionalidades. No ofrece mucha información, pero es barata, rápida y fácil a utilizar.

Y para profundizar el tema un poco más y daros más contexto, recomiendo que leáis este post: Test remoto de usuarios. 3 herramientas que cambiarán para siempre la usabilidad

Herramientas Encuestas

Son las herramientas que nos permiten conocer las opiniones de los usuarios. Nosotros solemos hablar de ellas como de herramientas de Voice of Customer. Hay una multitud de aplicaciones para realizar encuestas online. Sobre algunas ya hemos escrito en nuestro blog: 2 herramientas para recoger la opinión de los usuarios de tu web: SurveyGizmo y 4Q

Las más populares son:

• 4Q Online Survey de iPerceptions – La combinación entre datos cualitativos y datos cuantitativos, pero poco flexible ya que tiene 4 preguntas fijas por defecto.
• KISSinsights – Se lanza directamente en la web y sirve para hacer preguntas cortas acerca de una página en concreto.
• SurveyMonkey – Una herramienta de encuestas muy compleja donde podemos crear cuestionarios extensos.
• SurveyGizmo - Parecida a SurveyMonkey, pero la encuentro más fácil a usar y analizar los resultados.
• Kampyle – Recoge feedback de los usuarios mientras navegan por la web.
• Uservoice – Ofrece, entre otras funcionalidades, un foro para recoger ideas de los usuarios.
• Feedback Army – Lanza preguntas directas a los usuarios sobre su experiencia en tu site.
• Survey de Omniture – Una herramienta recomendable cuanto a las posibilidades de lanzamiento que ofrece (condicionado con eventos, páginas vistas, flujo de navegación, etc.)

Herramientas Comportamiento de usuarios

Este tipo de herramientas son complementarias a las herramientas tradicionales de analítica web. Presentan datos de manera muy visual y fácil de interpretar a través de mapas de calor. Como introducción a este mundo os propongo el artículo ¿Para qué sirve un mapa de clics?

• ClickTale - Para mi la mejor herramienta de comportamiento de usuarios a nivel de las funcionalidades (mapas de clic, de scroll, de atención, de movimiento de ratón, análisis de formularios, embudos de conversión, grabación de videos)
• CrazyEgg - Una herramienta más limitada que ClickTale, pero también más barata. Ofrece mapas de clic, de scroll, overlay y confetti.
• Mouseflow - Entre CrazyEgg y ClickTale cuanto a las funcionalidades y el precio.
• Clickdensity - Una herramienta bastante parecida a CrazyEgg, pero con más posibilidades de segmentación de resultados.
• Seevolution – Sirve principalmente para generar heatmaps y análisis del tráfico en tiempo real.
• Userfly - Permite reproducir una sesión completa de un usuario en tu web.
• ClickHeat de Labsmedia - Una herramienta Open Source gratuita para obtener mapas de clics.
• Gazehawk – Una herramienta de eye-tracking. No hace falta decir que es bastante cara, pero la calidad de la información es más elevada que en el caso de mapas de clics por ejemplo.
• Attention Wizzard – Simulador de eye-tracking que crea mapas de calor de la web.

Herramientas Experimentos

Una vez hayamos recogido la información a través de las herramientas mencionadas arriba, nos tenemos que poner a testear

• Google Website Optimizer – Una herramienta gratuita de Google para lanzar tests A/B y multivariante.
• Test & Target de Omniture – A parte de ser una herramienta potente de testing, permite además implementar targeting (personalización del contenido según el perfil del usuario).
• Webtrends Optimize – Una herramienta de testing (que ofrece test A/B, MVT full factoral y MVT fractional factoral). También se puede utilizar para el targeting.
• Optimizely – Muy fácil a implementar y lanzar los experimentos A/B y multivariante.
• Visual Website Optimizer – Además de posibilidad de crear experimentos de manera muy fácil (a través de la interfaz de la misma herramienta), ofrece también mapas de clics y varios recursos sobre la optimización y testeo de las webs.
• Unbounce – Fácil a utilizar cuanto a creación de variaciones y lanzamiento de test. Recomendable para experimentos con landing pages.

Si os interesa saber más  sobre estas herramientas, hace poco hicimos un post que compara dos de ellas: Conoce Optimizely y no volverás a ver Google Website Optimizer con los mismos ojos

Herramientas Website Speed Testing

Y para terminar os propongo 5 herramientas gratuitas para testear la velocidad de carga de la web.

• Page Speed Online de Google – Es la versión web de un complemento para Chrome, muy popular entre los desarrolladores web
• Pingdom Tools - Una herramienta que nos da información completa a través de los informes sobre por ejemplo la velocidad de carga de cada objeto de la página (imagenes, ficheros CSS y JS).
• Free Website Performance Test de BrowserMob – Proporciona informes interesantes a nivel de visualización (gráficos, pie charts). Hace ping desde 4 lugares diferentes para dar una visión global del rendimiento de la web.
• Show Slow – Es la versión web de una aplicación open source para servidores bajo el mismo nombre.
• Load Impact – Una herramienta que permite hacer simulaciones de velocidad de carga con 50,000 usuarios.

¿Y vosotros qué herramientas usáis? ¿Nos podeís recomendar algunas o compartir vuestras opiniones sobre las que hemos incluido en el artículo?

Haciendo una analogía con cualquier web, el once titular de todo equipo de fútbol se compone de jugadores más o menos involucrados en el proceso de conversión hacia la portería. Aquellos que más involucrados estén, por su perfil futbolístico, conforman un embudo de conversión imprescindible. La optimización de estas piezas influirá positivamente en el incremento del ratio de conversión, o número de goles que suben al marcador.
El entrenador deberá priorizar la excelencia física y técnica de aquellos jugadores que más balones reciben y que más contribuyen a la conversión en forma de asistencias de gol. En el fútbol también es posible tomar decisiones en base a criterios puramente cuantitativos, más allá de poner de titular a aquellos jugadores que aparentemente sean más virtuosos con el balón.

Del mismo modo, en la web vamos a priorizar el diseño y contenidos de aquellas páginas que más visitas reciben y que más contribuyen a la conversión, en forma de usuarios que pasaron por esta y acabaron cumpliendo un objetivo. A diferencia del fútbol, en la web es fácil obtener la información necesaria para priorizar unas páginas y no otras. Google Analytics nos ayuda con los siguientes 3 informes.

Resumen de navegación

Con el resumen de navegación fácilmente somos capaces de ver que páginas ve el usuario inmediatamente antes y después de visitar la página que evaluamos. Además, nos dice como se distribuyen estas visitas, en forma de porcentaje asociado a cada página.

Volviendo al argot futbolístico, el resumen de navegación nos dirá que jugadores dan más pases al jugador que estudiamos. Y a que jugadores da más pases el jugador que estudiamos.
Imaginemos que estudiamos a Messi. Si el volumen de balones que recibe Messi proceden en un 20% y 30% de Iniesta y Xavi respectivamente, ya sabemos lo que supone que Xavi no salga como titular en el próximo partido de Liga.

Ruta de objetivo

Es una representación visual en forma de embudo que permite ver el rendimiento de cada una de las etapas o páginas involucradas en el proceso hacia la conversión. Es decir, veremos el rendimiento del proceso típico hacia la conversión.
Hay que tener en cuenta que este diagrama sólo proporciona información sobre páginas que hayamos identificado como relevantes en el proceso de conversión. Por ejemplo: página de resultados de búsqueda, página de ficha, página de compra.

Si gestionásemos un equipo de fútbol, nos iría muy bien para conocer que tal rinde cada una de las lineas del once titular, desde la linea defensiva, hasta la punta de ataque. Conocer cuantas perdidas de balón se dan en cada linea, así como cuantas recuperaciones y pases entre lineas.

Ruta de objetivo invertida

Es una de las novedades de Google Analytics 5 y supone el complemento perfecto para el embudo de conversión. Tal como su nombre indica, la ruta de objetivo invertida muestra todas las rutas posibles, o saltos entre páginas, hacia el objetivo. Además, la ruta de objetivo invertida proporciona el número de conversiones fruto de haber seguido determinados caminos.
Lo importante de este informe es que recoge todas las rutas posibles que están contribuyendo hacia la conversión. A diferencia de aquellas rutas predeterminadas, que muestra la ruta de objetivo estándar.

Es decir, el dibujo táctico predeterminado podría fijar a ciertos jugadores como titulares indiscutibles. Sin embargo, la ruta de objetivo invertida nos permite descubrir a jugadores que de manera no esperada están aportando mucho hacia la conversión, los jugadores tapados. A estos habrá que empezar a darles protagonismo en el equipo titular, introduciéndolos poco a poco en el esquema ofensivo del equipo.

En resumen…

Si queremos optimizar nuestro sitio web, es imprescindible y creo que tenemos razones de peso suficientes como para no perdernos ni un partido de fútbol

Embudos multi-canal

Los informes que han cambiado la vida de los profesionales de marketing digital Por fin, la conversión NO se atribuye solamente a la última fuente de tráfico (excepto el tráfico directo). Ahora podemos ver en qué medida diferentes canales han participado en las conversiones registradas.

Ya que el usuario suele visitar una web más de una vez antes de comprar, es igual de interesante ver cómo la ha encontrado por primera vez y cómo la ha accedido la segunda, la tercera… hasta realizar la conversión. Google Analytics por defecto tiene en cuenta todos los objetivos y los datos de e-commerce. Pero podemos segmentar los embudos por tipo de conversión que nos interesa.

En total son 5 informes nuevos que en un primer momento pueden resultar difícil de interpretar. Por lo tanto, os doy algunos consejos sobre cómo empezar a trabajar con los embudos multi-canal:

• Identifica los canales que contribuyen y los que finalizan las conversiones
• Segmenta los resultados por tipo de conversión (objetivos y e-commerce) y vuelve a agrupar los canales en dos grupos como antes para cada una de las conversiones
• Observa qué canales suelen interactuar juntos. ¿Redes Sociales con Display? ¿Email con Referrals? ¿Orgánico con Directo?
• Calcula el ROI teniendo en cuenta también las conversiones asistidas. ¿El retorno de campañas de Adwords es sólo cuando una campaña finaliza la conversión?

Y si todavía necesitas más información, os recomiendo leer el artículo que escribí en www.trucosgoogleanalytics.com para conocer mejor las posibilidades de los informes de embudos multi-canal.

Flujo de objetivos

En realidad hay dos tipos de flujos disponibles: flujos de visitantes y flujos de objetivos. Los primeros los podemos encontrar en el apartado “Visitantes” y los últimos en “Conversiones / Objetivos”. Quizás todavía no todos tenéis acceso a estos informes. Google los está activando poco a poco y hay que tener paciencia.

El flujo de visitantes es simplemente la mejora del informe de navegación. Nos enseña cómo los usuarios navegan en nuestra web. Nos permite analizar gráficamente el sitio y de forma instantánea entender cómo es el flujo de visitas a través de las distintas páginas que conforman la web.

Pero lo que nos interesa sobre todo a la hora de optimizar el site es el flujo de objetivos. Hasta hoy teníamos la posibilidad de definir un embudo para un objetivo y visualizar el gráfico de este tipo:

La gran desventaja de este gráfico es que no se puede segmentar. ¿Cómo realizan este proceso los usuarios recurrentes vs los usuarios nuevos? ¿Las visitas que vienen a través del tráfico orgánico dónde abandonan el embudo?

¡Con el nuevo flujo de objetivos podemos verlo! Permite aplicar incluso los segmentos avanzados. Y lo mejor de todo: es retroactivo. ¡Podemos crear un embudo hoy y ver los datos de ayer!

¿En qué nos pueden ayudar los flujos de objetivos?

• Saber cuánto tráfico y qué tipo de fuente, campaña, país, evento, etc, cumple los objetivos del site
• Identificar los pasos dónde los usuarios abandonan el embudo
• Saber por dónde vienen los visitantes en cada uno de los pasos previamente definidos
• Entender cómo los visitantes interactuan con la página web, incluyendo backtracking a pasos previos del objetivo

¿Qué optimizar y cómo?

Hay casos y casos. Os daré algunos ejemplos y pistas para que podáis empezar a analizar vuestros embudos y flujos, y sacar conclusiones a fin de optimizar vuestras webs.

1. Si el Email es el canal en que finaliza las transacciones, fomenta las suscripciones a la newsletter en la web
2. Si algunas de las páginas de referencia tienen el ratio de finalización de conversiones muy elevado, intenta poner tus anuncios allí y/o generar más enlaces desde este site
3. Si el tráfico directo es el que cierra la ruta de conversión, procura crear un vínculo con los usuarios para que vuelvan a visitar tu web
4. Investiga las páginas dentro del embudo con el ratio de abandono muy elevado.
5. Invierte más en las fuentes que aportan muchas conversiones (ventas).
6. Si hay un paso dentro del embudo donde los usuarios retroceden, averigua el porque.
7. ¿Hay fuentes que traen los usuarios a los pasos dentro del embudo? ¿Estos usuarios acaban convirtiendo?

Ahora os toca a vosotros. ¿Habéis analizado los datos en los embudos multi-canal y flujos de objetivos o navegación? ¿Algunas conclusiones interesantes? ¿Habéis podido implementar cambios en la web basados en estas conclusiones?

El uso de estos informes nos permite llevar a cabo la labor de análisis y optimización de nuestro ecommerce de forma ágil, eficiente.

A continuación os propongo cómo crear 5 informes que cubren los principales ejes que contribuyen al éxito de nuestra web: demanda de producto, interacciones (microconversiones y macroconversiones), y captación de tráfico.

Rendimiento conversiones

Sabiendo que las microconversiones son importantes para la generación de macroconversiones, o ventas, este informe tiene como objetivo conocer la contribución que cada microconversión tiene para la macroconversión. Por ejemplo:

• Conocer en que medida el hecho de que los usuarios reproduzcan un vídeo de producto propicia un incremento en ventas de producto.
• Conocer en que medida ver la página de “contacto” o “sobre nosotros” contribuye a un incremento de las ventas.
• - …

Para lograr un informe que recoja esta información, es necesario configurar ciertos aspectos de Google Analytics. En resumen, debemos:

1. Identificar las microconversiones o acciones que el usuario puede realizar en nuestro sitio web y consideramos sensible de cara a la conversión: suscribirnos a newletter, realizar búsqueda, visitar ciertas páginas, compartir en redes sociales, etc.
2. Implementar en el código de nuestra web un marcado de eventos (eventTracking), si es necesario. Por ejemplo, para hacer seguimiento del número de reproducciones de los vídeos de producto.
3. Configurar objetivos para cada microconversión. Normalmente, diremos que un objetivo se cumple cuando vemos cierta “Página de destino”, o cuando se da cierto “Evento”.

Por último, creamos un informe personalizado en el que vamos a ver cuantas transacciones hay asociadas a cada objetivo, o microconversión.

De una forma bastante ágil vamos a ser capaces de medir y decidir que microconversión conviene optimizar.

Puedes utilizar este informe de rendimiento de conversiones en tu cuenta de Google Analytics.

Rendimiento búsqueda interna

El motor de búsqueda interno de nuestro sitio web es una fuente de información fundamental para cualquier negocio online.

Para que Google Analytics recoja la información del buscador de nuestra web tan sólo es necesario habilitarlo en la configuración de la herramienta.

Por defecto, Google Analytics ofrece métricas muy relevantes para optimizar el buscador. Por ejemplo, nos dice las palabras clave más buscadas, el número de páginas de resultados que el usuario ha necesitado ver antes de escojer el producto que más le interesa, también el porcentaje de veces que es necesario volver a buscar ya que la primera búsqueda no ha dado resultados útiles, etc.
Con todas estas métricas podemos optimizar la eficiencia de nuestro buscador. Sin embargo, por defecto no somos capaces de ver el impacto económico de cada búsqueda o palabra clave que el usuario escribe.
Con el siguiente informe personalizado vemos de una manera directa cuantas transacciones hay asociadas a cada palabra clave.

Puedes utilizar este informe de rendimiento de búsqueda en tu cuenta de Google Analytics.

Es interesante ver como no siempre las palabras clave o productos más solicitados en el buscador, no logran unos ratios de venta tan buenos como productos poco solicitados.

Rendimiento producto

Conocer los productos o categorías de producto más eficientes desde el punto de vista demanda e ingresos es fundamental. Es lo que nos dirá que productos potenciar mediante intervenciones on site o mediante estrategias de captación off site.
La mejor solución para conseguir un informe que proporcione cuanto de rentable es cada producto o categoría de producto, pasa por implementar variables personalizadas (custom vars).

Si somos un ecommerce podemos definir variables personalizadas para categoría de producto, o para marcas, o ambas. Si vendemos habitaciones de hoteles, podemos definir variables personalizadas que categoricen por localización del hotel, o número de estrellas, o ambas.

Una vez hemos implementado las variables personalizadas, podemos crear un informe personalizado muy potente y accionable. Fundamentalmente contendrá aquellas categorías, subcategorías y nombre de producto que más interés generan y mayores transacciones aportan.

Puedes utilizar este informe de rendimiento de producto en tu cuenta de Google Analytics.

Si vendemos zapatillas deportivas, ya sabremos si dar más importancia al contrato que tenemos con Nike o con Asics

Rendimiento SEO

Conocer los ingresos que nos proporciona el SEO es necesario. Nos permite priorizar unas palabras clave por encima de otras, crear o mejorar determinadas landing page, además de abrir la posibilidad de invertir en otros canales de capatación de tráfico si vemos oportunidad para ello.

La creación de un informe personalizado para recojer esta información no supone ninguna implementación o configuración avanzada de Google Analytics.
El informe personalizado podria incluir las palabras clave de entrada orgánicas, las páginas de destino y el valor transaccional de cada una de estas dimensiones.

Además, podriamos incluir el nombre de producto que el usuario terminó comprando (Product Name), y así ver en que medida aquello que buscó distaba de aquello que compró. Desafortunadamente, esta dimensión aún no se puede incluir en los informes personalizados. Esperemos que en breve sea posible.

Rendimiento campañas

Conocer el retorno de inversión que supone la dedicación de recursos en ciertos canales de marketing online es fundamental. Son los datos necesario para priorizar unos canales y no otros cuando planifiquemos nuevas estrategias de capatación.

El siguiente informe contiene los datos necesarios para hayar estas cifras.

Conclusión

Si tienes unos buenos informes personalizados nunca más volverás a mirar los informes estándar de Google Analytics.

Google Website Optimizer es una herramienta que ya lleva 4 años en el mercado mientras que Optimizely es un start-up que empezó hace 1 año. El origen de las dos herramientas es bastante interesante.

Google Website Optimizer al principio se creó para ayudar a los anunciantes de Adwords a aumentar sus ratios de conversión haciendo experimentos con las landing pages.

La idea de lanzar Optimizely nació en el seno de la campaña electoral de Barack Obama, donde el fundador de Optimizely, Dan Siroker, fue el director de analítica web.

Esta es la historia, ahora un poco de práctica. Ambas herramientas ofrecen posibilidad de realizar test A/B y multivariante. Vamos a mirar más en detalle cómo lo hacen.

Implementación de las herramientas

Google Website Optmizer exige que implementemos varios códigos en la web. Cada uno tiene una función distinta.

• Control script y Tracking script - en realidad son dos códigos diferentes, pero siempre van juntos. Se encargan de servir las diferentes versiones de la página (control), realizan el setup de les cookies necesarias (control) y cuentan visitas de las distintas versiones de la página (tracking). Hay que colocarlos antes de la etiqueta </body> de la página de test.
• Conversion script - realiza el seguimiento de conversiones de cada combinación. Debe colocarse en la página de conversión o en el layout tipo “Thank you”.

Y también no hay que olvidar que en el caso de un test multivariante hay que incluir Page Section - un código que identifica las secciones de la página donde aparecerán variaciones del experimento.

Como ves, la implementación de Google Website Optimizer no es una tarea de 5 minutos. ¿Cómo lo soluciona Optimizely? Nos da sólo una línea del código a insertar en todas las páginas que queremos testear o medir como conversiones.

Un ejemplo del código de Optimizely:

<script src=”//cdn.optimizely.com/js/8538534.js”></script>

Con esto sí que tardaremos 5 minutos y nos da tiempo para tomar un café. La desventaja es que es un código por proyecto, no por la cuenta del usuario. Por lo tanto, cuando queremos lanzar un nuevo test, tenemos que cambiar este código. Pero lo mismo pasa con Google Website Optimizer.

Interfaz o cómo preparar el experimento

En mi opinión personal, aquí reside toda la fuerza de Optimizely, en el editor visual y el editor WYSIWYG. La interfaz de la herramienta es muy user friendly y nos deja hacer cambios en la web ahí mismo. Sin tener que pedírselas al webmaster, diseñador u otro departamento que a lo mejor no comparta nuestra pasión por la optimización web.

Podemos mover los elementos, cambiar textos, imágenes, eliminarlos o incluso modificar Javascript y al final de todo comprobar cómo se visualiza en diferentes tipos de navegadores. En 1 minuto he conseguido cambiar un título de la sección y intercambiar el texto con la foto. Ahora si me apeteciera, podría lanzar el test con un clic.

¡Uy! quizás falta una cosa – configurar la conversión. ¡Muy fácil! Si queremos seguir por ejemplo el número de clic en un botón, lo marcamos con la opción “Track Clicks” y listo. Si el objetivo es una página, indicamos su URL dentro de la herramienta.

¿Y cómo lo hace Google Website Optimizer? Pues, la verdad es que no lo hace. No ofrece ninguna interfaz o ayuda en creación de las versiones alternativas de la página. Lo que tenemos que hacer es construir nuevas páginas desde cero, diseñarlas, maquetarlas y subirlas al servidor. Cuando todo está listo, indicamos sus URLs dentro de Google Website Optimizer. Y otra vez tenemos que pedir ayuda a las personas terceras y es lo que suele alargar el proceso de la implementación del experimento.

Informes de resultados del experimento

Otra vez Optimizely parece estar ganando la batalla. Nos permite configurar más de un objetivo del experimento. Por ejemplo los clics en el botón de compra y las suscripciones al newsletter. Incluso mientras dura el experimento podemos ir añadiendo diferentes conversiones. Para analizar bien los resultados del test hay que tener en cuenta más de una métrica. Por lo tanto, es interesante también poder integrar la herramienta de testeo con la herramienta de analítica. Optimizely ofrece la posibilidad de integración con Google Analytics, Omniture o KISSmetrics.

Por desgracia, en caso de Google Website Optimizer no es una tarea trivial, sobre todo si se trata de un test multivariante. Y es una pena porque por lo menos la integración de Google Website Optimizer con Google Analytics debería ser automática. Quizás los señores de Google no nos harán esperar mucho más para esta funcionalidad. Cuanto a los informes, también podrían ganar un poco del “fondo”. Más métricas relativas a las versiones del test y posibilidad de añadir más conversiones equilibraría la diferencia entre Optimizely y GWO.

Resumen

Google Website Optimizer

Ha perdido esta comparación sin remedio…

• Implementación del código es bastante larga y complicada
• No ofrece ninguna interfaz para la creación de las versiones alternativas
• Integración con las herramientas de analítica web requiere un esfuerzo adicional (no hay indicaciones claras sobre cómo hacerlo)
• No existen varios objetivos del experimento. Sólo se puede configurar uno.
• Es gratis. Pero sigues pagando con tu tiempo para implementar y lanzar el test.

Optimizely

¡La estrella levante de la optimización web!

• Implementación del código muy rápida y sencilla
• Editor visual para hacer cambios en la web
• Editor HTML/Javascript
• Configuración de multiples objetivos / conversiones
• Integración con las herramientas de analítica web
• Fácil de usar y lanzar experimentos incluso para usuarios que no saben nada de maquetación o desarrollo web
• Si tu web tiene mucho tráfico acabaremos pagando por lo menos $59 al mes

Dos palabras sobre Unbounce

Si ya estamos hablando de las herramientas del testeo, hay que mencionar Unbounce que sin falta, es una opción ideal para lanzamiento de experimentos de landing pages. Gracias a sus plantillas y el editor WYSIWYG, ¡en menos de 10 minutos podemos tenerlo todo montado! Sin embargo, sirve sólo para los tests A/B y no es tan fácil poder crear las variaciones partiendo de la página actual.

En el último post ya se comparaban algunas herramientas que recogen información cualitativa a través de test remoto de usuarios. Siguiendo el mismo formato, este post propone una comparativa entre dos herramientas de voice of customer: SurveyGizmo y 4Q.

Aunque si este post se te queda corto, siempre podrás aprender más sobre estas herramientas y sobre cómo interpretar información cualitativa, en el curso de Usabilidad y Optimización Web – Trucos y herramientas que próximamente impartirá webnalytics.es en Madrid y Barcelona

SurveyGizmo

SurveyGizmo permite creación de encuestas de propósito general para nuestra web.
SurveyGizmo se puede usar gratuitamente o pagando, a escoger entre diferentes planes. A partir de 19 dólares por mes, y hasta 599 dólares por mes.

• Edición
  SurveyGizmo permite una gran variedad de opciones en cuanto a la configuración de una encuesta. La herramienta ofrece multiplicidad de posibilidades en cuanto al planteamiento de preguntas y respuestas, desde múltiple respuesta, respuesta única, texto abierto, o ranking entre otros.
  El contenido de la encuesta puede ser distribuido en más de una página e incluso hacer visibles unas páginas u otras a partir de sentencias condicionales según las respuestas que vayan proporcionando los participantes. A su vez, las preguntas de una misma página también se pueden hacer dinámicamente visibles según respuestas anteriores.
  En el apartado de la personalización de la apariencia, SurveyGizmo da flexibilidad total. Desde colores y tipografías, hasta la inserción de imagenes como logotipo.
• Publicación
  Toda encuesta generada con esta herramienta queda alojada bajo el dominio de SurveyGizmo. Para participar sólo hace falta un enlace a la misma. Pero más allá del enlace, la herramienta proporciona hasta 10 alternativas diferentes, desde un tweet que contendría la invitación a participar en la encuesta hasta un código QR que dirige a la encuesta, pasando por Pop-Ups que mostrarían la invitación en nuestra web o incluso integración con MailChimp.
• Reporting
  La representación de los resultados es tanto numérica como gráfica, cuando así lo permiten el tipo de respuestas. El formato en que se presenta la información es editable.
  Por otro lado, se permite el filtrado de resultados. Los filtros son rango de fecha de las respuestas o filtro según campaña por donde se distribuyo la encuesta (Twitter, Facebook, MailChimp, web, etc.). También es posible filtrar las respuestas reportadas según condiciones. Por ejemplo: mostrar únicamente datos para las encuestas en las que se contestó “Si” en la primera respuesta.
  Los informes generados por SurveyGizmo se pueden exportar en formato PDF y también para Microsot Excel y Microsoft Word.
• Pros
  • El constructor de encuestas está muy bien resuelto. Tanto a nivel funcional como visual. Es práctico y atractivo.
  • Amplio abanico de posibilidades en lo que se refiere a formas de distribuir la invitación a la encuesta.
  • Permite filtrar los resultados del reporting según criterios como la respuesta concreta.
• Cons
  • Dificultad para familiarizarse con el constructor de expresiones condicionales para la formulación de preguntas. A veces, limitado.

4Q

4Q es una herramienta gratuita para conocer el grado de satisfacción de los usuarios de la web alrededor de una tarea concreta.
Avinash Kaushik, icono de la analítica web, argumenta muy a favor de 4Q en el artículo de su blog “4Q The Best Online Survey For A Website, Yours Free!“.

• Configuración
  Configurar una encuesta con 4Q consiste en revisar las 4 preguntas que por defecto conforman toda encuesta hecha con 4Q. Son las siguientes: 1. En base a la visita de hoy, ¿cómo calificaría su experiencia total del sitio? 2. ¿Cuál de las afirmaciones siguientes describe mejor el propósito de su visita? 3. ¿Pudo completar el propósito de su visita? 4.1 ¿Qué es lo que más valora del sitio Web? 4.2 ¿Por qué no pudo completar totalmente el propósito de su visita hoy? Avinash explica el porqué de estas preguntas y no otras en su artículo “The Three Greatest Survey Questions Ever“.
  Además, 4Q permite ajustar un parámetro denominado “Índice de invitación a la encuesta con lo que ajustar este valor a un 20% se traduce en que la encuesta sólo se presentará al 20% de los visitantes de la web.
  El idioma en que se presentará la encuesta es totalmente personalizable. También es posible utilizar una imagen propia como logotipo a mostrar en la cabecera de la encuesta.
• Publicación
  4Q proporciona un código HTML que cabe insertar al pie de la página. Se recomienda instalar este en landing page con un número elevado de visitas, puesto que de este modo la invitación de participación en la encuesta tendrá más posibilidades de ser ejecutada.
  Una vez hecho esto, y nada más el usuario aterrice en la página donde se insertó el código, 4Q mostrará la invitación a participación en la encuesta. Si el visitante acepta colaborar, la encuesta se mostrará una vez este termine la sesión de navegación dentro del sitio.
• Reporting
  4Q reporta los datos en base a 4 conceptos: reporte de satisfacción, tasa de compleción de tarea, satisfacción según propósito de visita, respuestas abiertas. Estos datos se visualizan en formato numérico y también gráfico.
  El informe ofrece segmentación de los datos según marcos de tiempo en los que la encuesta ha estado funcionando.
  También se permite exportar en archivo CSV la información reportada.
• Pros
  • La configuración de una encuesta es rápida.
  • Permite ajustar la tasa de invitaciones a participación.
• Cons
  • Limitación a 4 preguntas predefinidas.
  • La exportación de resultados esta limitada a formato CSV (comma separated values).

A preguntar se ha dicho…

Con estas herramientas disponibles, ya no hay excusa para saber hasta que punto los usuarios de nuestra web están contentos con la misma

Y ya sabes, si quieres aprender más sobre estas herramientas y sobre cómo interpretar información cualitativa, apúntate al curso de Usabilidad y Optimización Web – Trucos y herramientas que próximamente impartirá webnalytics.es en Madrid y Barcelona

Personalmente, estoy muy a favor del test de usabilidad remoto. Por estos dos motivos:

• El despliegue logístico que comporta un laboratorio de usabilidad es elevado. Eso convierte a los laboratorios de usabilidad en caros y poco accesibles.
• El entorno de laboratorio poco tiene que ver con el lugar habitual donde utilizaremos esa aplicación que se testea. Esa incomodidad puede desviar los resultados.

Si la tecnología lo hubiese permitido antes, ¿crees que los laboratorio de usabilidad hubiesen llegado a existir alguna vez?

Por ahora, 3 herramientas que logran poner al alcance de muchos los tests de usabilidad. Precios, funcionamiento, participantes, ventajas, inconvenientes, y algún que otro detalle más

UserTesting

Usertesting cuesta $39 y su Twitter es @usertesting.

Creación test: Para configurar un test cabe especificar la URL y describir el escenario que se le planteará al participante. A continuación se especifica el listado de tareas que deberán realizarse.

Selección de participantes: Los participantes forman parte de un panel. Este se localiza, en su mayor parte, en Estados Unidos (85%), también en Canada y Reino Unido.
Dentro del panel, se ofrece la posibilidad de seleccionar algunos aspectos demográficos como la edad, sexo, país, salario, experiencia web y otros (como “propietario de un negocio” o “usuario de Facebook con más de 200 amigos”).

Análisis resultados: Video de grabación del rastro del ratón durante la sesión de test acompañado por el think aloud del usuarios. También resumen de sugerencias que los usuarios proponen para cada sitio web y tarea.

Ventajas:

• La configuración de un test es rápida.
• Precio.

Pseudo-ventaja: Una vez Steve Krug dijo: “UserTesting.com is perfect for quick-and-dirty usability testing. It’s inexpensive, requires almost no effort, and gets you results incredibly quickly (often in just a few hours).”

Inconvenientes:

• Los participantes se limitan al panel. Y este sólo está localizado en Estados Unidos, Canada y Reino Unido.

Userlytics

Userlytics cuesta $229

Creación test: Userlytics ofrece la posibilidad de testear páginas web en funcionamiento, pero también prototipos UI de web u otras aplicaciones. Según se trate, el servicio dirige a los participantes hacia la tarea que se evalúa en una página web, o bien permite subir a un servidor el prototipo que se quiera testear.

Selección de participantes: Los participantes de Userlytics forman parte de un panel, pero la herramienta da como opción que el propio creador del test invite a usuarios. Para esto último tan sólo es necesario proporcionar el e-mail de los participantes que se quiera invitar, y Userlytics gestionará el proceso de participación así como la correspondiente recompensa al completar el test.

Análisis resultados: Userlytics graba la pantalla durante la sesión completa del usuario. También recoge la narración del participante y su expresión facial.
Además, los usuarios podrán dejar su feedback contestando una serie de preguntas relacionadas con cada una de las pantallas que se evalúan.

Ventajas:

• La opción que intenta ser lo más fiel posible al test de usabilidad en laboratorio. Pues obtenemos grabación de voz, de expresión facial y de sesión en pantalla.
• Permite testear software, no sólo web, a partir de prototipos.
• Permite escoger participantes más allá de un panel.

Inconvenientes:

• Precio

Loop11

Loop11 cuesta $350 y su Twitter es @Loop11

Creación test: El proceso para crear un test permite la introducción de tareas o preguntas a modo de cuestionario.
Las tareas están orientadas a la medición de objetivos cumplidos, así que uno de los requisitos a la hora de introducir una tarea es el de especificar la URL inicial y la URL objetivo.

Selección de participantes: Loop11 ofrece hasta 4 fórmulas diferentes en cuanto a invitación de participantes. Desde la creación de una URL para distribuir a quien nos interese, hasta la posibilidad de pago por participantes de un panel on-line. También ofrece la opción de crear una invitación en forma de pop-up que se abrirá en la web a testear.

Análisis resultados: El sistema de reporting de Loop11 difiere del resto de herramientas.
Loop11 presenta los resultados de manera agregada, utilizando métricas de usabilidad y dejando a un lado las grabaciones de video, voz o rastro del mouse en pantalla. Algunas de las métricas definidas en Loop11 son: ratio de compleción de una tarea, número de clics necesarios, tiempo requerido o grado de satisfacción entre otros.
Por otro lado, los resultados que se presentan de manera agregada por defecto, también se pueden analizar de manera individual. Viendo las particularidades para cada uno de los participantes.

Ventajas:

• Interpretación rápida de datos ya que estos se agregan en métricas.
• La selección de participantes no se limita a un panel. Puede participar todo el mundo.

Inconvenientes:

• Las métricas cuantitativas tratan de explicar información cualitativa. Sin embargo, estas nunca darán todos los matices que si proporciona la información cualitativa (sea un video de expresión facial, o un think aloud). Además, acumular resultados en métricas significa necesitar un alto número de participantes para extraer conclusiones significativas.
• Precio.

¿Que opinas?

Y tu, ¿cual eliges?, ¿prefieres las herramientas al laboratorio?, ¿crees que los laboratorios de usabilidad tienen los días contados?

Primero fueron cambios a nivel de rendimiento y una sustancial mejora de la producción de cuadros de mando y desde hace unas semanas existe un nuevo grupo de informes muy demandado por los analistas: la atribución de campañas.

Definición

Adobe lo llama Marketing Channels y proporciona un grupo de informes destinados a comprender mejor el impacto de las campañas y fuentes de tráfico, incluyendo cual fue la asignación del primer y último canal en función de varios indicadores como podrían ser ingresos, pedidos o el costo por citar algunos ejemplos, lo que le permite saber cuántos ingresos genera cada canal.

Para activar  Marketing Channels no es necesaria ninguna implementación externa extra, y simplemente es necesario acceder a la consola de administración para definir las reglas que definen cada canal.

Activación

Antes de poder utilizar los informes SiteCatalyst necesita reconocer cada fuente de tráfico y asociarlo a un grupo. Para ello existe un setup automático que nos permite definir los canales básicos como són el SEO, SEM y el tráfico Directo, pero también es capaz de marcar afiliados, email marketing, redes sociales y cualquier tipo de campaña en general que se pueda identificar con alguno de los múltipes parámetros y operadores que se nos ofrecen.

Veamos por ejemplo como se definiriamos el tráfico de marca para TrucosOptimizacion.com:

Informe

El report que genera SiteCatalyst permite observar cual fue el canal de captación de tráfico que causó que los usuarios realizaran algún tipo de conversión en visitas posteriores. Lo que llaman el “First Touch” y el “Last Touch”

Imaginemos que somos un e-commerce y utilizamos 2 canales típicos: SEM y Email Marketing.

1ª visita: El usuario realiza una búsqueda en google, hace clic en uno de nuestros anuncios, observa un producto y luego se va.

2ª visita: Lanzamos una campaña de promoción a través de e-mail en la que el usurio finalmente realiza una compra por valor de 100€

¿Qué tenemos en el informe?

El canal de captación de tráfico via AdWords ha contribuido con una venta de 100€ a los ingresos generados por los canales por los que el usuario nos conoce. Nuestra campaña de email por su parte, también ha contribuido con una venta de 100€ a los ingresos totales de los accesos de venta “finales”. Dicho de forma clara, repartimos el total de compras, ingresos y eventos en general entre todos los canales de primer y último acceso, por lo que obtenemos 2 fotografias distintas de cual es la distribución de conversión y 2 maneras distintas de valorar el éxito/fracaso de una campaña.

Definición

Un mapa de clics es una captura de pantalla de una determinada página de tu web en la que se superponen los clics que han realizado un conjunto de usuarios. De forma gráfica podremos ver donde hacen clic los usuarios que visitan nuestra página web. Además de la representación gráfica, normalmente también tendremos un informe que contiene la lista de elementos y número de clics asociados para la página analizada. Como extra, también podremos segmentar los clics según ciertas características de los usuarios, por ejemplo: fuentes de tráfico, visitante nuevo o recurrente, idioma, sistema operativo, etc.

Ejemplo

Existen diferentes herramientas que permiten recoger esta información. CrazyEgg es una de las favoritas pero otras como ClickHeat, Clickdensity o ClickTale sirven para ello.
En el caso de CrazyEgg, por ejemplo, el aspecto que pueden tener los resultados es el siguiente:

Acción

El valor real de cualquier mapa de clics va más allá de la curiosidad. La importancia radica en un análisis detallado de los datos con el fin de extraer conclusiones cien por cien accionables que encajen con las necesidades de los usuarios así como con las necesidades de negocio.
Estas son algunas de las acciones a tomar a partir de un mapa de clics:

• Potencia aquellos elementos en los que los usuarios no hacen clic y quieres que hagan clic. Esta es tu necesidad de negocio.
• Potencia aquellos elementos en los que los usuarios si hacen clic y pensabas que no harían clic. Esta es la necesidad de tus usuarios.
• Reduce el peso visual de aquellos elementos donde los usuarios no hacen clic y tampoco forman parte de tus prioridades.
• Rediseña zonas de pantalla donde hay clics pero sin embargo no son ni enlaces ni elementos de interacción. Son elementos cuya apariencia crea confusión.
• Ubica elementos promocionales o de publicidad en zonas cercanas a zonas de clic.

¿Y tú? ¿Tienes algún truco para exprimir al máximo los mapas de clics?