Cuadros de mando y KPI¶

Ejercicio dashboards-and-kpis-annex.pdf · PDF

Estás en plena pelea contra un jefe. ¿Cuánta vida te queda? Lo sabes sin parar: un vistazo a la esquina de la pantalla, medio segundo y de vuelta al combate. Nadie abre un menú y lee una tabla para saber si está a punto de morir.

En la Unidad 3 construiste gráficos: uno de barras, uno de líneas, un histograma, un diagrama de dispersión, uno de sectores, un mapa de calor. Cada uno vive en su propia página de Superset. Ahora imagina a un jefe con 30 segundos libres. ¿Abre siete pestañas? No. Necesita una pantalla que le diga lo que importa. Esa pantalla es un cuadro de mando (dashboard), y vale el 60% de tu nota de RA3.

Un cuadro de mando es el HUD de tus datos¶

Todo el curso hemos comparado este módulo con un juego de crafteo: obtienes materiales, los preparas, los analizas y, al final, los representas. En un juego, esa última fase tiene nombre: el HUD (heads-up display), la capa dibujada sobre el juego con la barra de vida, el minimapa y el contador de munición.

¿Por qué la barra de vida es una barra en la esquina y no una tabla dentro de un menú? Porque tienes que leerla sin dejar de jugar. Un cuadro de mando tiene exactamente el mismo trabajo.

Un cuadro de mando es una única pantalla que agrupa los pocos gráficos y números que necesita una audiencia para seguir un tema y actuar en consecuencia.

Lee esa definición despacio. Cada pieza es una regla:

Esto no es un invento de clase. En 2004 el autor de visualización de datos Stephen Few escribió un artículo titulado Dashboard Confusion porque cada empresa de software usaba la palabra para algo distinto. Su definición se convirtió en la estándar: un cuadro de mando es "una presentación visual de la información más importante necesaria para lograr uno o más objetivos, consolidada en una única pantalla de ordenador para poder monitorizarla de un vistazo". Los mismos ingredientes: la información más importante, una pantalla, un vistazo.

Tres preguntas antes de dibujar nada¶

Un diseñador de juegos no empieza dibujando barras. Empieza preguntándose qué necesita saber el jugador mientras pelea. Antes de abrir Superset, responde a tres preguntas. En clase las respondemos para nuestro ejemplo de referencia, un cuadro de mando llamado Steam market construido sobre la tabla games_clean, el catálogo de Steam limpio de la Unidad 2.

La audiencia es la persona o el grupo concreto para quien se hace el cuadro de mando. El propósito es la decisión que el cuadro de mando ayuda a tomar a esa audiencia.

Si cambias la audiencia, cambia el cuadro de mando, aunque los datos sean los mismos. A un periodista que escribe sobre la historia de Steam no le importa el precio de lanzamiento. Quiere el crecimiento del catálogo, en primer plano. Misma tabla, distinto HUD.

Orden de lectura: tres franjas¶

¿Dónde pones las cosas? No donde quepan. Quien lee de izquierda a derecha empieza por la esquina superior izquierda, así que esa esquina es el sitio más caro de la pantalla. Gástala en lo más importante.

Divide la pantalla vacía en tres franjas horizontales:

El lector que tiene cinco segundos lee solo la franja superior y aun así se lleva lo esencial. El que tiene un minuto baja a la franja media. Solo los curiosos llegan a la inferior.

Este es el plan para Steam market, tal como lo esbozarías en papel:

flowchart TB
    subgraph TOP ["<b>Franja superior</b>: los KPI (vida y munición)"]
        direction LR
        K1["<b>Juegos</b><br>26,685"] ~~~ K2["<b>Proporción gratis</b><br>11.6%"] ~~~ K3["<b>Precio mediano</b><br>4.99"] ~~~ K4["<b>Éxitos</b><br>623"]
    end
    subgraph MID ["<b>Franja media</b>: tendencias y comparaciones (el minimapa)"]
        direction LR
        M1["<b>Gráfico de líneas</b><br>juegos publicados por año"] ~~~ M2["<b>Gráfico de barras o de sectores</b><br>juegos por tramo de precio"]
    end
    subgraph BOT ["<b>Franja inferior</b>: detalle (el inventario)"]
        direction LR
        B1["<b>Histograma</b><br>cómo se distribuyen los precios"] ~~~ B2["<b>Diagrama de dispersión</b><br>precio frente a Metascore"]
    end
    TOP --> MID --> BOT

¿Cuántos gráficos?¶

Pocos. La regla práctica de este curso: una pantalla, como máximo 8 gráficos, y cada uno se gana su sitio.

