Recursos · Guía

Buenas prácticas de visualización

La regla de oro: diseña para el cerebro vago.¹ Quien mira tu gráfico no quiere pensar. Si tiene que pararse a estudiarlo para saber si algo sube o baja, el gráfico ha fallado. Once principios, cada uno con su «así no / mejor así».

1

Primero decide qué quieres contar, luego elige el gráfico

¿Comparas cosas? ¿Ves cómo evoluciona algo? ¿Repartes un total? Esa pregunta ya te dice qué gráfico vale y cuál no. No hay un gráfico perfecto, hay uno adecuado para cada caso. Con barras y líneas tienes resueltos 8 de cada 10.

❌ Así no

9 marcas en una tarta: imposible saber quién es mayor.

✓ Mejor así

Barras ordenadas de mayor a menor: el ranking se lee solo.

2

Quita todo lo que no sea un dato

Cada cosa que pintas tiene que aportar información.² Fuera el 3D, las sombras, los degradados, las rejillas cargadas y los bordes. Adornan, pero estorban: cuanto más limpio, antes se entiende.

Mal

Barras 3D con degradado y rejilla densa.

Bien

Barras planas de un color y ejes finos.

3

El color sirve para señalar, no para decorar

Usa el color para dirigir la mirada a lo que importa, no para rellenar. Con 2 o 3 colores y gris para todo lo demás sobra. El mismo color siempre para la misma cosa. Y evita el rojo y el verde juntos: 1 de cada 10 personas no los distingue bien.³

❌ Así no

Un color por barra: el arcoíris no significa nada y despista.

✓ Mejor así

Todo gris salvo la que va por debajo de objetivo, resaltada.

4

El eje empieza en cero (o estás mintiendo)

En las barras, la base va en cero. Si la cortas, una subida del 2 % parece que se ha duplicado.⁴ Solo se corta cuando una variación mínima de verdad importa (una décima de temperatura), y siempre avisando. Nada de dos ejes con escalas distintas ni de enseñar solo el trozo que te conviene. Engañar con un eje a tu jefe o a tu cliente te cuesta su confianza.

❌ Así no

Eje de 99 a 103: un 2 % parece un subidón.

✓ Mejor así

Eje desde 0: ese 2 % se ve plano, que es lo que es.

5

Un número solo no dice nada

Toda cifra destacada necesita tres cosas: si sube o baja (▲ % frente al periodo anterior), si va por encima o por debajo del objetivo, y de qué periodo hablas. Un 76 % no dice nada si no sabes si la meta era 70 u 80.

Mal

«Margen 18 %».

Bien

«Margen 18 % ▲ +3pp vs trimestre · objetivo 15 % ✓».

6

Lo importante, arriba a la izquierda

Igual que al leer, el ojo empieza arriba a la izquierda.⁵ Pon ahí la cifra que más importa. Separa los bloques con espacio en blanco, no con cajas y líneas. Prueba de los 5 segundos: si alguien no encuentra el dato clave en ese tiempo, hay que rehacerlo.

Mal

El KPI clave perdido en una esquina inferior entre cajas.

Bien

KPI principal arriba-izquierda; el detalle baja en la página.

7

El título cuenta la conclusión, no describe el gráfico

No basta con enseñar el gráfico: cuéntalo. Título que diga qué está pasando, ejes con sus unidades, una nota donde haga falta y de dónde salen los datos. El título es la frase que te llevarías a la reunión, no la etiqueta del eje.

Mal

«Ventas por mes».

Bien

«Las ventas caen desde marzo por debajo del objetivo».

8

Primero la pregunta, luego el indicador

El orden bueno es: qué quiero conseguir → qué necesito saber para decidir → qué dato me lo responde. Un buen indicador se puede medir, importa de verdad y te lleva a actuar, con su meta, su plazo y su responsable. Distingue los que avisan a tiempo de los que solo confirman lo que ya pasó. Con 5 a 9 indicadores por informe basta.⁶

Mal

25 métricas porque «por si acaso», sin meta ni dueño.

Bien

7 KPIs que responden preguntas concretas de decisión.

