Elementos básicos

El código fuente visual: 5 formas para dibujarlo todo

En el mundo del software, todo lo que vemos en pantalla se reduce a ceros y unos. En la genética, la complejidad de la vida se escribe con solo cuatro letras: Adenina (A), Timina (T), Guanina (G) y Citosina (C). ¿Por qué pensamos entonces que para comunicar una estrategia técnica necesitamos ser expertos en Bellas Artes?

Para un líder visual, el «SDK» (Software Development Kit) básico no tiene miles de librerías, consta únicamente de 5 formas primitivas.

Tu Kit de desarrollo visual:

Elementos básicos
Elementos básicos
  • El Punto: Es el origen, el dato atómico, el nodo en una red.
  • La Línea: Es la relación, el flujo de datos o el camino del usuario.
  • El Cuadrado: Representa lo sólido. Un servidor, un módulo de código, un departamento o una caja de texto.
  • El Círculo: Representa lo humano y lo cíclico. Un usuario, un stakeholder o un proceso que se repite.
  • El Triángulo: Es la flecha que indica dirección o la pirámide que marca jerarquía y prioridades.

Si sabes dibujar esto (y te aseguro que sabes), tienes la capacidad de dibujar un plan estratégico o una arquitectura de nube. No busques el realismo, busca el ensamblaje de estas piezas. Te dejo el ejemplo del despiece de un Dron:

Ejemplo : Dron con elementos básicos
Ejemplo : Dron con elementos básicos

Igual que un ingeniero no dibuja cada tornillo para explicar un motor, tú no necesitas arte. Necesitas usar el código fuente del dibujo para que tu equipo entienda, de un vistazo, cómo encajan las piezas del sistema.

🗒️ Del cuaderno a la Junta Directiva 👨‍💼 Tu roadmap de práctica

El miedo al lienzo en blanco se cura con una estrategia de despliegue continuo:

  • Fase 1 (Personal): Empieza en tus notas personales. Sustituye la palabra «servidor» por un cuadrado. No te ve nadie, es tu entorno de desarrollo.
  • Fase 2 (Staging): En reuniones pequeñas con gente de confianza, levántate y dibuja la relación entre dos ideas en una pizarra. Algo sencillo, firme y rápido.
  • Fase 3 (Producción): Cuando domines la sintaxis, atrévete a que el núcleo de tu próxima presentación sea un esquema visual construido en directo o mostrado con claridad. Ahí es donde ocurre la magia de la comprensión.

🛠 Consejos prácticos para un inicio seguro

  • Baja la resolución: No intentes que el cuadrado sea perfecto. Si las líneas no cierran del todo, no pasa nada; el cerebro de tu audiencia las cerrará por ti.
  • Usa el «Grosor» a tu favor: Si usas un rotulador de punta gruesa, te obligas a no entrar en detalles innecesarios y a centrarte en la estructura.
  • Copia patrones: No reinventes la rueda. Por ejemplo, mira cómo se dibujan los diagramas de arquitectura en las nubes públicas (AWS, GCP, Azure) y simplifícalos con tus 5 formas básicas.

Dominar estas 5 formas es tu primer paso para dejar de ser un emisor de ruido y convertirte en un líder de claridad.

Transición hacia lo visual

De la línea de código a la línea de dibujo

De la línea de código a la línea de dibujo: Director TI y Visual Thinker 

Desde mis inicios profesionales, mis herramientas de trabajo han sido un teclado y un ratón. Como profesional de TI, mi mundo se define con líneas de código, arquitecturas de servidores y diagramas de flujo lógicos. Sin entrar en detalles mi trabajo consiste en hacer que las máquinas hablen entre ellas.

Pero a medida que fui creciendo profesionalmente y asumí roles de liderazgo, me di cuenta que el verdadero desafío no es que las máquinas se entendieran, sino que las personas entiendan a las máquinas (y entre sí). Y más aún, que las personas sepan explicar qué es lo que quieren de las máquinas.

