De Monolitos a Agentes Autónomos

El ecosistema vivo

De Monolitos a Microservicios y Agentes Autónomos

Explicar la arquitectura de nuestros sistemas a un comité de dirección o a los stakeholders de negocio suele ser un reto. Tradicionalmente, la tecnología ha sido percibida como una caja negra inescrutable. Sin embargo, si queremos tener éxito en la transición hacia la Inteligencia Artificial, necesitamos que todos entiendan cómo están evolucionando las infraestructuras. No podemos gestionar lo que no podemos visualizar.

Imagina la evolución de nuestros sistemas como la transformación de una ciudadela antigua en una metrópolis moderna.

De Monolitos a Agentes Autónomos
De Monolitos a Agentes Autónomos

🪨 El Monolito

La Fortaleza de Piedra Durante años, hemos construido Sistemas Monolíticos. Visualízalo como un enorme y pesado bloque de piedra, robusto y unificado. En su interior, la interfaz, la lógica de negocio y los datos están completamente fusionados. Es seguro y soporta el peso de las transacciones diarias (nuestro Core), pero tiene un problema fundamental: la fricción y está cubierta de Deuda Técnica. Si quieres actualizar una sola ventana de esta fortaleza, tienes que paralizar toda la estructura. Moverlo es lento, pesado y arriesgado.

Seguimos manteniendo sistemas Legacy pero el reto está en ir transformándolos.

🔺 Microservicios y APIs

La Flota Ágil Para ganar velocidad, rompimos la piedra. Pasamos a ecosistemas de Microservicios. Imagina ahora una flota coordinada de pequeñas naves espaciales o bloques de Lego de colores. Cada bloque es independiente, hace una sola tarea a la perfección y se comunica con los demás mediante rayos de luz precisos (las APIs).

Esta arquitectura nos da agilidad: si una pieza necesita actualizarse, se cambia sin detener al resto de la flota. Y ahora estos sistemas pueden utilizar IA o ser sustituidos directamente por agentes IA.

🤖 Agentes de Inteligencia Artificial. Los Sherpas Digitales

De hoy en adelante, la arquitectura da un salto mucho más ambicioso. Ya no solo tenemos piezas reactivas, estamos incorporando Agentes de IA. Visualízalos como pequeños sherpas especializados que orbitan como drones alrededor de los usuarios y de las bases de datos.

Un asistente conversacional que navega por la documentación corporativa sin tocar los sistemas transaccionales, o agentes generados en entornos como Copilot 365 que asumen tareas específicas de forma casi autónoma.

💬 El mensaje para la dirección

La adopción de esta arquitectura híbrida e inteligente es inevitable. El éxito no radica en destruir la fortaleza de piedra de la noche a la mañana, sino en controlar esta transición con inteligencia. Nuestro reto como líderes es equilibrar la balanza: acelerar la velocidad de adopción de estas nuevas herramientas modulares, mientras garantizamos una seguridad extrema que proteja la confianza de nuestros usuarios.

La agilidad nos permite competir, la seguridad y la confianza nos permiten sobrevivir.

Narrativa Visual

El Camino Feliz: Cómo contar historias con tus procesos técnicos

En la comunicación técnica habitual, solemos caer en una trampa visual: los clásicos diagramas de flujo llenos de rectángulos, rombos y flechas cruzadas. Son útiles para trazar lógica pura, pero fallan cuando queremos transmitir valor, urgencia o empatía a perfiles de negocio, marketing o dirección.

Para transformar estos diagramas en motores de decisión ágil, debemos aplicar el diseño de la información. Esta disciplina une el arte visual con la ciencia de datos para que la comunicación sea lo más eficiente posible. El objetivo no es dar más información, sino reducir la «fatiga mental» (carga cognitiva) de quien nos mira. ¿Cómo lo hacemos? Empezando por el «Camino Feliz».

😀 El Camino Feliz 

El Camino Feliz es el flujo ideal de nuestro proceso, ese donde todo sale bien. El secreto de un líder visual es diseñar el esquema de forma que la vista del usuario vaya directa a ese flujo óptimo. Para lograrlo, usamos la precedencia global: un fenómeno por el cual nuestro cerebro identifica primero el «todo» (la imagen general) antes de detenerse en los detalles.

