Enric Quintero - Metriplica - WebCongress Barcelona 2012

550 views

Published on

Enric Quintero - Metriplica - Workshop Analítica Web - WebCongress Barcelona 2012

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
550
On SlideShare
0
From Embeds
0
Number of Embeds
32
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Enric Quintero - Metriplica - WebCongress Barcelona 2012

  1. 1. WorkshopMedir para optimizar tu negocio online
  2. 2. Curso Google Analytics¿Qué veremos hoy? Parte 4• Introducción los métodos cualitativos para identificar problemas en una web• Ejemplo de cómo identificar problemas en una web utilizando Google Analytics• Herramientas alternativas a Google Analytics• ¿Qué hacer cuando detectamos que una página falla en nuestro sitio?
  3. 3. Curso Google Analytics Parte 4 Breve (prometido)introducción a la usabilidad
  4. 4. Curso Google AnalyticsIntroducción a la usabilidad Parte 4 Usabilidad La usabilidad es la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por el hombre con el fin de alcanzar un objetivo concreto
  5. 5. Curso Google AnalyticsIntroducción a la usabilidad Parte 4
  6. 6. Curso Google AnalyticsIntroducción a la usabilidad Parte 4
  7. 7. Curso Google AnalyticsIntroducción a la usabilidad Parte 4
  8. 8. Curso Google AnalyticsIntroducción a la usabilidad Parte 4
  9. 9. Curso Google AnalyticsIntroducción a la usabilidad Parte 4
  10. 10. Curso Google Analytics Parte 4Algunos métodoscualitativos paramejorar una web
  11. 11. Curso Google AnalyticsIntroducción a la usabilidad Parte 4 Test de usuarios
  12. 12. Curso Google AnalyticsMétodos cualitativos para mejorar una web Parte 4 Test de usuarios Método en el cual se pide al usuario que realice una serie de tareas en nuestra Web mientras un observador anota las incidencias. Nos permite identificar: • Maneras en las que los usuarios realizan la tarea • Qué problemas tienen los usuarios para completar la tarea propuesta • Necesidades que tiene el usuario para finalizar una tarea • Grado de satisfacción con respecto a la tarea realizadas Podemos utilizar esta técnica a lo largo de todo el proceso, al comienzo para conocer los problemas y necesidades de los visitantes y también a la hora de evaluar nuestra propuesta
  13. 13. Curso Google AnalyticsIntroducción a la usabilidad Parte 4 Análisis experto
  14. 14. Curso Google AnalyticsMétodos cualitativos para mejorar una web Parte 4 Análisis experto Método en el cual varios expertos evalúan la web en base a su criterio o bien en base a determinados criterios heurísticos Nos permite identificar: • Errores o problemas en el sitio • Establecer la gravedad de los problemas (cuantitativo) Podemos utilizar esta técnica a lo largo de todo el proceso, al comienzo para conocer los problemas de los prototipos o versiones previas y también a la hora de evaluar nuestra propuesta fianl
  15. 15. Curso Google AnalyticsMétodos cualitativos para mejorar una web Parte 4
  16. 16. Curso Google AnalyticsMétodos cualitativos para mejorar una web Parte 4
  17. 17. Curso Google AnalyticsMétodos cualitativos para mejorar una web Parte 4http://usableworld.com.au/2009/03/16/you-look-where-they-look/
  18. 18. Curso Google AnalyticsMétodos cualitativos para mejorar una web Parte 4
  19. 19. Curso Google AnalyticsMétodos cualitativos para mejorar una web Parte 4 Porque a veces hay que aceptar …
  20. 20. Curso Google AnalyticsMétodos cualitativos para mejorar una web Parte 4 …que tu bebe es feo
  21. 21. Curso Google Analytics Parte 4¿Y cómo mejoro una web con métricas?
  22. 22. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador
  23. 23. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador
  24. 24. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador http://www.amazon.es/s/ref=nb_sb_noss_1?__mk_es_ES=%C5M%C5Z%D5%D1&url=search- alias%3Daps&field-keywords=kindle&x=0&y=0
  25. 25. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador http://www.amazon.es/s/ref=nb_sb_noss_1?__mk_es_ES=%C5M%C5Z%D5%D1&url=search- alias%3Daps&field-keywords=kindle&x=0&y=0
  26. 26. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador 1350%
  27. 27. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador
  28. 28. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador
  29. 29. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador
  30. 30. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador
  31. 31. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscadorhttp://www.casadellibro.com/busqueda-libros?busqueda=juego+de+tronos&nivel=5&res=si
  32. 32. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador res http://www.casadellibro.com/busqueda-libros?busqueda=juego+de+tronos&nivel=5&res=si
  33. 33. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscador Si No res http://www.casadellibro.com/busqueda-libros?busqueda=juego+de+tronos&nivel=5&res=si
  34. 34. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 1 # Analizando un buscadorhttp://www.solmelia.com/busqueda?destino=gran-canaria&fch_ent=22-03-2012&fch_sal=28-03-2012_gaq.push([_trackPageview,/busqueda?destino=gran-canaria&fch_ent=marzo&fch_sal=marzo]);
  35. 35. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción
  36. 36. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Nuestro amigo el evento_gaq.push [(‘_trackEvent, Categoria, Acción, Etiqueta, Valor)];
  37. 37. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción _gaq.push[(_trackEvent, ‘catalogo,cat-filtrar)];
  38. 38. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción
  39. 39. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción Eventos únicos de uso de filtro Ratio uso de filtro = Total de visitas al catálogo
  40. 40. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción cat-filtrar
  41. 41. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción
  42. 42. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción¿Cuál se usa más?¿Cuál no se usa?¿Debo eliminar algún filtro o dejar uno desplegado por defecto?¿Qué criterio de ordenación poner por defecto?
  43. 43. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción _gaq.push[(_trackEvent, catalogo,cat-filtrar-coleccion, <colección> )];
  44. 44. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción
  45. 45. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción _gaq.push[(_trackEvent, ‘destacado,‘dst_pinchar-banner, ‘GranMeliaSalina‘)];
  46. 46. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 2 # Entendiendo la interacción _gaq.push[(_trackEvent, destacado,GranMeliaSalina, ver-banner,,true )]; _gaq.push[(_trackEvent, destacado,GranMeliaSalina, clicar-banner‘)];
  47. 47. Curso Google AnalyticsEjemplos de mejora con GA Parte 4
  48. 48. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra
  49. 49. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra
  50. 50. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra Mi sitio
  51. 51. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra Visitas que llegan al carrito Comienzo de carrito = Total de visitas
  52. 52. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra checkout Visitas que completa una compra Ratio de carritos completados = Total de visitas que llegan al carrito
  53. 53. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra Visitas que comienzan el checkout Comienzo de checkout = Total de visitas
  54. 54. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra Visitas que comienzan acaban una compra Finalización de checkout = Total de visitas que comienzan el checkout
  55. 55. Curso Google AnalyticsEjemplos de mejora con GA Parte 4
  56. 56. Curso Google AnalyticsEjemplos de mejora con GA Parte 4
  57. 57. Curso Google AnalyticsEjemplos de mejora con GA Parte 4
  58. 58. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Proceso compra Periodo Actual Periodo Anterior Trend Detalle 16 ene - 15 feb 2012 15 dic 2011 - 15 ene 2012 18,00% 17,00%Cart start rate 6% % de visitas que llegan al carrito 2,00% 1,50%Cart completion rate 33% % de visitas que acaban la compra desde el carrito 5,00% 4,80%Checkout start rate 4% % de visitas que comienzan una compraCheckout completion 87,00% 86,00% % de visitas que finaliza el proceso de comprarate 1%ComentariosProb lemas en el proceso de compra, mejora del carrito.
  59. 59. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra
  60. 60. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra
  61. 61. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra _gaq.push[(_trackPageview, /compra/paso1)];
  62. 62. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra _gaq.push[(_trackPageview, /compra/paso1-error)];
  63. 63. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra
  64. 64. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra Visitas que ven la página de error Ratio de error de formulario = Total de visitas al formulario
  65. 65. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra
  66. 66. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra_gaq.push[(_trackPageview, ‘/virtual/compra/errores-paso1/email obligatorio)];
  67. 67. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra
  68. 68. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra _gaq.push[(_trackPageview, /virtual/compra/campos/paso1/email)];
  69. 69. Curso Google AnalyticsEjemplos de mejora con GA Parte 4Caso 3 # Mejorando un proceso de compra
  70. 70. Curso Google AnalyticsEjemplos de mejora con GA Parte 4 Enviar formulario Email Nombre Apellidos Dirección C.P. Enviar
  71. 71. Curso Google Analytics Parte 4 ¿Hay vida másallá de Analytics?
  72. 72. Curso Google AnalyticsOtras herramientas Parte 4
  73. 73. Curso Google AnalyticsOtras herramientas Parte 4
  74. 74. Curso Google AnalyticsOtras herramientas Parte 4
  75. 75. Curso Google AnalyticsOtras herramientas Parte 4
  76. 76. Curso Google AnalyticsOtras herramientas Parte 4
  77. 77. Curso Google AnalyticsOtras herramientas Parte 4
  78. 78. Curso Google Analytics Parte 4Herramientas de Optimización Web
  79. 79. Curso Google AnalyticsHerramientas de testeo web Parte 4¿Qué son?:• Aplicaciones que nos permiten probar cambios de contenido en nuestra web • Imágenes • Textos • Llamadas a la acción • Etc• Estas variaciones/cambios se muestran a los visitantes aleatoriamente y permiten que sean estos quienes decidan que contenidos les funcionan mejor
  80. 80. Curso Google AnalyticsHerramientas de testeo web Parte 4Funcionamiento:La herramienta “mezcla” todas las alternativas y genera las páginas aprobar Shake! 3 imágenes diferentes x 3 llamadas a la acción = 9 combinaciones posibles
  81. 81. Curso Google AnalyticsHerramientas de testeo web Parte 4Web Site Optimizer• Usa tags en Javascript• Soporta test A/B y Multivariante• Software gratuito• No tiene segmentación de usuarios• Empieza a mostrar resultados a las pocas horas
  82. 82. Curso Google Analytics Parte 4Tipos de test
  83. 83. Curso Google AnalyticsTipos de test Parte 4 Test A/B Esta noche, velada internacional Ficha original (El potrillo) Ficha alternativa (Terminator) VS
  84. 84. Curso Google AnalyticsTipos de test Parte 4 Test A/B
  85. 85. Curso Google AnalyticsTipos de test Parte 4 Test A/B en detalleIdeal para: • Páginas con poco tráfico (conversiones) • Cambiar la distribución de contenidos en una página • Cambiar el diseño o el mensaje de una páginaDesventajas… • No indica que contenido o elemento es el causante de una mejoría o empeoramiento de la conversión • Puede darse el caso de que un elemento mejore la conversión y otro la empeore siendo el resultado que no hay mejora con respecto al original
  86. 86. Curso Google AnalyticsTipos de test Parte 4 Test Múltiple Probamos variaciones de una misma página
  87. 87. Curso Google AnalyticsTipos de test Parte 4 Test Múltiple Probamos variaciones de una misma página Original Alternativa
  88. 88. Curso Google AnalyticsTipos de test Parte 4 Test Múltiple Probamos variaciones de una misma página Original Combinación 1 Combinación N
  89. 89. Curso Google AnalyticsTipos de test Parte 4 Test Múltiple
  90. 90. Curso Google AnalyticsTipos de test Parte 4 Test Múltiple en detalleIdeal para: • Páginas con bastante tráfico (conversiones) • Cuando la distribución de contenidos se mantiene • Cuando quieres testear partes concretas de tu páginaDesventajas… • Se requiere más tiempo para obtener resultados • Los códigos necesarios para poner este test en marcha son más complejos que con un test A/B
  91. 91. Curso Google Analytics Parte 4Interpretandoresultados
  92. 92. Curso Google AnalyticsInterpretando resultados Parte 4 Gráfico de evolución En azul, siempre tendremos la evolución de la combinación original Las 3 combinaciones que mejor se comporten se mostrarán en este gráfico para poder evaluar su rendimiento con respecto a la original
  93. 93. Curso Google AnalyticsInterpretando resultados Parte 4 Pestaña de combinaciones Combinación original Combinación ganadora Las barras representan la mejora con respecto al original
  94. 94. Curso Google AnalyticsInterpretando resultados Parte 4 Pestaña de combinaciones Porcentaje de mejora obtenido Probabilidad de mejorar La versión original Relación conversiones visitas
  95. 95. Curso Google AnalyticsInterpretando resultados Parte 4 Pestaña de secciones Para todas las variantes probadas para una variable,Impacto de un determinado elemento estas barras nos indican en las conversiones cómo se ha comportado cada una de ellas. En este caso, la cabecera testeada no tuvo impacto en las conversiones
  96. 96. Curso Google AnalyticsInterpretando resultados Parte 4 http://whichtestwon.com
  97. 97. Curso Google AnalyticsInterpretando resultados Parte 4 http://whichtestwon.com
  98. 98. Curso Google AnalyticsInterpretando resultados Parte 4 http://whichtestwon.com
  99. 99. Curso Google Analytics Parte 4Contactos:Enric QuinteroEmail: enric@metriplica.com @enricquinteroMetriplica (HeadQuarters):Plaça Tirant Lo Blanc, 708005 BarcelonaTelf: 93 224.04.84SanAgustín 12, 2º280414 MadridTelf: 91 429.98.68www.metriplica.com

×