Distribución y jerarquía del contenido
Distribución y jerarquía del contenido
10 reglasReparte el 80% del espacio en el 20% de los datos
El 20% de datos más importante merece cerca del 80% de la superficie; el resto se encoge en bloques secundarios o se elimina. Repartir el espacio por igual entre todos los datos nivela la jerarquía por abajo y nada se lee como el punto central. Decide qué uno o dos datos cargan el argumento y deja que dominen físicamente la composición.
Agrupa por proximidad antes que por color
Los elementos relacionados van físicamente juntos: mantén el gap dentro de un grupo pequeño (8-12px) y el gap entre grupos claramente mayor (24-32px). La proximidad de la Gestalt se lee más rápido que el color, así que el espaciado apretado-vs-suelto forma clusters antes de que el ojo registre el matiz. Cuando todo va con un gap uniforme, el lector ve un campo indiferenciado en vez de conjuntos estructurados.
ratio recomendado ≥ 2.5×
Limita la jerarquía a tres niveles visuales
Da a la pieza exactamente tres escalones: hero (el dato o titular principal), secundario (subtítulos y stats de apoyo) y terciario (notas, fuente, letra pequeña). Un cuarto nivel obliga al lector a recalibrar qué significa cada rango y rompe el escaneo. Tres escalones cubren casi cualquier infografía editorial, y cada uno gana su distinción por tamaño, peso y color a la vez.
Fija la densidad por la distancia de lectura, no por gusto
Calcula la densidad máxima según a qué distancia se lee la pieza. Una hoja en mano (30-40 cm) tolera más detalle y texto de apoyo; un cartel de pared (2-3 m) debe bajar a 3-5 elementos visibles con el dato hero a una altura de x de 30-40 mm o más. Saturar un cartel de pared con nueve datos diminutos lo vuelve ilegible a su propia distancia de uso.
Da a la composición un ancla dominante
Cada infografía necesita un punto de entrada claro: el gráfico más grande, el número más grande, el color más saturado. Si dos o más elementos compiten por ser el ancla, el ojo no sabe dónde empezar y rebota. Elige el único elemento que carga el argumento, hazlo inequívocamente dominante y degrada lo demás para que la lectura tenga un inicio evidente.
Usa el aire como jerarquía, no como relleno
El espacio en blanco alrededor del dato hero debe ser proporcionalmente mayor que alrededor de los bloques secundarios, mínimo 1.5× el margen de un bloque secundario. El aire comunica importancia tanto como el tamaño: una cifra aislada con espacio para respirar se lee como el titular incluso al mismo cuerpo. Rellenar todo con el mismo padding aplana la jerarquía que el espacio debía construir.
Maqueta las piezas densas sobre retícula modular
En cuanto una pieza tiene 8+ datos (fichas técnicas, reportes de una página), colócalos sobre una retícula de columnas de 4, 6 u 8 con módulos consistentes; nunca posiciones bloques a ojo pasando de 5 elementos. La falta de alineación es lo primero que nota el lector, antes que el contenido, así que una retícula desalineada se lee descuidada aunque cada dato sea correcto. Los bordes y líneas base compartidos hacen que la información densa se sienta como un sistema.
Prioriza los datos antes de abrir el editor
Haz un ranking escrito de cada dato antes de maquetar nada: 1 = imprescindible, 2 = útil, 3 = descartable. Priorizar durante la maquetación, tratando de hacerle espacio a todo, es como se inflan las piezas. Si la composición no cabe entera, lo que se va es el ranking 3, y esa decisión ya estaba tomada en papel, no improvisada bajo deadline.
Si quitar un bloque no cambia la historia, córtalo
Prueba cada bloque quitándolo: si el argumento central sobrevive sin él, ese bloque nunca perteneció a esta pieza. Muévelo a una pieza secundaria o elimínalo del todo. Es disciplina editorial, no solo de diseño, y es la vía más rápida de subir una composición de saturada a segura. El lector recuerda una pieza enfocada; una completa se olvida.
Limita los bloques de texto de apoyo a 40-50 palabras
Los párrafos explicativos en una infografía son notas al pie visuales, no artículos. Limita cada bloque de apoyo a 40-50 palabras; si un bloque necesita más de 50 para explicarse, la infografía no está comunicando y el texto la está sustituyendo. El texto largo junto al dato compite con el gráfico por la atención y ambos pierden. Reescribe el visual en vez de rellenar el pie.
El envío gratis triplicó la conversión en el segundo trimestre. El efecto se concentró en carritos sobre 500 pesos.
18 palabrasEl envío gratis triplicó la conversión durante el segundo trimestre del año, un efecto que se concentró sobre todo en los carritos con valor superior a los quinientos pesos, aunque también se observó un incremento moderado pero consistente en los tickets de menor valor a lo largo de todas las categorías del catálogo, según el análisis interno del equipo de datos.
61 palabras- R-714 Reparte el 80% del espacio en el 20% de los datos
- R-715 Agrupa por proximidad antes que por color
- R-716 Limita la jerarquía a tres niveles visuales
- R-717 Fija la densidad por la distancia de lectura, no por gusto
- R-718 Da a la composición un ancla dominante
- R-719 Usa el aire como jerarquía, no como relleno
- R-720 Maqueta las piezas densas sobre retícula modular
- R-721 Prioriza los datos antes de abrir el editor
- R-722 Si quitar un bloque no cambia la historia, córtalo
- R-723 Limita los bloques de texto de apoyo a 40-50 palabras