Fíjate en lo que falta en el plan de arriba: el mapa de calor de la Unidad 3. Es un gráfico perfectamente bueno. Pero no ayuda a un estudio a elegir un precio, así que se queda fuera. Dejar fuera un buen gráfico es la parte más difícil del trabajo, y la que hace legible todo lo demás.

KPI: números con trabajo¶

La franja superior contiene los KPI. La palabra suena a jerga empresarial, pero la idea es sencilla.

Un KPI (key performance indicator, indicador clave de rendimiento) es un número con una definición, una unidad y una decisión detrás.

Tu barra de vida es un KPI. Definición: puntos de vida que quedan sobre el máximo. Unidad: puntos. Decisión: por debajo del 20%, dejas de atacar y te curas. Quita cualquiera de las tres y solo es un número en la pantalla.

¿Es "juegos: 26,685" un KPI para nuestro estudio indie? Por sí solo es contexto: dice lo grande que es el mercado, y es útil leerlo primero. Pero "precio mediano: 4.99" es el KPI de verdad. Le dice al estudio dónde poner el precio.

Aquí tienes los cuatro números de la franja superior, cada uno con su fórmula. Un KPI sin su fórmula escrita al lado no es de fiar, porque nadie sabe qué se contó.

Un éxito (hit) aquí es un juego con al menos un millón de propietarios. Es el valor Hit de la columna owners_tier que construiste en la Unidad 2 (Categorización).

Puedes comprobar los cuatro en una sola consulta en SQL Lab:

SELECT COUNT(*) AS games,
       ROUND(AVG(is_free::int), 3) AS free_share,
       PERCENTILE_CONT(0.5) WITHIN GROUP (ORDER BY price) AS median_price,
       COUNT(*) FILTER (WHERE owners_tier = 'Hit') AS hits
FROM games_clean;

is_free es una columna verdadero/falso. ::int convierte verdadero en 1 y falso en 0, así que la media de la columna es la proporción de juegos gratis: 0.116, es decir, el 11.6% (3,094 juegos de 26,685).

Dos KPI que pueden mentir¶

Un KPI es un número, enorme, sin nada alrededor. Eso lo hace potente y peligroso: no hay eje, ni forma, nada que avise al lector. Dos trampas de nuestros propios datos.

La media que no es típica. ¿Por qué el precio mediano, 4.99, y no la media? El precio medio en games_clean es 7.91. Viste el motivo en Estadística exploratoria: el precio está sesgado. Unos pocos productos muy caros (el más caro cuesta 595.99) arrastran la media hacia arriba. La mitad de los juegos cuesta 4.99 o menos. Un estudio que fijara el precio "en la media" estaría por encima de la mayoría de sus rivales.

La media que esconde su base. La Metascore media de la tabla es 71.9. Parece una nota de calidad de Steam. Pero ejecuta esto:

SELECT ROUND(AVG(metascore)::numeric, 1) AS avg_metascore,
       COUNT(metascore) AS rated,
       COUNT(*) AS games
FROM games_clean;

Solo 2,849 juegos tienen Metascore: el 10.7% del catálogo. Y no son una muestra aleatoria. Son los juegos que recibieron suficientes reseñas profesionales como para tener nota. Así que 71.9 describe a esos juegos, no a Steam.

Pruébalo: primero un boceto en papel¶

Todavía no hay Superset. Los profesionales bocetan los cuadros de mando en papel porque el papel es rápido y nadie se enamora de un estuche de lápices. Coge una hoja, apaisada, y un lápiz.

El boceto está terminado cuando tiene la audiencia, el propósito, cuatro cajas de KPI con fórmulas, como máximo cinco cajas de gráficos con una pregunta cada una y un gráfico descartado con su motivo.

El dataset que hay detrás de todo esto está en la página de Recursos.

Ideas clave¶

• Un cuadro de mando es una única pantalla con los pocos gráficos y números que una audiencia necesita para seguir un tema y actuar en consecuencia. Es el HUD de tus datos.
• Un cuadro de mando no es una galería. Parte de la pregunta del lector y deja gráficos fuera: como máximo 8 en una pantalla.
• Antes de dibujar, responde a tres preguntas: quién lo lee, para qué, con qué frecuencia.
• Ordena la pantalla en tres franjas: KPI arriba (el ojo empieza arriba a la izquierda), tendencias y comparaciones en medio, detalle abajo.
• Un KPI es un número con una definición, una unidad y una decisión. Escribe su fórmula al lado.
• Los KPI pueden mentir: con datos sesgados usa la mediana (4.99), no la media (7.91), y muestra siempre la base de una media (n = 2,849).

Comprobación rápida¶

Ya tienes un plan en papel y cuatro KPI con sus fórmulas. Es hora de hacerlo realidad: a continuación, Construir un cuadro de mando en Superset.