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.

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

Trabajando por CAPAS (1)

Las capas en el Visual Thinking

Las capas en el Visual Thinking: Por qué dibujar en digital es como usar el antiguo papel de cebolla, o los acetatos en las presentaciones. ¿igual esto os resulta bastante viejuno?

Todos hemos dibujado en una pizarra blanca o en un cuaderno físico, pero lo que igual no conoces, por lo menos por su nombre, el «Sindrome del último trazo». Tienes un esquema perfecto, la arquitectura de sistemas está clarísima. Solo te falta añadir un poco de color o subrayar un par de conceptos para terminar. Coges el rotulador naranja, trazas una línea y… el rotulador negro de base se emborrona, y horror todo el dibujo queda sucio. El esquema queda arruinado y no hay vuelta atrás.

El miedo a estropear lo que ya funciona nos vuelve conservadores. En el papel físico, el dibujo es destructivo: cada nuevo trazo altera irremediablemente lo que había debajo.

Pero en el entorno digital, en apps como Procreate, tenemos una herramienta mágica que nos proporciona un seguro para nuestro trabajo: Las Capas (Layers).

Trabajando por CAPAS (1)
Trabajando por CAPAS (1)

Las Capas / Layers

¿Qué son las capas? Imagina que estás dibujando sobre láminas de acetato transparente apiladas unas sobre otras. Puedes pintar en la lámina superior sin tocar absolutamente nada de lo que hay en la lámina inferior. Si no te gusta cómo queda el color, simplemente borras esa lámina, pero tu dibujo en blanco y negro sigue intacto debajo.

La metáfora es evidente: Las capas son las hojas de papel cebolla del Visual Thinking. Te permiten hacer experimentos, probar una nueva idea, y si no funciona, descartar esa hoja sin afectar a la hoja principal. Es el concepto de edición no destructiva.

La Regla de las 4 Capas para Líderes Visuales

No necesitas 50 capas para hacer un buen esquema de negocio. Para mantener la agilidad, te propongo un framework básico de 4 capas:

  • Capa 1: El Andamio (Borrador). Usa un color claro (gris o azul celeste). Dibuja rápido, encaja los elementos, equivócate. Aquí defines si el mapa mental cabe en la pantalla o si la arquitectura tiene sentido espacial. Esta capa quedará oculta en el resultado final
  • Capa 3: La Producción (Tinta). Crea una capa nueva encima. Ahora, con un color oscuro y firme (negro o azul marino), calca y mejora solo las líneas buenas de tu borrador. Una vez termines, puedes ocultar o borrar la Capa 1 tal y como te indicaba antes. ¡Magia! Tu esquema se ve limpio y profesional.
  • Capa 2: El color y elementos de fondo (Color). En esta capa añade el color, y elementos de fondo como logos, marcas de agua u otros elementos. Esta capa quedará por debajo de la capa de producción.
  • Capa 4: Los Datos y el Foco (Texto). Crea una última capa superior. Aquí es donde escribes los textos y las métricas clave. Si el mes que viene los datos cambian, solo borras esta capa y reescribes, sin tener que redibujar toda la arquitectura.
Trabajando por CAPAS (2)
Trabajando por CAPAS (2)

Las capas no son solo una herramienta de diseño; son una herramienta de seguridad psicológica. Te quitan el miedo a equivocarte, y cuando pierdes el miedo, tu capacidad para explicar conceptos complejos se dispara.

Cuando manejes con soltura las capas puedes buscar tu propia estructura o método de gestión de capas, y combinar también con las transparencias para enriquecer nuestros diseños y esquemas.

¿Conocías la existencia de este elemento y su potencia? ¿Las utilizas? Te leo en los comentarios.

El Lienzo Infinito y la trampa del Ctrl+Z.

El Lienzo Infinito y la trampa del Ctrl+Z. Por qué los límites te hacen más creativo.

Recuerdo la primera vez que cambié el rotulador permanente y mis cuadernos por un iPad y un stylus. Fue como adquirir superpoderes. De repente, el espacio no terminaba en el borde del papel, era prácticamente infinito. Podía hacer zoom hasta un nivel increíble, y si me equivocaba, la magia del doble toque en la pantalla deshacía mi error. El famoso «Ctrl+Z».

¿El salto digital realmente era la libertad absoluta?. Pues NO, pronto descubrí el lado oscuro de esa libertad: la parálisis por análisis y el perfeccionismo tóxico.

Con mi cuaderno, en el mundo físico, las limitaciones dictan las reglas, y eso es una ventaja oculta. Cuando nos enfrentamos a un cuaderno con un rotulador, tenemos que pensar antes de trazar. Sabemos que el espacio es limitado, así que nos vemos obligados a sintetizar. Sabemos que no hay botón de deshacer, así que aceptamos la imperfección del trazo y nos enfocamos en el mensaje, no en la estética.

En el entorno digital, el lienzo infinito a menudo provoca que perdamos la perspectiva global. Hacemos tanto zoom in para detallar un pequeño servidor o un icono, que cuando hacemos zoom out, el esquema general es confuso y caótico. Por otro lado, el «Ctrl+Z» nos invita a borrar y repetir una línea diez veces hasta que quede perfecta, consumiendo nuestro tiempo y matando la agilidad del Visual Thinking.

Teoría de las limitaciones

Aquí es donde entra en juego la Teoría de las Limitaciones. En creatividad, las restricciones y los límites no son un freno, son los catalizadores. Un problema confinado en un espacio limitado obliga al cerebro a buscar atajos, a utilizar metáforas más potentes y a extraer la esencia pura de la idea.

¿Significa esto que debemos renunciar al iPad y volver al papel? En absoluto. El salto a lo digital es necesario para escalar nuestros resultados en entornos digitales. Lo que debemos hacer es adoptar una mentalidad híbrida y usar herramientas digitales, pero imponiéndonos reglas analógicas.

Establecer límites
Establecer límites

Las 3 reglas de oro para el salto digital

  • Ten presente tus propios bordes: Aunque tu app te ofrezca un lienzo infinito, lo primero que debes hacer es pensar en el espacio antes de empezar a dibujar y después encajar tu proceso dentro de él.
  • Usa el Zoom con propósito: Usa el zoom sólo para moverte, no para añadir detalles que nadie verá en tu diseño. Si no cabe en el tamaño que has definido, es que la idea es demasiado compleja.
  • El Ctrl+Z es para la estructura, no para el trazo: No deshagas una línea temblorosa (eso le da personalidad a tu dibujo). Usa el deshacer solo si te das cuenta de que la estructura completa (la metáfora que elegiste) no funciona y necesitas cambiarla.

La tecnología nos da las herramientas, pero la mente humana, con su capacidad de síntesis y sus maravillosas limitaciones, es la que pone el foco y la intención.

¿Qué opinas sobre la teoría de las limitaciones? Te encaja, te leo en los comentarios…

Muchas gracias por haber llegado hasta aquí.👈