9

La foto general primero, el detalle solo si lo piden

Empieza por la visión de conjunto y deja el detalle para quien quiera profundizar.⁷ Arriba las cifras clave, en medio las tendencias, abajo el detalle, todo en una pantalla. Un informe donde se filtra y se navega vale más que 20 páginas fijas. Y la mayoría de los informes fallan no por lo técnico, sino por no pensar en quién los va a usar.

Mal

20 pestañas estáticas que nadie navega.

Bien

Una pantalla resumen con filtros para profundizar.

10

Cuenta una historia, no sueltes datos

Una tabla de números se olvida; una historia se queda. Un buen gráfico es útil, claro y revela algo que no se veía a simple vista.⁸ El error más típico: meter tantas líneas que parece un plato de espagueti. Resalta una sola y deja el resto en gris de fondo.

❌ Así no

Ocho líneas mezcladas: no sabes a cuál mirar.

✓ Mejor así

Una resaltada, el resto en gris: el foco es evidente.

11

Si los datos están sucios, el gráfico miente

La mayor parte del trabajo está en limpiar los datos antes de pintarlos. Y cuidado con quedarte solo con la media: dos conjuntos con la misma media pueden esconder realidades opuestas.⁹ Mira siempre cómo se reparten los datos, no solo el promedio.

Mal

Decidir con la media sin mirar outliers ni nulos.

Bien

Validar la distribución antes de graficar; limpiar primero.

Checklist antes de dar por buena una visualización

  1. 01¿La función justifica la forma? ¿Barras/líneas antes que algo exótico?
  2. 02¿Eje Y desde 0? Si lo corté, ¿está justificado y señalado?
  3. 03¿Cada número con contexto (tendencia + meta + periodo)?
  4. 04¿Color con propósito (≤3, sin rojo+verde)?
  5. 05¿Ratio datos-tinta alto (sin 3D, sombras ni rejillas)?
  6. 06¿El título cuenta la conclusión? ¿Ejes con unidades y fuente?
  7. 07¿Lo importante arriba-izquierda? ¿Pasa la regla de los 5s?
  8. 08¿Cabe en una pantalla con ≤5-9 KPIs?
  9. 09¿Interactividad en vez de páginas estáticas?
  10. 10¿Diseñado para el usuario y su decisión, con datos fiables?

Las buenas prácticas, de fábrica

Sapioverse ya aplica varios de estos principios por defecto: ejes honestos, contexto frente a periodo y objetivo, el gráfico adecuado a cada pregunta y un insight explicativo. Es la herramienta que aplica estas buenas prácticas por ti.

Solicitar una demo Ver el catálogo de gráficos

Referencias

El cuerpo está en lenguaje llano a propósito. Aquí va la fuente de cada idea, por si quieres profundizar.

  1. ¹ «Cerebro vago» = pensamiento rápido y automático (Sistema 1) — Daniel Kahneman, Pensar rápido, pensar despacio.
  2. ² Ratio datos-tinta: maximizar la tinta dedicada a datos — Edward Tufte. Decluttering — Cole Nussbaumer Knaflic.
  3. ³ Daltonismo rojo-verde: afecta a ≈8-10 % de los hombres. Buenas prácticas de color accesible.
  4. ⁴ «Lie Factor» (factor de mentira): el efecto visual debe igualar al efecto real — Edward Tufte.
  5. ⁵ Patrón de lectura en Z/F y principios de agrupación de la Gestalt (proximidad).
  6. ⁶ Cadena objetivo → pregunta clave (KPQ) → indicador (KPI). Cuadro de mando integral — Kaplan & Norton.
  7. ⁷ Mantra de visualización: «visión general primero, zoom y filtro, detalles bajo demanda» — Ben Shneiderman (1996).
  8. ⁸ Cualidades de un buen gráfico: funcional, bello, revelador, iluminador — Alberto Cairo, The Truthful Art.
  9. ⁹ Cuarteto de Anscombe / Datasaurus: mismos promedios, distribuciones opuestas. Síntesis sobre dashboards: Wexler et al., Dashboards That Deliver (2025).