Últimamente he tenido algunos problemas de visualización en el blog y esta mañana he decidido investigar como ven mis usuarios el blog en función del navegador que usan.
Por un momento he pensado en el horrible trabajo de comprobar uno a uno todos los navegadores que conozco así que he dedicado eso tiempo a ver si podía realizar ese trabajo más cómodamente.
Como no, en internet uno encuentra casi siempre lo que busca y para el caso que nos ocupa existe Browsershots.
Esta fantástica herramienta gratuita te permite visualizar tu web (o la que quieras) en hasta 65 combinaciones posibles de sistemas operativos y navegadores. Todo tan fácil como introducir la URL.
Dada la multitud de posibilidades a escoger y el tiempo de procesado que requiere, personalmente aconsejo darle un vistazo al Google Analytics, SiteCatalyst, Indextools o la herramienta de medición que se tenga para chequear aquellos navegadores, sistemas operativos, resoluciones y otras características que utilizan nuestros usuarios. Aún así, no deja de ser curioso darse una vuelta por la totalidad de posibilidades y ver como nos ven.
El único detalle a comentar es que sólo disponemos de 30 minutos para generar las imágenes, de modo que si queremos ver todas las capturas tendremos que estar al loro e ir pulsando “extend” de vez en cuando.
El último paso después de generar todas las variaciones de nuestros elementos es la pantalla que os muestro a continuación:
En esta página simplemente se nos muestra información referente a las páginas de testeo y conversión (urls y vista previa de las combinaciones) y se nos permite definir la cantidad de tráfico que se dirigirá a la prueba.
Podemos escoger el % de tráfico que creamos oportuno, aunque el 10%, 25%, 50%, 75% y 100% ya vienen predefinidos. El volumen de tráfico deberemos escogerlo según nuestro modelo de negocio, el tráfico que llega a nuestra web, el revenue que generamos, la agresividad de nuestros cambios, etc… Cada sitio web tiene sus particularidades aunque por norma general, y siempre que tu sitio web tenga un volumen de tráfico elevado, podemos aplicar cambios alrededor del 20% de la gente que nos visita siendo ésta una buena muestra para el total de nuestros usuarios. Aún así, insisto en que cada web y sus cambios planteados son escenarios distintos.
Después de esto ya lo tendremos todo listo. Guardamos los cambios y el testeo pasará a ejecutar-se y a recopilar datos… y un poco de paciencia! Que a los dos días aún no tendremos resultados
¡Por fin nos disponemos a crear variaciones de nuestra página!
El proceso continua siendo muy simple aunque aqui tendrás que tener unas mínimas nociones de html para poder modificar el código. Aun así modificar imágenes, textos, botones u otros elementos básicos resulta muy sencillo, asi que no hay que alarmarse.
En nuestro experimento de iniciación proponíamos comprobar distintas versiones de textos en la pestaña “About” para ver cual de ellas nos proporcionaba un mejor click throught hacia esa página.
En el paso anterior lo que hemos hecho ha sido identificar todas aquellas zonas de las que queríamos hacer modificaciones mediante la inclusión de unos tags javascript en el código de la página. En este paso, Google Website Optimizer detecta esas zonas y nos permite modificar los trozos de código a nuestro antojo sin preucuparnos del archivo original. Google es quien guarda, gestiona y sirve las modificaciones.
Los pasos a seguir son bien simples:
Hacemos click en “Añadir variaciones nuevas”
Nos aparece una ventana en la que le daremos un nombre a la variación
Modificamos el código como nos parezca
Le damos al botón “Guardar”
Tan simple como eso. Generaremos tantas variaciones de nuestras zonas como queramos y Optimizer se encargara de hacer todas las combinaciones posibles entre ellas. También disponemos de la posibilidad de ver las combinaciones que estamos creando pulsando en “Vista previa”.
A continuación os adjunto un pequeño video que he creado a modo de ejemplo:
Cuando hayamos terminado el trabajo, pulsamos el botón “Guardar y continuar” situado en la parte inferior y nos dirigiremos al 4º y último paso antes de poner en marcha el test.
A través del blog de Javier Godoy descubro una herramienta que permite ver que sitios web están realizando multivariate testing así como las zonas que se estan probando.
MVT Vendor Detector es un script para el pluguin Greasemonkey de Firefox que es totalmente compatible con la reciente versión 3 del navegador.
Cada vez que visitamos una página web que esta realizando un testeo multivariante, nos aparece un alert en la esquina superior izquierda de nuestra pantalla y nos resalta las zonas en las que se está testeando contenido.
Es capaz de detectar tags javascript de Google Website Optimizer, Offermatica (Omniture Test&Target) y Optimost por citar algunos ejemplos.
Será genial ir comprobado como avanzan estas técnicas en el mercado.
Bravo ya estamos a punto de empezar a poner tags en nuestro código y a ralizar modificaciones… La parte más agradable para unos y la más odiada para otros.
A aquellos que al ver una línea de código os coge urticaria deciros que calma, es fácilisimo Google Optimizer nos presenta una página donde nos da los codigos a inserir y explica paso a paso que tenemos que hacer:
En la página donde realizaremos las pruebas: Tenemos que colocar el código de control en cualquier lugar entre las etiquetas <head>…</head>. Este código se encarga de conectar con los servidores de Google, recoger las variaciones creadas y servir una (si, aún no hemos creado las variaciones, ya llegaremos ahi jeje). Os tiene que quedar algo parecido a esto:
También es necesario un codigo de seguimiento para trackear los resultados del experimento. En este caso debemos colocarlo justo antes de la etiqueta </body>.
Sólo nos falta detectar las zonas a modificar. Para ello las encerraremos dentro del siguiente tag, <script>utmx_section(”Nombre del elemento”)</script>CODIGO</noscript>. En nuestro ejemplo nos quedaría el código de la siguiente manera:
La idea consiste en “marcar” todas aquellas zonas de las que luego queremos realizar modificaciones. Ahora no realizamos ningún tipo de cambio, simplemente le estamos diciendo a Google Optimizer que elementos luego modificaremos
En la página de conversión: Aquí debemos colocar otro tracker que se nos proporciona a fin de hacer seguimiento de cuales son las versiones que han derivado en una conversión o consecución de objetivo. Del mismo modo que el tracker de la página de testeo, debemos colocarlo justo antes de la etiqueta </body>
Hoy realizaremos un pequeño experimento de testeo multivariado para comprobar lo fácil y rápido que resulta. Se acabaron las excusas empezemos a testear.
En este pequeño test, intentaremos averiguar que copy nos genera un mejor click throught hacia la página about del blog. Empecemos:
Realizaremos el experimento con la herramienta gratuita Google Website Optimizer, así que el primer paso consistirá en conseguir una cuenta de google, si es que aún no la tenemos, jeje.
En la primera página nos encontraremos con un listado de todos nuestros expermientos, así como el estado en el que se encuentran.
Haremos clic en:
Google Optimizer nos permite realizar 2 tipos de pruebas: AB Testing y Multivariate Testing. En anteriores artículos hablamos acerca del testeo de diferentes versiones de página con el método AB. En Google Optimizer es extremadamente fácil preparar un experimento de este tipo y nos evita tener que programar una herramienta “in house”. Hoy realizaremos un testeo multivariado, que consiste en realizar pequeñas modificaciones en diferentes partes de la página y comprobar que combinación de ellas es la que nos convierte mejor.Haremos click en “Crear” en el apartado de test multivariado:
En la siguiente página veremos los pasos a seguir para realizar nuestro experimento.Haremos click en:
El primer paso importante es identificar las páginas dónde realizaremos el experimento. La página con variaciones y la página de conversión u objetivo.Daremos un nombre al test:
Identifiacaremos la página donde de la que se servirán combinaciones:
Finalmente introduciremos nuestra página de conversión y haremos click en “Continuar”
A continuación nos aparecerá una pantalla que nos dará algunos consejos para la planificación del experimento. Pulsamos el botón “Continuar” y nos dirigimos a la siguiente página.
En este punto, Google Optimizer nos preguntará si vamos a realizar nosotros mismos las modificaciones en el código fuente o si tenemos a un equipo de desarrollo para ello. En nuestro ejemplo continuaremos modificando el código pero si se prefiere dejar ese trabajo para los programadores, o si simplemente no se tiene acceso al código, en este punto Google Optimizer nos brinda la oportunidad de enviar un correo electrónico con una URL a nuestro responsable de desarrollo para que prosiga con el proceso y nos lo notifique cuando esté listo.
Desde WebAnalytics.es hemos lanzado una encuesta sobre el mercado de la analítica web en España.
Os animo a todos a participar ya que sólo os tomará 3 minutos de vuestro tiempo y luego se publicará un informe analizando la situación del mercado en España.
Lo dijo Avinash en el reciente PWA’08 celebrado en Barcelona. ¿De que nos sirven mil i mil reuniones y mil wireframes para simplemente encontrar la aprovación de alguien de arriba?
Demos la llave a los usuarios, olvidémonos de nuestras preferencias personales y dejemos que sean nuestros usuarios/clientes quien decida que funciona y que no.
Dejemos impresionados a lo que Avinash bautiza como HiPPOs (Highest Paid Person Opinion)… Convence a tu jefe para realizar un pequeño experimento (ni que sea un mínusulo cambio de copy). Hay que ser arriesgados. Probar, fastidiarla, volver a probar, encontrar una mejora, volver a probar… Muéstrale luego los incrementos en el ROI y dejad seduciros por la toma de decisiones basada en datos.
“Es que vamos hasta arriba de trabajo y el pull de proyectos que hay en IT es interminable…”
Ok, estamos deacuerdo, el trabajo nos abruma… Pero quien dijo que empezar ya mismo a testear fuera una gran carga? Puedes empezar a testear con Google Website Optimizer en menos de 5 minutos y seguir con tu trabajo a la espera de resultados.
Sin duda los sites que aposten por estas técnicas ganarán en ventaja competitiva y liderarán sus mercados.
Durante estos dos primeros dias, mi compañero de trabajo Ferriol Egea y yo, hemos asistido a las conferencias y workshops de las jornadas organizadas por Alt64. Para quien no esté informado sobre este evento, comentar que se tratan de unas jornadas dedicadas a la analítica web en la que participan destacados ponentes (entre ellos el Google evanglist y gurú Avinash Kaushik) para poder aprender e intercambiar conocimiento.
Mientras que el miércoles consistió en una jornada mas “light” en la que Jaume Clotet dio un cursillo acelerado de analítica no por eso sin destacar temas importantes e interesantes como la detección de KPI’s y la creación de buenos dashboards, hoy jueves la jornada se ha intensificado enormemente y el fichaje estrella Avinash ha aparecido en escena.
Sin duda Avinash Kaushik ha respondido a mis expectativas. Además de un muy buen analista web, el hombre es un muy buen comunicador con grandes dotes didácticos. Avinash escapa de la etiquta de conferenciante y adopta el rol de profesor con gran éxito, dando charlas divertidas y amenas y muy enriquecedoras.
Como lector del blog de Avinash, sabía que él conoce y utiliza numerosas herramientas de analítica, pero pensaba que en una charla en la que se presenta con el título de Google evangelist, seria normal que barriera para casa. Nada más lejos de la realidad. Si que es verdad que Google Analytics quizá ha tenido mayor presencia que otras herramientas en sus charlas, pero yo personalmente me he ido a mi casa con la sensación de haber visto un buen avanico de herramientas. Todas con sus pros y sus contras.
Mañana último dia del Practitioner en el que me acompañará Pere Rovira, que además, realiza un workshop referente a informes y KPI’s. Os prometemos una review más detallada
Siguiendo con la colección de herramientas que prometí ir colgando en el blog, hoy os presento Clickheat.
Clickheat es un software que nos permite obtener mapas de calor de cualquier página de nuestro site. A diferencia de otros programas de analítica, Clickheat se instala localmente en nuestro servidor y nos ofrece un reporte superpuesto en nuestra página indicándonos donde hacen click los usuarios.
Como podeis ver, Clickheat no sólo nos dice el rendimiento de nuestros links al estilo del Site Overlay de Google Analytics, sino que nos descubre exactamente donde se hace click independientemente de que sea un link, banner, botón, etc. Esta información puede sernos muy útil para detectar zonas en las que el usuario cree que puede interactuar y que por contra son estáticas o para determinar si un call-to-action está rodeado de elementos de “ruido” que interfieren en nuestra conversión, por citar un par de ejemplos.
El software esta escrito en PHP y requiere un servidor Windows o Linux, con Apache o Lighttpd y la librería gráfica GD2 para soportar imágenes PNG. Su instalación y funcionamiento son muy sencillos y como colofón la herramienta es gratuita.
Trucosoptimizacion.com pretende ser un lugar donde aprender, comentar y compartir todo aquello relacionado con la experiencia de usuario, asi como landing page optimitzation y conversion ratios.
Google Optimizer nos presenta una página donde nos da los codigos a inserir y explica paso a paso que tenemos que hacer:
Demos la llave a los usuarios, olvidémonos de nuestras preferencias personales y dejemos que sean nuestros usuarios/clientes quien decida que funciona y que no.