Para resaltar este camino, jugamos con la jerarquía visual:

  • Color y grosor: Diseña la ruta principal con un color vibrante o una línea más gruesa que destaque sobre el resto del diagrama.
  • Contraste: Si el fondo y los elementos secundarios tienen tonos tenues, el cerebro identificará el flujo crítico al instante como la figura principal.

🤕 Puntos de Dolor

El liderazgo visual no oculta los problemas; los resalta para que se puedan solucionar. Los «Puntos de Dolor» deben mostrarse de forma clara y aislada. Aquí aplicamos el Efecto Von Restorff, que nos dice que aquello que rompe la norma atrae irremediablemente nuestra atención.

Si marcas todos los cuellos de botella con un mismo color de alerta (como un pequeño fuego o un muro), la Ley de Similitud de la Gestalt hará que tu audiencia los agrupe automáticamente como una misma categoría de problemas que requieren acción inmediata.

Narrativa Visual
Narrativa Visual (Ejemplo Cafetería)

🌈 ¿Qué pasa si mi paleta de colores corporativa es limitada?

A veces, los colores de tu empresa no ayudan (¡a veces el color de alerta es el mismo que el del logo!). Si no puedes usar rojos o amarillos chillones, usa estas alternativas:

  1. Contraste por tamaño: Haz que el «Camino Feliz» sea mucho más ancho que los demás.
  2. Espacio negativo: Deja mucho espacio en blanco alrededor de un «Punto de Dolor». El vacío hará que resalte por sí solo.
  3. Cambio de forma: Si todo son rectángulos, usa una forma orgánica o rompe el contenedor para señalar el error.

⭐️ Conclusión

En resumen: resalta el Camino Feliz, señala los Puntos de Dolor y usa tu paleta corporativa con inteligencia visual. Así, dejarás de presentar mapas aburridos para contar historias estratégicas. Reducirás la carga cognitiva de tu equipo y les ayudarás a entender, de un solo vistazo, dónde estamos teniendo éxito y dónde tenemos que actuar.

El poder del Zoom. Por qué tu arquitectura aburre hasta a las ovejas 

¿Alguna vez has proyectado un diagrama en una reunión y has visto cómo el alma del Director de Negocio abandonaba lentamente su cuerpo?

Esto es lo que nos pasa cuando intentamos explicarlo todo a la vez. Abrimos el diagrama y, en el primer segundo, ya estamos explicando las 50 integraciones, la base de datos y los firewalls.

Una mejor estrategia es pensar al estilo Google Maps. Si queremos ir de Madrid a Barcelona, no necesitamos ver el número de portal de una calle peatonal en Zaragoza por haber pensado en hacer una parada allí. Necesitamos una primera visión a nivel de país. Solo cuando nos acercamos a los puntos concretos, el detalle tiene un verdadero sentido.

En el mundo técnico, esto se soluciona dominando los niveles de abstracción. Una  herramienta especialmente útil para esto es el Modelo C4 adaptado al Visual Thinking.

¿Por qué se llama C4? Porque tiene 4 niveles (Contexto, Contenedores, Componentes y Código). Pero te voy a contar un secreto: el cuarto nivel casi nunca lo dibujamos. Mostrar líneas de código en una reunión es la forma más rápida de que alguien empiece a mirar el móvil. Así que nos centraremos en los 3 primeros, los que realmente importan para alinear tecnología y negocio.

Vamos a verlo con un proceso real y doloroso: La concesión de una hipotética hipoteca. (completamente inventado)

🌍 Nivel 1: El Contexto (La vista de helicóptero para el CEO)

Nivel 1 – VT sistema de capas
  • Qué es: El «qué» y el «quién». Cero tecnología, pura intención.
  • Diagrama: En el centro, una caja que dice «Sistema de Hipotecas». A la izquierda, un muñequito (el Cliente que quiere una casa). A la derecha, otro sistema (La entidad Financiera).
  • Mensaje: «El cliente nos pide dinero y nosotros comprobamos si es de fiar». Sencillo, directo y nadie se marea.

🏙️ Nivel 2: Los Contenedores (La vista de ciudad para Producto/Operaciones)