Y en este punto es en el que tienes que entender que para las personas “el código es invisible”, pero el dibujo puede ser revelador.

He vivido tantos días, en los que en reuniones técnicas nadie entiende nada y te tratan como un bicho raro que finalmente tienes que dejar el portátil a un lado y comenzar a dibujar en una pizarra, o en una hoja de papel. No necesitas hacer un dibujo artístico. Tan solo tienes que sintetizar de la mejor forma la información:

  • Dibujar cajas para los servidores.
  • Dibujar flechas para los flujos de datos.
  • Dibujar muros para los firewalls.

Y de repente, como por arte de magia, te escucha. «Ah, ahora lo veo».

Transición hacia lo visual
Transición hacia lo visual

🏛️ La revelación: Todo es estructura

En ese momento es cuando surge la magia de la comunicación efectiva, es cuando vemos que el Visual Thinking y la Ingeniería de Sistemas son primos hermanos. Ambos tratan de lo mismo:

  1. Tomar una complejidad abstracta.
  2. Descomponerla en partes manejables.
  3. Definir las relaciones entre esas partes.

La única diferencia es el output. En lugar de pensar en programas de código para la máquina, tenemos que pensar primero en dibujos para el procesador biológico de los equipos y clientes.

💻 El puente humano

Tenemos que posicionarnos como traductores. Usamos el rotulador para ser el puente entre la complejidad tecnológica y la claridad humana.

No tenemos que dejar la tecnología para ponernos a dibujar. Siempre he dibujado para dar sentido a mis aprendizajes y ahora tengo claro que puedo seguir haciéndolo para ayudar a que la tecnología tenga sentido para las personas. Ahora bien, también es cierto que necesitas que la cultura de la organización sea abierta a este tipo de metodologías, y que tu tengas la confianza necesaria para demostrar que esto es posible.

Si tienes un perfil técnico, te tengo una muy buena noticia para ti, ya tienes la mente estructurada para hacer lo mismo que hago yo. Solo te falta cambiar el periférico de salida.

Menos es más

Pero si yo dibujo como un niño: Cómo perder el miedo al rotulador en 3 pasos

Es la frase que se repite el 99% de las veces antes de intentar enfrentarnos a una pizarra, ya sea digital, blanca, etc, en una sesión de trabajo: «No me pidas que salga a la pizarra, que yo dibujo como un niño de cinco años».

Existe un trauma colectivo. Alrededor de los 10 años, en el colegio, el dibujo dejó de ser una herramienta de comunicación y pasó a ser una asignatura de «Arte». Si no dibujabas la manzana con la sombra perfecta, te decían que «no valías para esto». Y dejaste de dibujar.

Menos es más
Menos es más

Hoy quiero pedirte que recuperes esa habilidad, no como artista, sino como pensador visual. Aquí tienes los 3 pasos para perder el miedo:

🍎 Paso 1: Cambia el chip: Arte vs. Funcionalidad

Debemos hacer una distinción fundamental:

  • Dibujo Artístico: Busca la estética, la emoción y la belleza. Es para museos.
  • Dibujo de Ideas (Visual Thinking): Busca la claridad, la estructura y la comprensión. Es para salas de reuniones.

Como líder técnico o funcional, no necesitas pintar «Las Meninas», necesitas dibujar un cuadrado que representa a un servidor y una flecha que indica hacia dónde van los datos. Si se entiende, es un buen dibujo y punto.

🔡 Paso 2: Domina el Alfabeto Visual

Igual que aprendiste código binario (0 y 1) o el alfabeto (A, B, C), el dibujo tiene su propio código básico. La buena noticia es que es ridículamente simple.

Si sabes hacer estas tres formas, ya eres un Visual Thinker:

  1. Cuadrado: Representa estructuras, objetos, edificios, bloques de código.
  2. Triángulo: Representa jerarquía, dirección, cambio, peligro.
  3. Círculo: Representa personas, ciclos, totalidad, foco.

🧩 Paso 3: Combina – La sintaxis

