Editorial Craft Bible
El dato como protagonista
Inicio Infografía editorial El dato como protagonista
Infografía editorial

El dato como protagonista

10 reglas McCandless, Information is Beautiful · The Economist big-number styleMcCandless, Information is Beautiful · The Economist style guideAlberto Cairo, The Functional Art · The PuddingMcCandless, Information is Beautiful · National Geographic infographics
70

El dato como protagonista

10 reglas
746

El número protagonista, el elemento más grande de la pieza

En una stat card o pieza centrada en datos, el hero number debe tener la jerarquía tipográfica más alta, mayor incluso que el titular. Si el título le gana en tamaño a la cifra, el ojo aterriza en la etiqueta y no en el dato, y el número deja de ser protagonista. Dale peso display (Black/Heavy) a la cifra y deja el titular como leyenda Regular/Medium arriba o abajo.

Correcto
92%
tasa de renovación 2025
La cifra domina; la etiqueta se lee como su leyenda.
Evitar
Tasa de renovación 2025
92%
El titular le gana a la cifra; el ojo lee primero la etiqueta.
McCandless, Information is Beautiful · The Economist big-number style
747

Unidad visible y anclada, nunca en fuente diminuta

El símbolo (%, $, kg, x) se ancla directamente al número con un tamaño relativo legible, del orden de 35–40% de la altura de la cifra, no reducido a nota al pie. Un número sin unidad clara es ambiguo y obliga a releer para saber qué mide. Compón la unidad pegada al dígito, en el mismo peso o uno relacionado, para que se lea como parte de la cifra y no como una marca suelta.

Correcto
3.4x
Unidad anclada al ~40% de la cifra: se lee de un golpe.
Evitar
3.4veces
La unidad se encoge a nota al pie; ¿3.4 de qué?
McCandless, Information is Beautiful · The Economist style guide
748

Contextualiza toda cifra aislada con un vs. qué

Un número sin comparación es solo un dato, no información. Una cifra hero sola (1,240 ventas) deja al lector sin poder juzgar si es buena o mala. Acompáñala siempre con una referencia en texto secundario inmediato: periodo anterior, promedio de industria o meta (+18% vs. 2024). Sin la comparación, el número pierde poder persuasivo.

Correcto
1,240
+18% vs. 2024
La referencia dice que la cifra es un alza, y de cuánto.
Evitar
1,240
ventas
Un número desnudo: ¿bueno o malo? El lector no puede saberlo.
Alberto Cairo, The Functional Art · The Pudding
749

Humaniza la cifra con un equivalente tangible

Las magnitudes crudas comunican poco: 2.3 millones de litros es una abstracción. Ánclala a una experiencia física que el lector ya posee, equivalente a 920 albercas olímpicas, para que la escala se sienta, no solo se lea. Elige comparaciones del mundo del lector objetivo: objetos cotidianos en B2C, métricas de industria en B2B. Un pictograma de apoyo (ver S69) refuerza la equivalencia.

Correcto
2.3M litros
920 albercas olímpicas
El equivalente tangible hace sentir la magnitud.
Evitar
2.3M litros
¿Cuánto es eso, en realidad?
Una magnitud cruda sin ancla queda abstracta.
McCandless, Information is Beautiful · National Geographic infographics
750

Redondea para retención, cita el exacto en la fuente

El número protagonista se redondea a la cifra que el ojo recuerda, 87% en grande, con el valor exacto 86.7% en la nota de fuente al pie. La precisión decimal en la cifra hero compite visualmente y no aporta retención, nadie memoriza 86.7413%. Deja la precisión donde corresponde (la nota o la tabla) y mantén el número de titular limpio y citable.

Correcto
87%
Exacto 86.7%. INEGI, 2025.
Hero redondeado, valor exacto conservado en la nota.
Evitar
86.7413%
Los decimales encogen la cifra y nadie los recuerda.
The Economist big-number style · McCandless, Information is Beautiful
751

