Notebook page with sketches of a person with arrows, light bulb, geometric shapes with equation, house with tree, rain cloud labeled IDEA, and a flowchart, next to a blue pen.

Día 7/14: El mosaico de la desconexión activa. 

📓 Día 7/14: El mosaico de la desconexión activa. ¿Qué pasa en tu cerebro cuando sueltas las pantallas?

Hoy alcanzo exactamente el ecuador del reto de 14 días de Visual Thinking que inicié al arrancar estas vacaciones en julio. Seis días de práctica constante explorando rumbos, metodologías ágiles, estoicismo y metáforas visuales. Hoy tocaba hacer balance y, para un día de resumen, he vuelto al magnetismo del papel negro.

He dividido la hoja en 6 cuadrantes limpios utilizando un rotulador metalizado y un lápiz blanco. En cada uno de ellos, he sintetizado con un único icono y algunas palabras clave el aprendizaje esencial de cada día anterior. El resultado es un mini-mosaico visual que resume una semana entera de reflexión.

Resumen primera semana #VisualRetoVacaciones
Resumen primera semana #VisualRetoVacaciones

Pero más allá del dibujo, hoy quiero hablaros de lo que ocurre «detrás de la pantalla» de nuestros ojos. Como tecnólogos, vivimos inmersos en una constante intoxicación de información. Procesamos gigabytes de datos diarios, pero casi siempre de forma pasiva o puramente digital.

¿Qué pasa en tu cerebro cuando dejas el ratón, coges un rotulador físico y te enfrentas a una hoja en blanco, sepia o negra?

  • 🧠 Activación motora y espacial: Al dibujar, obligas a tu cerebro a activar áreas distintas a las de la simple lectura o escritura en teclado, mejorando la retención de conceptos.
  • ⏳ Pensamiento lento (Slow Thinking): Forzar el trazo a mano ralentiza las revoluciones de la mente, obligándote a filtrar lo accesorio para quedarte solo con lo esencial.
  • 🔋 Desconexión analógica real: No es descansar viendo una serie o haciendo scroll en el móvil, es poner el foco en la fricción física del papel, permitiendo que el cerebro se recargue de verdad.

El pensamiento visual no es un pasatiempo veraniego, es una herramienta de alta productividad cognitiva para estructurar el caos mental.

🔥 TU RETO DE VACACIONES (Día 7)

Llegamos al ecuador del gimnasio visual y es el momento de consolidar.

El reto de hoy: No te pido 6 cuadrantes. Piensa en una sola lección o gran conclusión que te lleves de esta primera semana de julio (de tu trabajo, de tus lecturas o de tus vacaciones). Dibújala dentro de un cuadrado en cualquier papel usando un color llamativo para la idea central.

Hazle una foto y compártela en los comentarios aquí abajo o en tu perfil con el hashtag #VisualRetoVacaciones. ¡Celebremos juntos el ecuador del aprendizaje!

A los que gestionáis equipos y sistemas: ¿cómo lográis una desconexión mental real durante vuestros días de descanso? ¡Os leo en comentarios!

#VisualThinking #PensamientoVisual #DesconexionActiva 

Mapa_Mental_original

Multiplica tu impacto: Traducciones, variaciones y consistencia de estilo

Cómo usar la IA como tu taller de clonación visual para escalar tus ideas sin perder tu identidad.

Si te consideras un líder, seguro que conoces bien el concepto de la escalabilidad. En tu trabajo seguro que diseñas sistemas pensando en que puedan soportar más carga, más usuarios y más transacciones sin romperse. Sin embargo, cuando se trata de tu comunicación y de los diagramas que dibujas para explicar la estrategia, sueles encontrarte con un cuello de botella. Dibujamos un esquema magnífico en nuestra tablet, pero el tiempo que nos lleva adaptarlo para el equipo nos frena.

Aquí es donde ocurre la magia de la fase de mejora y escala combinando tu criterio con la IA. No se trata de que la IA dibuje por ti, se trata de que actúe como tu «fábrica de componentes» y tu traductor de diseño respetando tus fronteras invisibles (tu estilo, tus reglas y tu paleta de colores).

Mapa_Mental_original
Mapa_Mental_original

Traducción contextual en un clic🖱️

Imagina que has mapeado un mapa mental en español para tu equipo, pero quieres publicarlo en varios idiomas. Antes, cambiar los textos significaba borrar, mover elementos, ajustar flechas que se descolocaban por la longitud de las palabras y rediseñar el lienzo. Hoy, las herramientas de IA generativa y las pizarras digitales avanzadas permiten realizar traducciones manteniendo intacto el «bounding box» y la maquetación original, adaptando los tecnicismos al inglés o al chino de manera fluida y en segundos.