El Visual Thinking es como programar, combinas instrucciones básicas para crear funciones complejas. El Visual Thinking es como conectar varios dispositivos para montar una red compleja.

  • Cuadrado + Triángulo = Casa (o Home Page).
  • Cuadrado + Cuadrado = Base de datos.
  • Círculo + Líneas = Usuario.
Visual Thinking en 3 pasos
Visual Thinking en 3 pasos

No es magia, es sintaxis. Tu mano no ha olvidado cómo dibujar, tu mente solo necesita permiso para hacerlo, quizás no sea bonito al principio pero seguro que es útil, y con la práctica tus dibujos mejoraran.

Testing Effect

¿Cuándo fue la última vez que te dolió la cabeza aprendiendo?

¿Cuándo fue la última vez que te dolió la cabeza aprendiendo? Una verdad incómoda sobre el estudio

Sé sincero ✋.

¿Cuántas veces has subrayado un libro, has releído tus notas tres veces y te has sentido súper productivo? Cierras el cuaderno y piensas: «Lo tengo. Ya me lo sé».

Te voy a decir algo que quizás no quieras oír: Probablemente no has aprendido nada.

Has caído en la ilusión de competencia. Reconocer el texto no es saber el texto. En un mundo obsesionado con la inmediatez, donde queremos aprender inglés mientras dormimos o dominar la IA con un vídeo de 5 minutos en YouTube, hemos olvidado una verdad fundamental:

Estudiar de verdad requiere esfuerzo. Si es demasiado fácil, no estás aprendiendo, solo te estás entreteniendo.

Testing Effect
Testing Effect

🧽 La falacia de la «Esponja Pasiva»

Nos han vendido que nuestro cerebro es un disco duro donde volcamos datos. Ojalá fuera como en Matrix: «Cárgame el programa de pilotar helicópteros» y listo.

Pero la realidad biológica es otra. Aprender es cambiar físicamente tu cerebro (neuroplasticidad), y para que esas conexiones se formen, hace falta fricción, esfuerzo, y constancia.

El aprendizaje real no es una línea recta, es un mapa mental complejo que tú mismo debes dibujar. Si solo consumes información pasivamente (leyendo, viendo vídeos), esa información se resbala. Para que se quede, tienes que «sudarla», tienes que ponerla en práctica.

🪄 Hackea tu cerebro: Testing Effect & Recuerdo Espaciado

Aquí es donde la ciencia del aprendizaje (y el sentido común) viene al rescate. Deja de releer y empieza a recuperar.

1. El Efecto Test (Testing Effect)

La forma más potente de fijar un conocimiento no es meterlo dentro de tu cabeza una y otra vez, sino intentar sacarlo fuera.

  • Flashcards: No son solo para niños. Una cara la pregunta, otra la respuesta. Te obliga a buscar en tu memoria.
  • El auto-examen: Cierra el libro. Coge un folio en blanco (o tu libreta de Visual Thinking) e intenta dibujar el esquema de lo que acabas de leer. ¿Te atascas? Bien. Ese bloqueo es el momento exacto donde ocurre el aprendizaje.
  • Juegos y retos: Explícaselo a alguien (o a tu gato). Si no puedes explicarlo sencillo, no lo has entendido.

2. Recuerdo Espaciado (Spaced Repetition)

Tu cerebro es una máquina de olvidar. Es su mecanismo de defensa para no saturarse. La curva del olvido es brutal: en 24 horas puedes perder el 50% de lo estudiado. ¿La solución? No estudies 5 horas hoy y nada en un mes. Estudia 20 minutos hoy, 10 mañana, 5 la semana que viene. Interrumpe al olvido justo cuando está a punto de ganar.

Aprender para pensar (No para aprobar)

¿Por qué te cuento todo esto? Porque en la era de la Inteligencia Artificial, memorizar datos aislados tiene poco valor. ChatGPT ya tiene los datos.

