Editorial Craft Bible
Tipos de infografía y cuándo
Inicio Infografía editorial Tipos de infografía y cuándo
Infografía editorial

Tipos de infografía y cuándo

10 reglas Alberto Cairo, The Functional Art · David McCandless, Information is BeautifulAlberto Cairo, The Functional ArtAlberto Cairo, The Truthful ArtColorBrewer (Cynthia Brewer) · National Geographic cartography
65

Tipos de infografía y cuándo

10 reglas
694

Estadística: úsala para comparar magnitudes, un solo gráfico protagonista

Recurre a la infografía estadística cuando el mensaje central es comparar magnitudes o distribuciones (rankings, encuestas, cuota de mercado). Constrúyela alrededor de un gráfico protagonista más 2–4 datos de apoyo, y nunca pases de 5–7 series distintas en una sola pieza o se vuelve un “espagueti” ilegible a distancia de lectura de mano (30–40 cm). Si tienes más series, divide en small multiples.

Correcto
Una barra protagonista en acento más 2–3 datos de apoyo. Legible a distancia de brazo.
Evitar
Siete series en un mismo gráfico se vuelven un espagueti ilegible.
Alberto Cairo, The Functional Art · David McCandless, Information is Beautiful
695

Proceso/flujo: una sola dirección de lectura, 5–9 pasos máximo

Usa una infografía de proceso para pasos secuenciales, pipelines o “cómo funciona X en N pasos.” Comprométete con una sola dirección de lectura (izquierda→derecha o arriba→abajo), nunca mezcles ambas en la misma pieza, y limítate a 5–9 pasos. Más de 9 pasos exige subdividir en fases con encabezados propios, o el lector pierde el hilo.

Correcto
12345
Un solo eje izquierda→derecha, cinco pasos numerados. El ojo nunca duda del orden.
Evitar
12 43
Flujo horizontal y vertical mezclado hace zig-zag; el orden se vuelve un acertijo.
Alberto Cairo, The Functional Art
696

Jerárquica: distingue niveles por tamaño y color, no solo por indentación

Elige una infografía jerárquica para organigramas, taxonomías, árboles de decisión y estructuras de contenido, anidamiento real, no cronología. El nivel 1 debe diferir del nivel 2 en tamaño y color, no solo en indentación: a distancia de pared una indentación de 8 px se pierde y cada nodo se lee como igual. Reserva el acento para la raíz o la rama activa.

Correcto
Cada nivel baja en tamaño y aclara en valor. La estructura se lee desde el otro lado del cuarto.
Evitar
Solo una indentación de 8 px separa los niveles; a distancia todos se aplanan.
Alberto Cairo, The Truthful Art
697

Geográfica: máximo 5–6 clases de color, siempre leyenda

Usa una infografía geográfica cuando la ubicación es el eje narrativo (cobertura, expansión, comparación regional). En un mapa coroplético impreso nunca pases de 5–6 clases de color, el ojo no discrimina más matices bajo tinta CMYK, e incluye siempre leyenda más escala o norte cuando hay distancia real en juego. Más clases de las que aguanta la tinta se leen como ruido, no como dato.

Correcto
Cuatro clases claramente separadas más leyenda. Cada región mapea a un valor.
Evitar
Diez matices casi idénticos y sin leyenda; el lector no distingue las clases.
ColorBrewer (Cynthia Brewer) · National Geographic cartography
698

Timeline: escala constante, fecha visible en cada hito

