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

1. El poder del dashboard
Errores comunes a evitar
@gemamora
6 de febrero de 2014
III MadridGeekGirls Hub

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. • 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. 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. 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. 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. 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. Error #1
Exceder el tamaño de pantalla única: Datos mostrados en fragmentos, difícil percibir
el conjunto
#MGGhub
@gemamora

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. 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. 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. Error #5
Escoger métricas deficientes
Una métrica es deficiente cuando requiere interpretación.
#MGGhub
@gemamora

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. 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. 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. Error #9
Demasiados indicadores en el mismo gráfico
Hace que el dashboard sea difícil de leer
#MGGhub
@gemamora

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. 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. 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. 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. #MGGhub
@gemamora

22. ¡MUCHAS GRACIAS! 
@gemamora
#MGGhub
@gemamora

23. El poder del dashboard
Recomendaciones para nuestros cuadros de mandos
@paula_sanchez
6 de febrero de 2014

24. REPORTING
Sólo son datos
DASHBOARD
KPIs & Objetivos
Acciones & Recomendaciones
Visual & Tendencia
Claves de negocio

25. ¿Cómo empezamos a contruír
nuestro Dashboard?

26. ¿Para qué?
¿Para qué
quieres un
dashboard?
PREGUNTAR!!!

27. ¿Para quién?
¿Responsable SEO?
¿Directivo?
¿Financiero?
¿Qué cargo
ocupaba?
¿Esta familiarizado
con las métricas?
PREGUNTAR Y COTILLEAR (linkedin)

28. Conocer el negocio y el contexto
No todo ocurre en la web

29. Conocer el histórico y auditar
datos
¿Qué datos se reportaban hasta ahora? ¿Cómo son? ¿Dispongo de todos los datos?

30. ¿Por qué existe la web y el
negocio?

31. CONSTRUYENDO
NUESTRO
DASHBOARD

32. 1. Elegimos nuestros KPIs y
métricas en función de los
OBJETIVOS de negocio.
Fuente: Avinash Kaushik

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. 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. 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. Cuando ya tenemos todo claro,
empezamos a pintar el
dashboard…

37. Hacemos un boceto

38. Teniendo en cuenta zonas de
prioridad
Fuente: Reserachs at the
Poynter Institute´s
Eyetracker

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. Automatizar al 100%
• Hay muchas herramientas: probamos y
nos quedamos con una
– Supermetrics
– Next Analytics
– Data Grabber
– Excellent
– Kanvas Analytics

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. Elección adecuada de gráficos
Personalizar

43. Al igual que la belleza está en el
interior, lo importante es el
contenido!

45. Recomendaciones de formato

46. 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

47. 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.

48. ¿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

49. 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

50. Ejemplos

51. Modelo de Dashboard
Fuente: Jennifer Veesenmeyer

52. Visualizaciones
Fuente: chandoo
Fuente: inmeria
Fuente: chandoo

53. Botones de formulario en EXCEL
Me puede ayudar a
comparar
No puedo comparar!

54. Uso de alertas
Fuente: chandoo

55. Un mismo gráfico…

56. Indicar lo importante
Campaña TV
(aumento marca)

57. Y sobre todo…
• Revisar muchos dashboards creados para
otras personas para coger IDEAS

58. Bibliografía
• http://chandoo.org/
• Information Dashboard Design de Stephen
Few.
• Excel Dashboard y Reportes de Michael
Alexander

59. El poder del dashboard
Reporting con Sweetspot
@ana_sopli
6 de febrero de 2014

60. #MGGHub

61. 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

62. Analítica web
Social Media
#MGGHub
mailing

63. Base de datos
Apps
#MGGHub
Campañas

64. ¿Nos interesa la información por separado o agregada?
Depende…
• Tipo del reporte
• Destinatario
• Objetivo de reporte
#MGGHub

65. 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

66. Además incluye:
• Fuentes de datos predefinidas
• Perfiles para distintos usuarios
• Timeline
• Workflow
• Customización del interfaz
#MGGHub

67. Panel
#MGGHub

68. Comentarios y time line
#MGGHub

69. Workflow
#MGGHub

70. Administración: fuentes
#MGGHub

71. Administración: definición de indicadores
#MGGHub

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

73. Adiós excel…
#MGGHub