Lo que aportas es la capacidad de:

  1. Estructurar esa información (darle orden al caos).
  2. Conectar ideas dispares (creatividad).
  3. Pensar críticamente.

Y aquí está la clave: No puedes pensar críticamente sobre algo que no conoces. Necesitas tener los conceptos en tu memoria a largo plazo para poder jugar con ellos, mezclarlos y crear soluciones nuevas.

El Visual Thinking no es solo dibujar monigotes, es el acto de coger información, procesarla con esfuerzo (estudio) y plasmarla en un mapa que tenga sentido para ti.

Te propongo un reto para hoy 🚀

No dejes que pase el día sin aprender algo nuevo, pero hazlo bien.

  1. Elige un tema que te interese (o ese informe técnico que se te resiste).
  2. Léelo una vez.
  3. Cierra todo.
  4. Intenta escribir (o dibujar) las 3 ideas principales sin mirar.

Te supondrá un esfuerzo. Te sentirás torpe. Pero te prometo que mañana seguirás recordándolo.

Y recuerda, cuando sientas que te cuesta, sonríe: significa que estás avanzando.

Don’t Give up!

Picture superiority effect

No es arte, es biología. La ciencia detrás del pensamiento visual

No es arte, es biología: La ciencia detrás del Pensamiento Visual (para escépticos) 

Seguramente, cuando escuchas «Visual Thinking» o «Liderazgo Visual», una parte racional de tu cerebro directivo levanta una ceja. «Eso queda muy bonito en los workshops de Design Thinking, pero yo gestiono infraestructuras críticas, presupuestos complejos y equipos multidisciplinares. No tengo tiempo para dibujar».

Te entiendo. Yo también siento el vértigo que produce dibujar y que piensen que simplemente son locuras que no llevan a ninguna parte. Pero lo cierto es que el dibujo no es «un adorno», es un «hack» biológico para el cerebro de nuestros equipos.

El «Picture Superiority Effect»

Existe un concepto en psicología cognitiva llamado el Picture Superiority Effect (Efecto de Superioridad de la Imagen). No es una opinión, es biología evolutiva. Durante millones de años, nuestros antepasados sobrevivieron identificando formas visuales (un tigre entre la maleza, una fruta madura) mucho antes de que inventáramos el lenguaje escrito.

Nuestro cerebro está cableado para ver. Leer es un «software» instalado recientemente en nuestra historia evolutiva, ver es el sistema operativo base, las imágenes son nuestro código máquina, mucho más rápido y eficiente.

Si eres un amante de los datos, aquí tienes uno: El cerebro procesa las imágenes 60.000 veces más rápido que el texto.

Procesamiento Verbal vs Visual
Procesamiento Verbal vs Visual

Cuando presentamos un informe lleno de texto en una diapositiva (todo un Muro de Texto), estás obligando a tu audiencia a decodificar símbolos abstractos (letras), ensamblarlos en palabras, luego en frases y finalmente extraer el significado. Es un procesamiento secuencial, lento, y generalmente agotador y poco motivante. Es como intentar descargar una película con un módem de los años 90, todo lleno de pitidos y chirridos.

Cuando presentas un diagrama o un dibujo, el cerebro capta la totalidad del concepto casi instantáneamente. Es banda ancha pura, fibra óptica de primera calidad.

Picture superiority effect
Así lo contaba ya en el 2019 – Picture superiority effect

No dibujamos para decorar

Como líderes tecnológicos, buscamos eficiencia. Optimizamos código, optimizamos procesos e intentamos acortar tiempos. Entonces, ¿por qué seguimos comunicándonos con un formato (solo texto/voz) que tiene tanta latencia cognitiva? y ¿por qué cuando decidimos añadir imágenes nos limitamos a decorar sin relación, ni sentido?

No estoy hablando de dibujar para que nuestros informes queden adornados. Os propongo dibujar para que nuestra comunicación sea eficiente y efectiva. No dibujamos para decorar la realidad, dibujamos para hackear la atención y la comprensión de quienes nos escuchan.

Te leo en los comentarios.