El poder del dashboard
Errores comunes a evitar
@gemamora
6 de febrero de 2014

III MadridGeekGirls Hub
Medición

Análisis

• Herramientas
• Recopilación de datos

• Explotación de la información
• Convertir datos en conocimie...
•  Has vivido literalmente un infierno implementando
la herramienta
•  Te has esforzado para que la recopilación de los
da...
No tires por la borda todo tu trabajo comunicando
información que no aporta ningún valor, transmite lo que
realmente inter...
Un dashboard es un panel que contiene los
elementos más importantes de información
necesarios para conseguir uno o más obj...
Un dashboard transmitirá bien la información si sigue
la regla de las 3 W’s:
What? - Qué está pasando: CONTEXTO
Why? - Por...
Para diseñar un dashboard, pensar que el objetivo
principal es que solo sea necesario un rápido vistazo
para que el usuari...
Error #1
Exceder el tamaño de pantalla única: Datos mostrados en fragmentos, difícil percibir
el conjunto

#MGGhub

@gemam...
Error #2
No proporcionar el contexto adecuado de los datos.

Comparar con otros periodos, mostrar tendencias… el contexto ...
Error #3
Elegir la gráfica inadecuada: confunde a la hora de leer la información

La primera norma de usabilidad de “no me...
Error #4
Exceso de detalles 10.957.693,79 € / 10.957.694 € / 10,9M €

El objetivo de un dashboard es el de presentar infor...
Error #5
Escoger métricas deficientes

Una métrica es deficiente cuando requiere interpretación.

#MGGhub

@gemamora
Error #6
Diseño pobre

Diseñar claro, de manera eficiente y sin distracciones. El uso del 3D no se recomienda

#MGGhub

@g...
Error #7
Estructuración pobre

Los datos más importantes han de destacar sobre el resto.
Los indicadores deben ser claros ...
Error #8
Organización casual y poco adaptada a su uso

Si todo está destacado del mismo modo, no sabemos dónde enfocarnos
...
Error #9
Demasiados indicadores en el mismo gráfico

Hace que el dashboard sea difícil de leer

#MGGhub

@gemamora
Error #10
Saturar la pantalla con decoración inútil:

Los velocímetros en la práctica son ineficientes ya que para present...
Error #11
Mal uso del COLOR (exceso o defecto)

El color cuando está bien utilizado, resalta la importancia de los indicad...
Error #12
No enfocar contenido y lenguaje a un público objetivo claro y limitado

•  Hablar de coeficientes de correlación...
Error #13
Mala ubicación de los indicadores en la pantalla

Máxima
relevancia

Relevancia
media

Relevancia
media

Mínima
...
#MGGhub

@gemamora
¡MUCHAS GRACIAS! 
@gemamora

#MGGhub

@gemamora
El poder del dashboard
Recomendaciones para nuestros cuadros de mandos
@paula_sanchez
6 de febrero de 2014
REPORTING

Sólo son datos

DASHBOARD

KPIs & Objetivos
Acciones & Recomendaciones
Visual & Tendencia
Claves de negocio
¿Cómo empezamos a contruír
nuestro Dashboard?
¿Para qué?
¿Para qué
quieres un
dashboard?

PREGUNTAR!!!
¿Para quién?
¿Responsable SEO?
¿Directivo?
¿Financiero?
¿Qué cargo
ocupaba?
¿Esta familiarizado
con las métricas?
PREGUNTA...
Conocer el negocio y el contexto

No todo ocurre en la web
Conocer el histórico y auditar
datos

¿Qué datos se reportaban hasta ahora? ¿Cómo son? ¿Dispongo de todos los datos?
¿Por qué existe la web y el
negocio?
CONSTRUYENDO
NUESTRO
DASHBOARD
1. Elegimos nuestros KPIs y
métricas en función de los
OBJETIVOS de negocio.

