Diseño de diagramas de Gantt: colores y legibilidad
La mayoría de los diagramas de Gantt se colorean por accidente. Una barra es azul porque el azul era el valor por defecto, la siguiente naranja porque el naranja quedaba bien, y en la fila veinte el diagrama es un frutero que no significa nada. El color es una de las señales más potentes que tienes en un cronograma, y gastarlo en decoración lo desperdicia. Esta guía muestra cómo usar el color con intención, mantener un plan legible de un vistazo y asegurarte de que todos puedan descifrarlo, incluidos los lectores con daltonismo.
- El color es una decisión, no un adorno
- Elige una sola cosa que el color signifique
- Una paleta de estado pequeña y honesta
- Colorear por flujo de trabajo en su lugar
- Dale a la ruta crítica su propia señal
- Nunca te apoyes solo en el rojo y el verde
- Limita la densidad de barras y las filas por pantalla
- Etiquetas y una leyenda que se ganen su lugar
- Antes y después: un rediseño legible
- Una auditoría de legibilidad de cinco minutos
- Un solo sistema, sostenido con disciplina
El color es una decisión, no un adorno
Abre diez diagramas de Gantt y verás diez esquemas de color distintos, la mayoría sin planificar. Una barra tiene un tono porque ese tono era el valor por defecto, otra porque resultaba agradable, y al llegar al final del diagrama los colores ya no transmiten ningún mensaje. Esa es la trampa. En un cronograma, el color es una señal escasa y poderosa, y cada vez que lo gastas en decoración te queda menos para el significado.
Un diagrama legible trata el color como un presupuesto. Responde a una sola pregunta, con fuerza y de forma coherente, y guarda silencio sobre todo lo demás. La regla que sigue es simple: antes de colorear una sola barra, decide para qué sirve el color. Un diagrama de Gantt creado una vez y nunca tocado no es un plan, es un deseo, y un diagrama coloreado sin motivo es solo un deseo con mejor pintura.
Elige una sola cosa que el color signifique
El error de legibilidad más común es pedirle al color que haga varios trabajos a la vez. Una barra es roja porque va con retraso, otra es roja porque pertenece al equipo de finanzas, una tercera es roja porque a alguien le gustó el tono. El lector no puede descifrar nada de eso. El color transmite significado solo cuando se asigna a exactamente una variable en todo el diagrama.
Tienes tres candidatos razonables, y debes elegir uno como codificación principal.
| Codificar con color | Mejor cuando | Ten cuidado con |
|---|---|---|
| Estado: en marcha, en riesgo, hecho, bloqueado | Revisas el progreso a menudo y quieres que el riesgo salte a la vista | Hay que actualizarlo cada ciclo o miente |
| Flujo de trabajo o equipo | Muchos grupos paralelos comparten un cronograma | Demasiados equipos significan demasiados tonos |
| Ruta crítica | El cronograma se rige por plazos y está ajustado | Solo dos estados, así que combínalo con etiquetas |
Lo que elijas se convierte en la ley del diagrama. Todo lo demás, fases, responsables y fechas, se comunica mediante la posición, la agrupación y el texto, no mediante más colores que compiten por la misma mirada.
Una paleta de estado pequeña y honesta
Si codificas el estado, y la mayoría de los diagramas de proyectos activos deberían hacerlo, mantén la paleta diminuta. Cuatro estados cubren casi cualquier plan: sin empezar, en curso, en riesgo y hecho. Un quinto, bloqueado, merece añadirse solo si realmente lo haces un seguimiento. Más de cinco y el lector tiene que volver una y otra vez a la leyenda, lo que significa que el color ha dejado de funcionar de un vistazo.
Asigna cada estado a un color que ya lleve el peso adecuado. El verde se lee como saludable, así que encaja con en marcha o hecho. Un acento cálido se lee como activo, así que va bien para el trabajo en curso. Un rojo fuerte se lee como peligro, así que resérvalo para en riesgo o bloqueado y nada más. Un gris apagado se lee como inactivo, lo que es perfecto para sin empezar. La disciplina no está en los tonos exactos, está en negarte a gastar el rojo en algo que no sea realmente un problema. Cuando cada tercera barra es roja, el rojo no significa nada.
Colorear por flujo de trabajo en su lugar
A veces la historia de un plan es quién hace qué, no cómo le va a cada tarea. El lanzamiento de un producto puede tener marketing, ingeniería y operaciones en paralelo, y el lector necesita sobre todo ver cómo se entrelazan esos flujos. Aquí colorear por flujo de trabajo se gana su sitio, dando a cada equipo un tono que conserva durante todo el diagrama.
El límite es el ojo humano. La mayoría de la gente puede seguir alrededor de cinco a siete colores distintos antes de que las categorías se confundan, y ese techo cae rápido en cuanto los tonos son parecidos. Si tienes más grupos que eso, no inventes más colores. Agrupa las barras en carriles con etiquetas y deja que la posición lleve la identidad del equipo, y reserva el color para algo más escaso. El diagrama de abajo muestra cómo los flujos apilados siguen siendo legibles.
Dale a la ruta crítica su propia señal
La ruta crítica es la cadena de tareas que fija la fecha de fin, y vale la pena hacerla inconfundible. El tratamiento más limpio es un solo color fuerte para las tareas críticas y un tono neutro para todo lo demás, de modo que la mirada del lector siga la columna vertebral del cronograma sin esfuerzo. Es una codificación de dos estados, crítica o no, que es justo por lo que se lee tan rápido.
Como solo hay dos estados, aquí el color por sí solo casi basta, pero no te quedes ahí. Añade un contorno fino o una pequeña marca para que la distinción sobreviva a una impresión en escala de grises o a un lector con daltonismo. Si quieres el panorama completo de cómo se encuentra esa cadena y por qué importa, nuestra guía sobre el método de la ruta crítica recorre el cálculo. En el diagrama mismo el objetivo es acotado: una mirada debería revelar qué tareas no pueden retrasarse.
Nunca te apoyes solo en el rojo y el verde
Alrededor de uno de cada doce hombres y una de cada doscientas mujeres tienen alguna forma de deficiencia en la visión del color, y el tipo más común hace difícil distinguir el rojo del verde. Si todo tu sistema de estado descansa en que una barra roja signifique problemas y una barra verde signifique bien, una parte real de tu audiencia ve dos barras idénticas y turbias. La información simplemente desaparece para ellos.
La solución no es abandonar el color, es no hacer nunca del color el único canal. Combina cada tono con una segunda señal: una etiqueta de texto, un icono, un patrón o la posición. Así el diagrama se degrada con elegancia, sigue siendo legible en escala de grises, en un proyector con el contraste lavado o para un lector que no puede separar los tonos.
| Señal arriesgada | Por qué falla | Señal redundante que añadir |
|---|---|---|
| Barras rojas frente a verdes | Confusión común en el daltonismo | Añade una palabra: En riesgo, En marcha |
| Tonos pastel parecidos | Se difuminan en proyectores y en impresión | Añade un patrón o un contorno más oscuro |
| Leyenda solo con color | Sin sentido en escala de grises | Añade formas o iconos por estado |
La prueba. Haz una captura de tu diagrama y pásala por cualquier filtro de escala de grises. Si todavía puedes distinguir una tarea en riesgo de una en marcha, tu codificación es robusta. Si las barras se convierten en bloques grises idénticos, el color estaba haciendo todo el trabajo, y acabas de ver lo que uno de cada doce de tus lectores ve cada día.
Limita la densidad de barras y las filas por pantalla
La disciplina del color se derrumba en cuanto un diagrama está demasiado cargado para leerse. Un cronograma repleto de ochenta filas y barras finísimas es ilegible por muy cuidadosa que sea la paleta. La legibilidad depende tanto de cuánto muestras a la vez como de qué colores eliges. El ojo necesita espacio en blanco entre barras y una altura de fila sobre la que pueda posarse de verdad.
Un techo práctico es de quince a veinte filas en una sola pantalla. Más allá de eso, contrae el detalle en barras resumen y deja que el lector expanda una fase solo cuando la necesite. Da a cada barra suficiente altura para que su color y su etiqueta sean legibles, y mantén una separación clara entre filas para que la cuadrícula no vibre. Un plan con doscientas tareas no es un solo diagrama, es una vista de alto nivel más un conjunto de desgloses.
Etiquetas y una leyenda que se ganen su lugar
El color le dice al lector a qué categoría pertenece una barra. Las etiquetas le dicen qué es realmente la barra. Un diagrama que se apoya solo en el color obliga a un viaje constante de vuelta a la leyenda, que es lo contrario de legible de un vistazo. Pon un nombre de tarea corto directamente sobre cada barra o junto a ella, y pon las fechas más importantes donde la mirada ya descansa.
La leyenda en sí debe ser pequeña, fija y honesta. Enumera cada color que usas y nada que no uses, porque una entrada de leyenda sin barra que le corresponda es solo ruido. Si tu leyenda necesita más de unas seis filas, eso es señal de que tu codificación intenta decir demasiado, y deberías plegar algunas de esas categorías en etiquetas o carriles. Conocer la diferencia entre una barra y un marcador también ayuda, algo que cubre nuestra nota sobre hitos frente a tareas. Una buena leyenda es una clave rápida, no un segundo documento.
Antes y después: un rediseño legible
La teoría se confía mejor con un caso concreto. Considera un lanzamiento de marketing de doce tareas que empezó como un típico diagrama arcoíris y se reconstruyó en torno a una sola codificación.
Antes. Doce tareas, cada una de un color distinto elegido al azar. Tres barras resultaron ser rojas, y ninguna iba realmente con retraso. La leyenda tenía doce entradas, una por tarea, así que duplicaba las etiquetas y no ayudaba a nadie. En un proyector, la mitad de las barras pastel parecían idénticas, y ningún lector podía saber de un vistazo qué tareas estaban en apuros.
Después. El color se reasignó solo al estado, usando cuatro tonos: gris para sin empezar, morado para en curso, verde para hecho y rojo para en riesgo. Las dos tareas que realmente se retrasaban se pusieron rojas y saltaron de la pantalla. La leyenda se redujo de doce filas a cuatro. Los nombres de las tareas pasaron a las barras, y las dos tareas críticas recibieron un contorno fino como segunda señal.
El resultado. Los mismos datos, las mismas doce tareas, pero el riesgo ahora se lee en menos de un segundo. El diagrama pasó de doce colores en competencia a cuatro con sentido, y superó una prueba en escala de grises porque cada estado también llevaba una etiqueta.
Puedes explorar más diseños como este en nuestra colección de ejemplos de diagramas de Gantt para ver los mismos principios aplicados a proyectos distintos.
Una auditoría de legibilidad de cinco minutos
Puedes comprobar cualquier diagrama con estos principios en unos minutos. Repasa esta lista antes de compartir un plan, y corrige lo que falle antes de que otra persona tenga que entrecerrar los ojos.
- Nombra la única variable que codifica tu color. Si no puedes, tu color aún no tiene trabajo.
- Cuenta tus tonos. Más de unas seis categorías significa que la paleta está sobrecargada.
- Confirma que el rojo aparece solo en problemas reales, nunca como adorno.
- Pasa el diagrama a escala de grises y comprueba que cada estado siga siendo distinguible.
- Cuenta las filas visibles. Si hay más de veinte, contrae el detalle en barras resumen.
- Lee la leyenda. Elimina cualquier entrada que ya no corresponda a una barra en pantalla.
- Comprueba que cada barra lleve una etiqueta de texto, no solo un color.
La mayoría de los diagramas fallan dos o tres de estos en la primera pasada, y corregirlos lleva minutos. Puedes aplicar toda la lista directamente en el creador de Gantt gratuito mientras construyes.
Un solo sistema, sostenido con disciplina
Los diagramas de Gantt legibles no son los de las paletas más bonitas. Son los que decidieron pronto qué significaría el color y luego mantuvieron esa línea sin excepción. Una codificación, un conjunto pequeño y honesto de tonos, una señal redundante para la accesibilidad, espacio para respirar y una etiqueta en cada barra. Nada de esto es difícil, pero todo requiere moderación, porque la tentación del color decorativo nunca se detiene.
Trata el color como un presupuesto que intentas no gastar de más. Cada barra que tiñes sin motivo es significado que no podrás usar más tarde. Ya sea que hagas seguimiento por estado, por equipo o por la ruta crítica, elige tu único sistema, gasta el color solo en eso, y deja que la posición y el texto lleven el resto. Hazlo y el plan hablará con claridad a todo el que lo abra, incluida la versión de ti que lo lea dentro de tres semanas.
Preguntas frecuentes
¿Debo colorear un diagrama de Gantt por estado o por equipo?
Elige la pregunta que tus lectores hagan más a menudo. Si buscan riesgo, codifica el estado para que los problemas salten a la vista. Si siguen grupos paralelos que comparten un cronograma, codifica el flujo de trabajo. Lo que no debes hacer es mezclar ambos en una sola escala de color, porque una barra no puede significar honestamente con retraso y finanzas al mismo tiempo.
¿Cuántos colores son demasiados en un diagrama de Gantt?
La mayoría de la gente puede separar alrededor de cinco a siete tonos distintos antes de que las categorías se confundan, y menos si los colores son parecidos. Para el estado, cuatro o cinco estados son de sobra. Si tu leyenda pasa de unas seis filas, pliega algunas categorías en etiquetas o carriles en lugar de añadir más colores que el lector no pueda distinguir de forma fiable.
¿Cómo hago un diagrama de Gantt seguro para el daltonismo?
Nunca dejes que el color sea la única señal. Combina cada tono con una segunda señal como una etiqueta de texto, un icono, un patrón o la posición, para que el significado sobreviva cuando los colores no lo hagan. Una prueba rápida es ver el diagrama en escala de grises. Si todavía puedes leer cada estado, los lectores con daltonismo también podrán.
¿Por qué mi diagrama de Gantt se ve recargado incluso con buenos colores?
Normalmente porque hay demasiadas filas en una pantalla. Hasta una paleta perfecta falla cuando las barras son finísimas y están amontonadas. Apunta a quince o veinte filas visibles, da a cada barra suficiente altura para su etiqueta, y contrae el detalle profundo en barras resumen que se expandan solo cuando un lector las necesite.
¿Sigo necesitando etiquetas si los colores son claros?
Sí. El color le dice al lector a qué categoría pertenece una barra, pero solo una etiqueta dice qué es realmente la barra. Apoyarse solo en el color obliga a viajes constantes de vuelta a la leyenda, lo que acaba con la lectura de un vistazo. Pon un nombre corto en cada barra y mantén la leyenda como una clave rápida, no como un segundo documento.
Seguir leyendo
- Ejemplos de diagramas de Gantt
- Hitos frente a tareas
- Mejor software gratuito de diagramas de Gantt
- Ver todas las guías
Las guías que aún no se han traducido se abren en inglés.