Mapa_Mental_Ingles
Mapa_Mental_Ingles
Mapa_Mental_Aleman
Mapa_Mental_Aleman
Mapa_Mental_Chino
Mapa_Mental_Chino

Clonación de estilo: Tu ADN visual automatizado 🧬

Uno de los mayores miedos del líder visual es que, al añadir nuevos elementos a un diagrama existente, estos parezcan «parches» extraños. La IA actual permite entrenar micro-modelos o usar prompts de referencia visual (Image-to-Image) para que, si necesitas un icono adicional, la IA lo genere imitando exactamente el grosor de tu trazo de rotulador y tu estilo de sombreado. El resultado final no desentona, parece salido de tu propio stylus. En este caso, no he trabajado mucho el prompt y aún así no desentonaría demasiado.

Modificaciones coherentes: El control de cambios del diseño ☑️

La verdadera potencia de la escala llega cuando necesitamos alterar la estructura viva del diagrama. Cuando la evolución del negocio nos obliga a introducir un nuevo módulo, un nuevo actor o una bifurcación en el proceso, la IA nos asiste realizando modificaciones coherentes. Esto significa que el nuevo elemento no solo copia tu estilo de trazo, sino que el sistema reorganiza dinámicamente las conexiones adyacentes de manera inteligente, manteniendo la armonía, las proporciones y la jerarquía visual de todo el mapa original. Es el equivalente a refactorizar código con la seguridad de que los tests visuales siguen pasando.

Mapa_Mental_Modificado
Mapa_Mental_Modificado

El Líder Visual no trabaja más, trabaja de forma más inteligente. La IA elimina la fricción operativa del dibujo para que tú te concentres exclusivamente en la claridad de la idea.

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.

Evolución de las personas

Humanizando los procesos – Cómo dibujar usuarios sin saber anatomía

Los que nos dedicamos a diseñar y definir procesos en las organizaciones, pasamos el día hablando de User Experience, Customer Journeys, Stakeholders y Team Members. Sin embargo, cuando nos acercamos a una pizarra para dibujar un proceso, las personas suelen desaparecer, siendo sustituidas por cajas frías con etiquetas como «Cliente» o «Usuario».

😅 ¿Por qué creo que es un error omitir el dibujo de las personas?

Porque el cerebro humano está cableado para empatizar con las figuras humanas. Un diagrama que incluye personas deja de ser un «mapa de proceso» para convertirse en una «historia de usuario».

🛠️ Tus dos herramientas principales para dibujar personas

Para dibujar personas no se requiere ningún tipo de conocimiento en anatomía, ni ser un retratista, tan solo tienes que dominar las formas básicas que ya os conté en mi post de la semana pasada. En cualquier caso, al igual que el típico gráfico de la evolución del hombre, te dejó también su evolución en el Visual Thinking

Evolución de las personas
Evolución de las personas

En cualquier caso, para comenzar a coger experiencia con el Visual Thinking te aconsejo practicar principalmente las dos siguientes:

  1. Star Person ⭐️ : Es la forma más rápida de dibujar acción. Una estrella de cinco puntas donde la punta superior es la cabeza. Permite mostrar movimiento, celebración o urgencia con apenas tres trazos.
  2. Block Person ▋: Si buscas representar un rol (un Administrador de Sistemas, un CEO, un Desarrollador), usa el «bloque». Un rectángulo sólido da una sensación de autoridad y estructura.

La persona cabeza y la persona palo son demasiado elementales, y aunque son útiles para apuntes rápidos, cuando realices un diagrama más serio trata de evitarlos. La persona plastilina te llevará más tiempo usarla bien, y no tengo claro que compense el trabajo necesario para dominar su uso salvo que quieras dar un aspecto muy profesional a tus sketchnotes, diagramas o infográfias.

⭐️ El toque maestro: La emoción mínima viable 🙂 😶 🙁

Buenas noticias, tampoco necesitas dibujar rostros complejos. La dirección de las cejas o la curva de la boca son suficientes para indicar dónde le duele el proceso al usuario (punto de dolor) y dónde siente el éxito.

Emocionalidad
Emocionalidad

Cuando dibujas el «dolor» del usuario en un flujo de proceso, la necesidad de tu proyecto se vuelve indiscutible, y cambia totalmente la perspectiva y el sentido del mismo. Empatiza con tu audiencia cualquiera que esta sea.

¿Te animas a incluir personas en tus diagramas y procesos?

Comparte tu experiencia …👇