Usa una línea de tiempo para evolución histórica o hitos de proyecto. Mantén la escala temporal constante salvo que declares explícitamente una ruptura con una marca visual de discontinuidad (una doble diagonal //), e imprime la fecha en cada hito, nunca solo en el texto de cuerpo. Un espaciado desigual que finge ser lineal miente en silencio sobre qué tan rápido pasaron las cosas.

Correcto
Hitos espaciados por igual, una fecha bajo cada uno. Los huecos codifican tiempo real.
Evitar
Huecos irregulares sin ruptura declarada ni fechas: el lector juzga mal el ritmo.
Edward Tufte, Visual Explanations · Alberto Cairo, The Functional Art
699

Comparativa: espeja la retícula para que A y B sean superponibles

Usa una infografía comparativa para “A vs B” o tablas de features/precios. Construye ambos lados sobre una estructura en espejo, la misma retícula, los mismos ejes, para que la comparación sea literalmente superponible y el ojo salte entre filas equivalentes. El eje de comparación (la fila de atributos) debe leerse más prominente que las entidades comparadas; columnas desalineadas obligan al lector a cazar qué corresponde con qué.

Correcto
Mismas filas, mismas líneas base: comparas cada atributo de un vistazo.
Evitar
Las filas se desalinean; nada cuadra para comparar.
Josef Müller-Brockmann, Grid Systems in Graphic Design
700

Anatómica: líneas líder rectas, etiquetas fuera del objeto

Usa una infografía anatómica para diseccionar un objeto, producto o sistema (corte transversal, vista explosionada, cómo funciona un motor). Traza las líneas líder rectas o con un solo quiebre a 45°/90°, nunca curvas, y coloca siempre la etiqueta fuera de la silueta del objeto para que no tape la parte que nombra. Líderes curvas y etiquetas encima del dibujo obligan al lector a rastrear cada una.

Correcto
Líderes rectas con un solo quiebre; cada etiqueta queda fuera del objeto.
Evitar
Líderes curvas se enredan y las etiquetas caen encima del objeto.
Nigel Holmes, Time Magazine explanatory graphics · National Geographic
701

Una familia dominante por pieza, un tipo de apoyo como máximo

Una pieza editorial fija admite UN tipo dominante más, como máximo, un tipo secundario de apoyo (por ejemplo un timeline con mini-comparativas dentro). Mezclar tres o más familias en un cartel diluye la lectura y produce una “infografía Frankenstein” donde nada es protagonista. Si dos tipos pelean por liderar, tienes dos piezas, no una.

Correcto
Un gráfico dominante carga la pieza; un bloque de apoyo pequeño la respalda.
Evitar
Barras, pastel, mapa y línea a la vez: un Frankenstein sin protagonista.
Alberto Cairo, The Functional Art
702

Clasifica el dato antes de bocetar, el tipo se deriva de él

Elige el tipo desde la naturaleza del dato, no al revés. Antes de abrir el editor, clasifica lo que tienes, cuántos son, cómo cambian, cómo se relacionan, dónde están, cuándo pasaron, en qué se parecen, cómo se arman, y deja que esa respuesta dicte la familia. Elegir “un pastel” primero y luego forzar los datos es como acabas con categorías que no suman 100%.

cuántos / cómo comparan → estadística
pasos ordenados → proceso
anidamiento → jerárquica
dónde → geográfica
cuándo → timeline
A vs B → comparativa
cómo se arma → anatómica
Correcto
“¿cuándo pasó?”timeline
“¿cómo comparan?”estadística
“¿cómo se arma?”anatómica
La pregunta sobre el dato va primero; el tipo de gráfico es la respuesta.
Evitar
“quiero un pastel” → las rebanadas suman 123%
Elegir la forma primero fuerza los datos a un gráfico que no les queda.
Alberto Cairo, The Functional Art · The Truthful Art
703

En piezas de venta, ancla el tipo al momento de decisión del comprador

En un one-pager de producto o ficha técnica, empareja cada tipo de infografía con el momento que sirve en la decisión del comprador: anatómica para “qué incluye” (la vista explosionada de la oferta), comparativa para “por qué este y no el otro,” y estadística para “por qué funciona” (prueba social, resultados). Un gráfico decorativo que no responde ninguna de esas preguntas es relleno que aleja la decisión, no la acerca a la venta.

Correcto
Anatómicaqué incluye
Comparativapor qué este
Estadísticapor qué funciona
Cada tipo responde una pregunta que el comprador de verdad se hace.
Evitar
gráfico decorativo, no responde nada
Un gráfico bonito atado a ningún momento de decisión es relleno en una ficha de venta.
Alberto Cairo, The Functional Art · David McCandless, Information is Beautiful