Quadres de comandament i KPI¶

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

Ets enmig d'una lluita contra un cap final. Quanta vida et queda? Ho saps sense aturar-te: una mirada a la cantonada de la pantalla, mig segon, i tornes al combat. Ningú no obre un menú ni llegeix una taula per saber si està a punt de morir.

A la Unitat 3 vas construir gràfics: de barres, de línies, un histograma, un diagrama de dispersió, un gràfic de sectors, un mapa de calor. Cadascun viu a la seva pròpia pàgina de Superset. Ara imagina un cap que només té 30 segons. Obre set pestanyes? No. Necessita una sola pantalla que li digui què importa. Aquesta pantalla és un quadre de comandament (dashboard), i val el 60% de la teva nota de l'RA3.

Un quadre de comandament és el HUD de les teves dades¶

Tot l'any hem comparat aquest mòdul amb un joc de crafting: obtens materials, els prepares, els analitzes i, al final, els representes. En un joc, aquesta darrera etapa té nom: el HUD (heads-up display), la capa dibuixada damunt del joc amb la barra de vida, el minimapa i el comptador de munició.

Per què la barra de vida és una barra a la cantonada i no una taula dins d'un menú? Perquè l'has de llegir sense deixar de jugar. Un quadre de comandament té exactament la mateixa feina.

Un quadre de comandament és una única pantalla que agrupa els pocs gràfics i números que una audiència necessita per seguir un tema i actuar-hi.

Llegeix aquesta definició a poc a poc. Cada peça és una regla:

Això no és cap invent d'aula. El 2004 l'autor de visualització de dades Stephen Few va escriure un article titulat Dashboard Confusion perquè cada empresa de programari feia servir la paraula per a una cosa diferent. La seva definició es va convertir en l'estàndard: un quadre de comandament és "una presentació visual de la informació més important necessària per assolir un o més objectius, consolidada en una única pantalla d'ordinador perquè es pugui monitorar d'un cop d'ull". Mateixos ingredients: la informació més important, una pantalla, una mirada.

Tres preguntes abans de dibuixar res¶

Un dissenyador de jocs no comença dibuixant barres. Comença preguntant què necessita saber el jugador mentre lluita. Abans d'obrir Superset, respon tres preguntes. A classe les responem per al nostre exemple de treball, un quadre de comandament anomenat Steam market construït sobre la taula games_clean, el catàleg de Steam netejat a la Unitat 2.

L'audiència és la persona o el grup concret per als quals es fa el quadre de comandament. El propòsit és la decisió que el quadre de comandament ajuda aquesta audiència a prendre.

Canvia l'audiència i el quadre de comandament canvia, encara que les dades siguin les mateixes. A un periodista que escriu sobre la història de Steam no li importa un preu de llançament. Vol el creixement del catàleg, ben al centre. Mateixa taula, HUD diferent.

Ordre de lectura: tres franges¶

On poses les coses? No allà on càpiguen. Qui llegeix d'esquerra a dreta comença per la cantonada superior esquerra, així que aquesta cantonada és el lloc més car de la pantalla. Gasta-la en el més important.

Divideix la pantalla buida en tres franges horitzontals:

Qui té cinc segons només llegeix la franja superior i tot i així se'n va amb l'essencial. Qui té un minut baixa fins al mig. Només els curiosos arriben a baix.

Aquest és el pla de Steam market, tal com el faries d'esbós sobre paper:

flowchart TB
    subgraph TOP ["<b>Franja superior</b>: els KPI (vida i munició)"]
        direction LR
        K1["<b>Jocs</b><br>26,685"] ~~~ K2["<b>Proporció gratuïts</b><br>11.6%"] ~~~ K3["<b>Mediana del preu</b><br>4.99"] ~~~ K4["<b>Èxits</b><br>623"]
    end
    subgraph MID ["<b>Franja central</b>: tendències i comparacions (el minimapa)"]
        direction LR
        M1["<b>Gràfic de línies</b><br>jocs publicats per any"] ~~~ M2["<b>Gràfic de barres o de sectors</b><br>jocs per franja de preu"]
    end
    subgraph BOT ["<b>Franja inferior</b>: detall (l'inventari)"]
        direction LR
        B1["<b>Histograma</b><br>com es distribueixen els preus"] ~~~ B2["<b>Diagrama de dispersió</b><br>preu contra Metascore"]
    end
    TOP --> MID --> BOT

Quants gràfics?¶