Nivel 2 - VT sistema de capas
Nivel 2 – VT sistema de capas
  • Qué es: Hacemos zoom. Abrimos esa caja central para ver las grandes piezas del motor.
  • Diagrama: El cliente interactúa con la «App Móvil» (donde sube sus nóminas). Esa App envía los datos al «CRM» (para generar una ficha) y al «Motor de Riesgos» (el cerebro de la operación).
  • Mensaje: «Aquí vemos cómo la información viaja desde el móvil del cliente hasta los departamentos que toman la decisión».

🏗️ Nivel 3: Los Componentes (La vista de calle para el Equipo Técnico)

Nivel 3 - VT sistema de capas
Nivel 3 – VT sistema de capas
  • Qué es: Hacemos zoom extremo dentro de una sola pieza (por ejemplo, el Motor de Riesgos).
  • Diagrama: Engranajes puros. Vemos la «API de Conexión Externa», el «Algoritmo de Scoring» (que decide si el cliente es solvente) y la cola de «Revisión Manual» por si el algoritmo tiene dudas.
  • Mensaje: «Así es como hemos construido el sistema internamente para calcular el riesgo en menos de 3 segundos».

Y el Nivel 4, el Código... lo dejamos únicamente en el repositorio para que los desarrolladores sean felices.

💡 La lección

No demuestras cuánto sabes por lo saturado que está tu diagrama, sino por tu capacidad para ocultar la complejidad hasta el momento exacto en que es necesaria. Epicteto decía que el hombre sabio se enfoca solo en lo que es relevante. En Visual Thinking, lo relevante depende exclusivamente de la lente con la que estés mirando.

¿Y tú? ¿Eres de los que enseñas los engranajes del reloj cuando solo te han preguntado la hora?

👇 ¡Te leo en los comentarios!

Usar Librerías de Componentes

Escalabilidad Visual. Construye tu propia Librería de Componentes

Si le pides a un desarrollador que construya una nueva página web, ten por seguro que no va a programar el botón de «Aceptar» o el menú de navegación desde cero. Utilizará librerías, frameworks (como React o Angular), componentes pre-construidos, o directamente aplicará vibe-coding con una IA. La programación moderna no se basa en escribir más código, sino en reutilizar código inteligente. 

Entonces, ¿por qué cuando tienes que explicar una arquitectura de red, dibujas el mismo servidor, la misma base de datos y la misma nube por centésima vez?

La verdadera revolución de pasar del soporte físico al entorno digital (tu iPad o tablet) no es solo el poder de «Deshacer» (Ctrl+Z) o el trabajo con capas. La ventaja definitiva es la reutilización.

Un Visual Thinker no pierde el tiempo repitiendo tareas mecánicas, crea sus propios «componentes» visuales personalizados, los guarda en su stack tecnológico y simplemente los ensambla para construir nuevos diagramas a una velocidad asombrosa. Básicamente su trabajo consiste en ir ensamblando componentes como si se tratará de un Lego.

Usar Librerías de Componentes
Usar Librerías de Componentes

📚 Cómo construir tu propia Librería de Componentes:

No necesitas cientos de dibujos. Para el 90% de tus reuniones corporativas, solo necesitas estandarizar una docena de elementos como máximo y muchas veces con la mitad tendrás más del 80% de lo necesario. Te propongo este flujo de trabajo:

  1. La fase de creación: Dedica un tiempo de tu semana a dibujar en tu app favorita (Procreate, Goodnotes, Concepts) tus kits básicos. Ya sea de una categoría concreta, o de un evento específico.  En mi caso particular utilizaré Paper que considero es una herramienta genial para este propósito, pero tú utiliza la que te sea más útil. Dibuja tu versión de:
    • Infraestructura: Un servidor, una nube, una base de datos (un cilindro), un engranaje (proceso).
    • Objetivos: Un diana, una meta, una estrella para lo prioritario.
    • Evento concreto (Lean): Un engranaje, una balanza, una regla, un cronómetro.
  2. La extracción (El recorte): Las apps modernas te permiten seleccionar estos dibujos con la herramienta de lazo y guardarlos como «Elementos», «Pegatinas» (Stickers) o «Pinceles/Sellos». Cada herramienta tiene una forma de implementar la funcionalidad.
  3. El ensamblaje en vivo: La próxima vez que estés en una videollamada por Teams explicando cómo un nuevo usuario se conecta a la base de datos a través de una API segura, no te pongas a dibujar todo eso a mano. Abre tu librería, arrastra tu icono de «usuario», tu icono de «nube» y tu «candado». Solo tendrás que dibujar en vivo las flechas que los conectan.

