Editorial Craft Bible
Estructura narrativa y flujo de lectura
Inicio Infografía editorial Estructura narrativa y flujo de lectura
Infografía editorial

Estructura narrativa y flujo de lectura

10 reglas Alberto Cairo, The Functional Art · Tufte, Visual ExplanationsNational Geographic (secuencia en pliego) · Tufte, Visual ExplanationsNigel Holmes (Time) · Alberto Cairo, The Functional ArtAlberto Cairo, The Functional Art · Nigel Holmes
66

Estructura narrativa y flujo de lectura

10 reglas
704

Una idea rectora por pieza

Antes de diseñar, redacta la conclusión en una frase (las ventas online superaron a tienda física en 2024); todo elemento visual debe servir a esa frase o se elimina. Una infografía es un argumento, no un contenedor de datos sueltos. Si necesitas dos frases para enunciarla, son dos piezas, no una.

Correcto
1 conclusión + apoyos
Una idea hero; los apoyos apuntan a ella.
Evitar
2 argumentos compiten
Dos ideas iguales: son dos piezas metidas en una.
Alberto Cairo, The Functional Art · Tufte, Visual Explanations
705

Estructura entrada-desarrollo-cierre

Dále a la pieza principio, medio y fin: titular más subtítulo (qué y por qué importa) → cuerpo con la evidencia (gráficos, pasos, comparativas) → cierre con la cifra más fuerte, la conclusión o un CTA. Nunca termines la pieza en el dato menos importante, porque el ojo recuerda lo último que ve.

Correcto
+38%
entrada · desarrollo · cierre
Cierra en la cifra más fuerte, lo último que se lee.
Evitar
termina en nota al pie
Pico arriba y se apaga en una nota débil.
National Geographic (secuencia en pliego) · Tufte, Visual Explanations
706

El titular carga el argumento, no la categoría

Un titular como El envío gratis triplicó la conversión comunica el hallazgo; Datos de conversión 2025 solo nombra una carpeta. El titular debe poder leerse solo y transmitir la conclusión, para que quien vea únicamente la parte superior de la pieza ya capte el mensaje. Las etiquetas de categoría van en ejes y secciones, no en el título.

Correcto
El envío gratis triplicó la conversión
argumento legible solo
El hallazgo se lee solo desde arriba.
Evitar
Datos de conversión 2025
solo nombra la categoría
Una etiqueta, no un hallazgo: el lector lo tiene que buscar.
Nigel Holmes (Time) · Alberto Cairo, The Functional Art
707

Ruta de lectura guiada explícita

En infografías de proceso o timeline, numera los pasos (1, 2, 3) o conéctalos con flechas o una línea continua; nunca asumas que el orden visual (arriba-abajo, izquierda-derecha) se infiere solo cuando hay más de 4 elementos. Pasado ese número el ojo necesita un hilo explícito, o salta y lee la secuencia desordenada.

Correcto
1
2
3
4
pasos numerados + conectores
Números y enlaces fijan el orden sin duda.
Evitar
4 bloques sin orden
Sin números ni flechas: ¿cuál bloque es el primero?
Alberto Cairo, The Functional Art · Nigel Holmes
708

Jerarquía de tres golpes de vista

A 3 segundos el lector debe captar (a) el titular o tema, (b) el dato hero, y (c) hacia dónde sigue leyendo. Haz un test de parpadeo de 3 s con alguien nuevo a la pieza: muéstrasela un instante y pregúntale qué recuerda. Si esas tres cosas no aparecen, la jerarquía falló y ningún detalle lo arregla.

Correcto
0–1 s: titular
3x
1–2 s: dato hero
2–3 s: hacia dónde
Tres golpes claros: tema, hero, dirección.
Evitar
¿por dónde empiezo?
Todo igual: nada se capta en 3 segundos.
Alberto Cairo, The Functional Art
709

Patrón Z en piezas cortas, F/columna en piezas densas

Un one-pager con pocos elementos (titular, hero stat, 3 bullets, cierre) sigue el patrón Z (arriba-izq → arriba-der → diagonal → abajo-der); un pliego denso en texto y datos se lee en columnas verticales tipo F, con anclas visuales (números grandes, iconos) que rompen la monotonía cada 2 o 3 párrafos. Ajusta el layout a la densidad; no fuerces una ruta Z sobre un muro de datos.

Correcto
pieza corta → Z
pieza densa → F/columna
La ruta coincide con la densidad de la pieza.
Evitar
Z sobre muro de datos
Un zig-zag Z forzado sobre texto denso pierde al lector.
Patrones de lectura Z/F · Nielsen Norman Group
710

Un solo eje de flujo dominante

Elige un flujo dominante: vertical en cartel o formato story (9:16 o carta vertical), horizontal en pliego doble página. No cruces flujos verticales y horizontales en la misma zona de la pieza, porque dos direcciones que compiten hacen que el ojo se detenga y relea. Un eje claro es lo que deja al lector avanzar sin una leyenda de flechas.

Correcto
un eje vertical
Un eje claro, el ojo desciende sin dudar.
Evitar
vertical + horizontal cruzados
Dos flujos cruzados: el ojo se atora en el cruce.
Josef Müller-Brockmann, Grid Systems · Alberto Cairo
711

Cierra con acción o síntesis, nunca con el dato más débil

El último elemento visual antes del pie o la marca debe ser la conclusión, la llamada a acción o el dato más contundente, porque el ojo retiene lo último que ve. Terminar en un dato menor o en la línea de fuente desperdicia el momento más fuerte de memoria. Reserva el fondo de la pieza para lo que quieres que el lector se lleve.

Correcto
EMPIEZA HOY
CTA como último golpe
El elemento más fuerte es el último que se lee.
Evitar
termina en letra chica
Cierra en letra chica: el mensaje se olvida.
Alberto Cairo · primacía-recencia en memoria visual
712

Prueba del resumen de 5 palabras

Si no puedes resumir la pieza completa en unas 5 palabras antes de maquetar (el envío gratis triplicó la conversión), el argumento aún no está claro, así que vuelve al brief, no a Illustrator. Un resumen confuso y largo es síntoma de que la pieza intenta decir varias cosas a la vez. La prueba de 5 palabras obliga a sacar a la luz la única idea rectora antes de colocar un solo píxel.

Correcto
Envío gratis triplicó la conversión
5 palabras, argumento claro
Una frase apretada: la idea está lista para diseñar.
Evitar
Varios datos sobre ventas, conversión, tráfico, envíos, márgenes y tendencias del año…
no cabe en 5 palabras
Un resumen que se desborda significa varias piezas en una.
Alberto Cairo, The Functional Art
713

Alinea el máximo contraste con el dato más importante

El elemento de mayor contraste (color, tamaño, peso) debe coincidir SIEMPRE con el dato más importante de la historia; nunca dejes que un elemento decorativo (icono, fondo, textura) le gane peso visual al dato hero. Cuando un fondo saturado o una ilustración grande ganan la pelea visual, el ojo aterriza en la decoración y el argumento queda enterrado. Gasta tu contraste más fuerte en la cifra que carga la conclusión.

Correcto
87%
acento en el dato hero
El número gana; el icono es un gris callado.
Evitar
87%
acento en la decoración
El icono de color le roba peso al dato real.
Alberto Cairo · Tufte, Visual Explanations