Fuente: Avinash Kaushik
2. ¿Cómo muestro esos datos?
•  Tendencia / Evolución
•  Segmentar
•  Que va bien y que va mal
•  Qué quiero destacar
•  F...
3. Orientados a recomendaciones y
acciones concretas.
¿QUÉ HAGO MAL?

¿QUÉ HAGO BIEN?

¿QUÉ HAGO MUY BIEN?
¿Lo puedo hacer...
Siendo esas acciones sobre:
•  Fuentes de tráfico
•  Páginas de la web
–  Páginas de entrada, de producto,
la home …
–  Ca...
Cuando ya tenemos todo claro,
empezamos a pintar el
dashboard…
Hacemos un boceto
Teniendo en cuenta zonas de
prioridad

Fuente: Reserachs at the
Poynter Institute´s
Eyetracker
Buscar el equilibrio de datos
(Hacer 3 veces este ejercicio)

•  Tan malo el exceso de datos como la falta
de datos.
– ¿Qu...
Automatizar al 100%
•  Hay muchas herramientas: probamos y
nos quedamos con una
– Supermetrics
– Next Analytics
– Data Gra...
Una sóla pantalla : evitar scroll
•  Tengo que facilitar la comparación.
•  Volver a revisar que datos son
imprescindibles...
Elección adecuada de gráficos
Personalizar
Al igual que la belleza está en el
interior, lo importante es el
contenido!
Recomendaciones de formato
Formatos de números
•  Usar puntos para separar miles
•  Si hablamos de porcentaje %
•  Los decimales un solo número (salv...
Colores
•  Respetar convenciones: rojo, verde,
amarillo.
•  Evitar degradados, sombras, 3D.
•  Evitar colores parecidos en...
¿Qué se hace con el
dashboard?
•  Imprime: en una hoja tiene que salir, o
bien con una macro o bien definiendo el
área de ...
Sencillez
•  Cuanto más sencillo
sea todo mejor
(eliminar bordes,
etiquetas dobles).
Olvidar datos
superfluos.

•  La senc...
Ejemplos
Modelo de Dashboard

Fuente: Jennifer Veesenmeyer
Visualizaciones

Fuente: chandoo
Fuente: inmeria

Fuente: chandoo
Botones de formulario en EXCEL

Me puede ayudar a
comparar

No puedo comparar!
Uso de alertas

Fuente: chandoo
Un mismo gráfico…
Indicar lo importante

Campaña TV
(aumento marca)
Y sobre todo…
•  Revisar muchos dashboards creados para
otras personas para coger IDEAS
Bibliografía
•  http://chandoo.org/
•  Information Dashboard Design de Stephen
Few.
•  Excel Dashboard y Reportes de Micha...
El poder del dashboard
Reporting con Sweetspot
@ana_sopli
6 de febrero de 2014
#MGGHub
Antes de empezar a construir un cuadro de mando…
• Definir que métricas e indicadores incluiremos.
• Averiguar de dónde sa...
Analítica web

Social Media

#MGGHub

mailing
Base de datos

Apps

#MGGHub

Campañas
¿Nos interesa la información por separado o agregada?
Depende…
•  Tipo del reporte
•  Destinatario
•  Objetivo de reporte
...
Un agregador de fuentes puede facilitarnos la vida en el reporting:
•  Ahorra tiempo
•  Elimina el error humano
•  Evita l...
Además incluye:
• Fuentes de datos predefinidas
• Perfiles para distintos usuarios
• Timeline
• Workflow
• Customización d...
Panel

#MGGHub
Comentarios y time line

#MGGHub
Workflow

#MGGHub
Administración: fuentes

#MGGHub
Administración: definición de indicadores

#MGGHub
http://www.sweetspotintelligence.com/en
training@ypg.com

#MGGHub
Adiós excel…

#MGGHub
III MGGHUB - El poder del dashboard - Analítica web
Próxima SlideShare
Cargando en…5
×

III MGGHUB - El poder del dashboard - Analítica web

2.482 visualizaciones

Publicado el

Presentación del III MGGhub de @MadridGeekGirls
http://www.madridgeekgirls.es

Publicado en: Marketing

III MGGHUB - El poder del dashboard - Analítica web

  1. 1. El poder del dashboard Errores comunes a evitar @gemamora 6 de febrero de 2014 III MadridGeekGirls Hub
  2. 2. Medición Análisis • Herramientas • Recopilación de datos • Explotación de la información • Convertir datos en conocimiento • Requerimientos y objetivos de negocio • Establecimiento metas y KPIs Reporting • Visualización y presentación: dashboard / delivery #MGGhub @gemamora
  3. 3. •  Has vivido literalmente un infierno implementando la herramienta •  Te has esforzado para que la recopilación de los datos sea correcta •  Has trabajado duro para extraer conocimiento de toda la información obtenida… Aunque hayas hecho un buen análisis, ¡fracasarás si no lo transmites bien! #MGGhub @gemamora
  4. 4. No tires por la borda todo tu trabajo comunicando información que no aporta ningún valor, transmite lo que realmente interesa para el negocio. Tu jefe no quiere que le digas cuantas visitas tiene la web de tu empresa, además quiere saber que las visitas han crecido un 12% en lo que va de año y un 5% sobre el mes anterior y que el crecimiento se debe a las mejoras en posicionamiento en buscadores… necesita insights “Eloquence through simplicity” #MGGhub @gemamora
  5. 5. Un dashboard es un panel que contiene los elementos más importantes de información necesarios para conseguir uno o más objetivos; consolidado y creado como una única pantalla donde toda la información puede ser revisada de un vistazo. Stephen Few #MGGhub @gemamora
  6. 6. Un dashboard transmitirá bien la información si sigue la regla de las 3 W’s: What? - Qué está pasando: CONTEXTO Why? - Por qué puede estar pasando: MOTIVO What now? - Cómo podemos arreglarlo: MEJORA #MGGhub @gemamora
  7. 7. Para diseñar un dashboard, pensar que el objetivo principal es que solo sea necesario un rápido vistazo para que el usuario pueda interpretar el estado general del negocio. Cuanto más tiempo se requiera para interpretar el dashboard, más deficiente es su diseño. Leer un dashboard no debe llevar más de 5 minutos. Estos son varios errores que se observan en la creación de dashboards: #MGGhub @gemamora
  8. 8. Error #1 Exceder el tamaño de pantalla única: Datos mostrados en fragmentos, difícil percibir el conjunto #MGGhub @gemamora
  9. 9. Error #2 No proporcionar el contexto adecuado de los datos. Comparar con otros periodos, mostrar tendencias… el contexto nos guía hacia la acción. #MGGhub @gemamora
  10. 10. Error #3 Elegir la gráfica inadecuada: confunde a la hora de leer la información La primera norma de usabilidad de “no me hagas pensar” también es aplicable a la visualización de datos. #MGGhub @gemamora
  11. 11. Error #4 Exceso de detalles 10.957.693,79 € / 10.957.694 € / 10,9M € El objetivo de un dashboard es el de presentar información general y no los detalles.. #MGGhub @gemamora
  12. 12. Error #5 Escoger métricas deficientes Una métrica es deficiente cuando requiere interpretación. #MGGhub @gemamora
  13. 13. Error #6 Diseño pobre Diseñar claro, de manera eficiente y sin distracciones. El uso del 3D no se recomienda #MGGhub @gemamora
  14. 14. Error #7 Estructuración pobre Los datos más importantes han de destacar sobre el resto. Los indicadores deben ser claros y fomentar la comparación si cabe Los ojos deben ir a los datos importantes. #MGGhub @gemamora
  15. 15. Error #8 Organización casual y poco adaptada a su uso Si todo está destacado del mismo modo, no sabemos dónde enfocarnos #MGGhub @gemamora
  16. 16. Error #9 Demasiados indicadores en el mismo gráfico Hace que el dashboard sea difícil de leer #MGGhub @gemamora
  17. 17. Error #10 Saturar la pantalla con decoración inútil: Los velocímetros en la práctica son ineficientes ya que para presentar un solo indicador consumen mucho espacio y visualmente es difícil compararlos, contaminan visualmente al dashboard. #MGGhub @gemamora
  18. 18. Error #11 Mal uso del COLOR (exceso o defecto) El color cuando está bien utilizado, resalta la importancia de los indicadores. Un mal uso en la selección y aplicación de colores hace que el dashboard sea incomprensible. #MGGhub @gemamora
  19. 19. Error #12 No enfocar contenido y lenguaje a un público objetivo claro y limitado •  Hablar de coeficientes de correlación no es práctico •  Hablar de años cuando el equipo piensa en meses no es práctico •  Hablar de céntimos cuando facturamos miles de euros #MGGhub @gemamora
  20. 20. Error #13 Mala ubicación de los indicadores en la pantalla Máxima relevancia Relevancia media Relevancia media Mínima relevancia La parte superior izquierda es la más importante, mientras que la parte inferior derecha es la menos vista. Los indicadores más importantes de un dashboard ocuparán la parte superior izquierda. #MGGhub @gemamora
  21. 21. #MGGhub @gemamora
  22. 22. ¡MUCHAS GRACIAS!  @gemamora #MGGhub @gemamora
  23. 23. El poder del dashboard Recomendaciones para nuestros cuadros de mandos @paula_sanchez 6 de febrero de 2014
  24. 24. REPORTING Sólo son datos DASHBOARD KPIs & Objetivos Acciones & Recomendaciones Visual & Tendencia Claves de negocio
  25. 25. ¿Cómo empezamos a contruír nuestro Dashboard?
  26. 26. ¿Para qué? ¿Para qué quieres un dashboard? PREGUNTAR!!!
  27. 27. ¿Para quién? ¿Responsable SEO? ¿Directivo? ¿Financiero? ¿Qué cargo ocupaba? ¿Esta familiarizado con las métricas? PREGUNTAR Y COTILLEAR (linkedin)
  28. 28. Conocer el negocio y el contexto No todo ocurre en la web
  29. 29. Conocer el histórico y auditar datos ¿Qué datos se reportaban hasta ahora? ¿Cómo son? ¿Dispongo de todos los datos?
  30. 30. ¿Por qué existe la web y el negocio?
  31. 31. CONSTRUYENDO NUESTRO DASHBOARD
  32. 32. 1. Elegimos nuestros KPIs y métricas en función de los OBJETIVOS de negocio. Fuente: Avinash Kaushik
  33. 33. 2. ¿Cómo muestro esos datos? •  Tendencia / Evolución •  Segmentar •  Que va bien y que va mal •  Qué quiero destacar •  Factores han influido en eso
  34. 34. 3. Orientados a recomendaciones y acciones concretas. ¿QUÉ HAGO MAL? ¿QUÉ HAGO BIEN? ¿QUÉ HAGO MUY BIEN? ¿Lo puedo hacer mejor? TESTAR CAMBIAR PROBAR
  35. 35. Siendo esas acciones sobre: •  Fuentes de tráfico •  Páginas de la web –  Páginas de entrada, de producto, la home … –  Carrito de compra –  Formularios •  Segmento determinado •  Negocio
  36. 36. Cuando ya tenemos todo claro, empezamos a pintar el dashboard…
  37. 37. Hacemos un boceto
  38. 38. Teniendo en cuenta zonas de prioridad Fuente: Reserachs at the Poynter Institute´s Eyetracker
  39. 39. Buscar el equilibrio de datos (Hacer 3 veces este ejercicio) •  Tan malo el exceso de datos como la falta de datos. – ¿Qué datos no he tenido en cuenta en mis RECOMENDACIONES y están en MI DASHBOARD? – ¿Qué datos que he necesitado para mis RECOMENDACIONES no están en mi DASHBOARD?
  40. 40. Automatizar al 100% •  Hay muchas herramientas: probamos y nos quedamos con una – Supermetrics – Next Analytics – Data Grabber – Excellent – Kanvas Analytics
  41. 41. Una sóla pantalla : evitar scroll •  Tengo que facilitar la comparación. •  Volver a revisar que datos son imprescindibles y cuales no. •  Reducir tamaños de letra, separaciones …
  42. 42. Elección adecuada de gráficos Personalizar
  43. 43. Al igual que la belleza está en el interior, lo importante es el contenido!
  44. 44. Recomendaciones de formato
  45. 45. Formatos de números •  Usar puntos para separar miles •  Si hablamos de porcentaje % •  Los decimales un solo número (salvo cantidades muy pequeñas) •  Si no hay datos, evitar el #N/A #VALOR
  46. 46. Colores •  Respetar convenciones: rojo, verde, amarillo. •  Evitar degradados, sombras, 3D. •  Evitar colores parecidos en gráficos y colores pasteles que no se ven si no se proyectan.
  47. 47. ¿Qué se hace con el dashboard? •  Imprime: en una hoja tiene que salir, o bien con una macro o bien definiendo el área de impresión •  Proyecta: hay colores que no se ven bien en los proyectores
  48. 48. Sencillez •  Cuanto más sencillo sea todo mejor (eliminar bordes, etiquetas dobles). Olvidar datos superfluos. •  La sencillez es clave: “Simplificar, simplificar y simplicar” –Stephen Few
  49. 49. Ejemplos
  50. 50. Modelo de Dashboard Fuente: Jennifer Veesenmeyer
  51. 51. Visualizaciones Fuente: chandoo Fuente: inmeria Fuente: chandoo
  52. 52. Botones de formulario en EXCEL Me puede ayudar a comparar No puedo comparar!
  53. 53. Uso de alertas Fuente: chandoo
  54. 54. Un mismo gráfico…
  55. 55. Indicar lo importante Campaña TV (aumento marca)
  56. 56. Y sobre todo… •  Revisar muchos dashboards creados para otras personas para coger IDEAS
  57. 57. Bibliografía •  http://chandoo.org/ •  Information Dashboard Design de Stephen Few. •  Excel Dashboard y Reportes de Michael Alexander
  58. 58. El poder del dashboard Reporting con Sweetspot @ana_sopli 6 de febrero de 2014
  59. 59. #MGGHub
  60. 60. Antes de empezar a construir un cuadro de mando… • Definir que métricas e indicadores incluiremos. • Averiguar de dónde sale la información. #MGGHub
  61. 61. Analítica web Social Media #MGGHub mailing
  62. 62. Base de datos Apps #MGGHub Campañas
  63. 63. ¿Nos interesa la información por separado o agregada? Depende… •  Tipo del reporte •  Destinatario •  Objetivo de reporte #MGGHub
  64. 64. Un agregador de fuentes puede facilitarnos la vida en el reporting: •  Ahorra tiempo •  Elimina el error humano •  Evita los e-mails con pesados adjuntos #MGGHub
  65. 65. Además incluye: • Fuentes de datos predefinidas • Perfiles para distintos usuarios • Timeline • Workflow • Customización del interfaz #MGGHub
  66. 66. Panel #MGGHub
  67. 67. Comentarios y time line #MGGHub
  68. 68. Workflow #MGGHub
  69. 69. Administración: fuentes #MGGHub
  70. 70. Administración: definición de indicadores #MGGHub
  71. 71. http://www.sweetspotintelligence.com/en training@ypg.com #MGGHub
  72. 72. Adiós excel… #MGGHub

×