Al hacer esto, multiplicas tu agilidad por diez. La tecnología se encarga del trabajo repetitivo (los componentes) y tú aportas el verdadero valor: las conexiones lógicas y la estrategia.

Te leo en los comentarios

Sesiones On-line

De presentador a facilitador en sesiones on-line

¿Cómo te sentirías proyectando directamente tu iPad? Créeme es una forma muy eficaz de revivir tus reuniones en remoto, y por lo general a la gente les encanta. Te confieso que en mi trabajo no lo he probado, pero si en los webinars que realizo de Visual Thinking y suele ser una experiencia increíblemente satisfactoria.

Piénsalo por un momento: ¿cuál es tu nivel de atención en el minuto 20 de una reunión por Teams o Zoom mientras alguien te está leyendo una tras otra diapositivas llenas de viñetas? Si eres humano, tu cerebro probablemente ya esté pensando en esa tarea que tienes pendiente o revisando el correo si dispones de una segunda pantalla. A esto lo llamamos «Zoom Fatigue» (Fatiga de Zoom). Y también te confieso que a mi personalmente me pasa, y dado que no soy especial creo que nos pasa a todos en mayor o menor medida.

Como líderes, nuestro trabajo es alinear equipos, y no puedes alinear a un equipo que no te está prestando atención.

En la oficina física, es fácil cambiar el ritmo, si te atreves: te levantas, coges un rotulador y te vas a la pizarra. El simple acto físico de levantarte y dibujar hace que todos los ojos se centren en ti. La biología humana está programada para seguir el movimiento. Cuando alguien está dibujando una línea en tiempo real, nuestro cerebro no puede evitar mirar para ver cómo termina.

¿Cómo replicamos la magia de la pizarra en el entorno remoto? Conectando nuestro stack visual a la videollamada. Al compartir la pantalla de nuestro iPad o tablet, transformamos una reunión pasiva en una sesión de co-creación dinámica. Y ahí esta la cuestión, personalmente tengo un iPad, pero en el trabajo No, y esta es una de las razones que me impiden utilizar estos medios en el ambiente de trabajo.

Sesiones On-line
Sesiones On-line

El «Setup» técnico (simplifica): No necesitas un estudio de televisión. Las tres formas más fiables de proyectar tu tablet son:

  1. Conexión por Cable: Conecta tu iPad al ordenador (Mac o PC) mediante USB. Es la opción con menos latencia y no depende de la red Wifi. En Zoom y Teams puedes compartir la ventana que muestra la tablet.
  2. Conexión Inalámbrica (AirPlay/Cast): Si usas el ecosistema Apple, compartir la pantalla del iPad al Mac es nativo y sin cables.
  3. Entrar a la reunión con el iPad: Simplemente descarga la app de Teams/Zoom en tu tablet, entra a la reunión como un segundo invitado (silencia el micro y altavoz para evitar ecos) y dale a «Compartir Pantalla».

El Truco del Mago (aplicando lo aprendido): ¿En uno de mis anteriores posts te hablaba de Las Capas? Aquí es donde explota su potencial. No tienes que empezar a dibujar con el lienzo en blanco en directo (eso genera mucha presión). Haz los deberes: dibuja la estructura base (Capa 1) antes de la reunión. Cuando empiece la llamada, comparte la pantalla con el esquema ya montado, y dedícate únicamente a dibujar en vivo las conexiones (Capa 2), los flujos de datos o escribir las conclusiones con tu equipo.

Cuando dibujas en vivo, el equipo siente que la solución se está construyendo con ellos, no que se les está imponiendo a ellos. Has dejado de ser un presentador para convertirte en un facilitador. ¿Qué te parece esta aproximación? ¿Te hace sentido?

Te leo en los comentarios…