Cita la fuente siempre, en jerarquía terciaria pero legible

Toda cifra lleva atribución, organismo fuente, año y muestra si aplica, en tamaño pequeño pero legible: mínimo 6–7pt en carta/A4 en mano, nunca tan diminuto que exija lupa. Un número sin fuente pierde credibilidad editorial y es señal de alerta en revisión, se lee como no verificable. La línea de fuente va en jerarquía terciaria (--text-3), presente pero sin competir con la cifra hero.

Correcto
64%
compran desde móvil
Statista, 2025. n = 4,200.
Fuente en terciario: creíble, verificable, discreta.
Evitar
64%
compran desde móvil
[ sin fuente ]
Sin atribución: la cifra es inverificable, alerta en revisión.
Alberto Cairo, How Charts Lie · The Economist style guide
752

Un dato hero por sección, no dos compitiendo

En una infografía de varias secciones, cada sección puede tener su propio número protagonista, pero dentro de una sección debe haber exactamente UNO. Dos cifras al mismo tamaño grande se anulan: el ojo no encuentra punto de entrada y la jerarquía colapsa. Si una sección de verdad tiene dos números clave, haz uno claramente dominante y el otro secundario (40–60% de su tamaño), o divide en dos secciones.

Correcto
92% +18%
Una cifra dominante; la segunda se lee como apoyo.
Evitar
92% 18%
Dos cifras iguales: sin punto de entrada, sin jerarquía.
Alberto Cairo, The Functional Art · ECB S67 (distribución)
753

Usa cifras tabulares cuando los números se alinean en columna

Cuando las cifras se apilan en columna (tablas, rankings, comparativas) usa cifras tabulares (ancho fijo) para que cada dígito ocupe el mismo avance y los decimales cuadren. Las cifras proporcionales u old-style hacen que los números bailen y rompen la alineación vertical. Activa la feature OpenType tnum con font-variant-numeric: tabular-nums. Mantén la elección consistente en toda la pieza.

.stat-col { font-variant-numeric:
  lining-nums tabular-nums }
Correcto
1,204.5098.007,311.2511.11
tabular-nums: cada dígito un ancho; los decimales se apilan.
Evitar
1,204.5098.007,311.2511.11
Cifras proporcionales: los 1 son angostos, la columna baila.
OpenType spec, tnum feature · The Economist typographic style
754

Signo y color de cambio según la convención del lector

En piezas financieras o de negocio, el signo (+/−) y su color deben seguir la convención esperada por el lector: en mercados occidentales verde = alza, rojo = baja; la convención se invierte en varios mercados asiáticos (China, Japón, Taiwán), donde rojo = alza. Nunca inviertas la convención sin nota aclaratoria, un código de color invertido produce lecturas erróneas instantáneas. Acompaña siempre el color con el signo para que el sentido sobreviva a escala de grises.

Correcto
+8.2% −3.5%
Verde sube, rojo baja (occidental): el signo respalda el color.
Evitar
+8.2% −3.5%
Colores invertidos sin nota: un lector occidental lee mal el alza.
Bloomberg style conventions · Wall Street Journal financial graphics
755

Nunca infles un número sin base rastreable

Todo dato protagonista debe ser verificable y rastreable a una fuente citable. Un número grande que no resiste revisión editorial, sin metodología, sin dataset, sin atribución, es la forma más rápida de perder la credibilidad de toda la pieza: una sola cifra hero inverificable contamina a todas las de su alrededor. Aplica el mismo estándar de honestidad de S68 (gráficos honestos) al número aislado: si no puedes citar de dónde sale ese 340%, no lo imprimas en grande.

Correcto
+38%
ingresos interanual
Estados auditados FY24 vs FY23.
Rastreable a fuente auditable: resiste revisión.
Evitar
+340%
“crecimiento explosivo”
inverificable
Una cifra dramática sin base contamina toda la pieza.
Alberto Cairo, How Charts Lie · ECB S68 (honestidad del dato)