El dato como protagonista
El dato como protagonista
10 reglasEl 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.
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.
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 (
) 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 (1,240 ventas
). Sin la comparación, el número pierde poder persuasivo.+18% vs. 2024
Humaniza la cifra con un equivalente tangible
Las magnitudes crudas comunican poco:
es una abstracción. Ánclala a una experiencia física que el lector ya posee, 2.3 millones de litros
, 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.equivalente a 920 albercas olímpicas
Redondea para retención, cita el exacto en la fuente
El número protagonista se redondea a la cifra que el ojo recuerda,
en grande, con el valor exacto 87%
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.7%86.7413%. Deja la precisión donde corresponde (la nota o la tabla) y mantén el número de titular limpio y citable.
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.
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.
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.
lining-nums tabular-nums }
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.
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.
- R-746 El número protagonista, el elemento más grande de la pieza
- R-747 Unidad visible y anclada, nunca en fuente diminuta
- R-749 Humaniza la cifra con un equivalente tangible
- R-750 Redondea para retención, cita el exacto en la fuente
- R-751 Cita la fuente siempre, en jerarquía terciaria pero legible
- R-752 Un dato hero por sección, no dos compitiendo
- R-753 Usa cifras tabulares cuando los números se alinean en columna
- R-754 Signo y color de cambio según la convención del lector
- R-755 Nunca infles un número sin base rastreable