Pocs. La regla pràctica d'aquest curs: una pantalla, com a màxim 8 gràfics, i cadascun s'ha de guanyar el lloc.

Fixa't en el que falta al pla de dalt: el mapa de calor de la Unitat 3. És un gràfic perfectament bo. Però no ajuda un estudi a triar un preu, així que es queda fora. Deixar fora un bon gràfic és la part més difícil de la feina, i la que fa llegible la resta.

KPI: números amb feina¶

La franja superior té els KPI. La paraula sona a argot d'empresa, però la idea és senzilla.

Un KPI (key performance indicator, indicador clau de rendiment) és un número amb una definició, una unitat i una decisió al darrere.

La teva barra de vida és un KPI. Definició: punts de vida que queden sobre el màxim. Unitat: punts. Decisió: per sota del 20%, deixes d'atacar i et cures. Treu qualsevol de les tres coses i només és un número a la pantalla.

"Jocs: 26,685" és un KPI per al nostre estudi indie? Per si sol és context: diu quin és el mida del mercat, i és útil llegir-ho primer. Però "mediana del preu: 4.99" és el KPI de debò. Diu a l'estudi on ha de fixar el preu.

Aquí tens els quatre números de la franja superior, cadascun amb la seva fórmula. Un KPI sense la fórmula escrita al costat no es pot fiar, perquè ningú no sap què s'ha comptat.

Un èxit (hit) aquí és un joc amb almenys un milió de propietaris. És el valor Hit de la columna owners_tier que vas construir a la Unitat 2 (Categorització).

Pots comprovar els quatre en una sola consulta a 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 és una columna de cert/fals. ::int converteix cert en 1 i fals en 0, així que la mitjana de la columna és la proporció de jocs gratuïts: 0.116, és a dir 11.6% (3,094 jocs de 26,685).

Dos KPI que poden mentir¶

Un KPI és un sol número, enorme, sense res al voltant. Això el fa poderós, i perillós: no hi ha eix, ni forma, ni res que avisi el lector. Dues trampes de les nostres pròpies dades.

La mitjana que no és típica. Per què la mediana del preu, 4.99, i no la mitjana? El preu mitjà a games_clean és 7.91. El motiu ja el vas veure a Estadística exploratòria: el preu és asimètric. Uns quants productes molt cars (el més car costa 595.99) arrosseguen la mitjana cap amunt. La meitat de tots els jocs costen 4.99 o menys. Un estudi que fixés el preu "a la mitjana" quedaria per sobre de la majoria dels seus rivals.

La mitjana que amaga la seva base. La mitjana del Metascore de la taula és 71.9. Sembla una nota de qualitat per a Steam. Però executa això:

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

Només 2,849 jocs tenen Metascore: el 10.7% del catàleg. I no són una mostra aleatòria. Són els jocs que han tingut prou ressenyes professionals per rebre una nota. Així doncs, 71.9 descriu aquests jocs, no Steam.

Prova-ho: esbossa primer sobre paper¶

Encara no hi ha Superset. Els professionals esbossen els quadres de comandament sobre paper perquè el paper és ràpid i ningú no s'enamora d'un llapis. Agafa un full, apaïsat, i un llapis.

L'esbós està acabat quan té l'audiència, el propòsit, quatre caixes de KPI amb fórmules, com a màxim cinc caixes de gràfic amb una pregunta cadascuna, i un gràfic descartat amb un motiu.

El conjunt de dades que hi ha al darrere de tot això és a la pàgina de Recursos.

Idees clau¶

• Un quadre de comandament és una única pantalla amb els pocs gràfics i números que una audiència necessita per seguir un tema i actuar-hi. És el HUD de les teves dades.
• Un quadre de comandament no és una galeria. Parteix de la pregunta del lector i deixa gràfics fora: com a màxim 8 en una pantalla.
• Abans de dibuixar, respon tres preguntes: qui el llegeix, per a què, amb quina freqüència.
• Ordena la pantalla en tres franges: KPI a dalt (l'ull comença a dalt a l'esquerra), tendències i comparacions al mig, detall a baix.
• Un KPI és un número amb una definició, una unitat i una decisió. Escriu-li la fórmula al costat.
• Els KPI poden mentir: amb dades asimètriques fes servir la mediana (4.99), no la mitjana (7.91), i mostra sempre la base d'una mitjana (n = 2,849).

Comprovació ràpida¶

Ja tens un pla sobre paper i quatre KPI amb les seves fórmules. Hora de fer-ho de debò: a continuació, Construir un quadre de comandament a Superset.