jrgsanta

Patrones de Diseño: 4 estructuras para organizar el caos

21 febrero, 2026 / jrgsanta / No hay comentarios

Ya tenemos nuestras variables (formas), funciones (conectores) y usuarios (personas). Pero, como en el desarrollo de software, sin una buena arquitectura de la información, el resultado es código espagueti sin orden, un caos.

En una pizarra o libreta, el «dónde» pones las cosas importa tanto como el «qué» dibujas. Para no abrumar a tu audiencia, puedes comenzar utilizando uno de de los 4 patrones básicos, que están ampliamente probados y funcionan muy bien.

➡️ El Patrón Lineal

Estructuras VT - Lineal — Estructuras VT – Lineal

Ideal para procesos, hojas de ruta (roadmaps) o historias de usuario. El cerebro lee de izquierda a derecha. Lo podemos usar principalmente cuando el orden de los factores sí altera el producto.

*️⃣ El Patrón Radial

Estructuras VT - Radial — Estructuras VT – Radial

Perfecto para lluvias de ideas o para explicar un concepto central y sus dependencias. Pones la idea en el centro y dejas que los detalles orbiten a su alrededor. Es la estructura de los Mapas Mentales. Te recuerdo que en mi blog tengo múltiples post sobre mapas mentales.

⬆️ El Patrón Vertical

Estructuras VT - Vertical — Estructuras VT – Vertical

Indica jerarquía. De lo general a lo particular. Lo podemos usar para organigramas, arquitecturas de microservicios o para desglosar un presupuesto desde el total hasta la partida más pequeña.

🔣 El Patrón Modular

Estructuras VT - Modular — Estructuras VT – Modular

Excelente para tomar decisiones. Dividimos el espacio en cuadrantes (ej. Urgente vs. Importante). Nos ayuda a comparar opciones de forma objetiva.

🤔 Seleccionar la estructura más adecuada

Profundicemos ahora en el proceso esencial que se debe seguir para el desarrollo de cualquier proyecto. Este proceso se inicia con una fase crucial conocida como pensamiento divergente. Durante esta etapa, el objetivo principal es la generación de una amplia variedad de ideas, sin juzgarlas ni filtrarlas inicialmente. Es un momento de exploración creativa donde la cantidad supera a la calidad, buscando agotar todas las posibilidades y perspectivas relacionadas con el proyecto. La meta es producir el mayor número posible de soluciones, enfoques o conceptos.

Una vez que el flujo de ideas comienza a disminuir y ya no nos surgen nuevas opciones relevantes, se produce una transición natural hacia la fase de pensamiento convergente. Esta etapa representa un cambio de enfoque: de la expansión a la selección y concreción. Aquí, el análisis crítico cobra importancia, y la tarea se centra en evaluar, agrupar y filtrar las ideas generadas en la fase anterior para identificar una o varias posibles soluciones viables y efectivas. Es precisamente en esta fase convergente donde se toma la decisión fundamental de seleccionar la estructura más adecuada que servirá como marco para el proyecto.

Por lo tanto, el desarrollo de un proyecto se rige por la siguiente secuencia metodológica y principios de composición:

Organización conceptual y simplificación textual: Es imperativo ordenar y jerarquizar las ideas recopiladas. Simultáneamente, se debe llevar a cabo un proceso de síntesis y simplificación de los textos o contenidos verbales. Esto garantiza claridad, y facilita la comprensión del mensaje principal.
Asociación de iconografía y simbología visual: Para reforzar el mensaje y mejorar la retención, podemos asociar una iconografía, o simbología visual específica a cada uno de los elementos, conceptos o secciones clave del proyecto. Esta codificación visual ayuda a establecer anclajes mentales y a dinamizar la comunicación.
Selección y definición de la estructura: Se debe seleccionar meticulosamente la estructura, el layout o la composición que mejor se adapte al contenido, al objetivo del proyecto y al público. Esta estructura debe ser el resultado de la evaluación crítica realizada en la fase convergente.
Uso estratégico del espacio negativo o blanco: El espacio en blanco no debe verse como un vacío, sino como un elemento compositivo activo y adicional. Su uso estratégico es fundamental para:
- Mejorar la legibilidad y la respiración visual.
- Crear jerarquía visual entre los elementos.
- Enfocar la atención del espectador en los elementos clave.

💛 Regla de Oro: Respeta el espacio en blanco

En tecnología, optimizamos el espacio en disco, pero en comunicación visual, el espacio vacío es tu mejor aliado. Permite que el ojo descanse y sepa qué es lo verdaderamente importante. Si tu dibujo está demasiado apretado, tu mensaje también lo estará.

¿Qué te parece? Te leo en los comentarios.

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

15 febrero, 2026 / jrgsanta / 1 comentario

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

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

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.
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.

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 …👇

Sintaxis Visual: Flechas, Contenedores y Lógica de Negocio

7 febrero, 2026 / jrgsanta / 1 comentario

En programación, puedes tener los mejores datos del mundo, pero sin operadores lógicos (IF, THEN, ELSE), no tienes un programa. En el Pensamiento Visual ocurre lo mismo, las formas son los «nombres» que representan a los objetos, pero los conectores y contenedores son los «verbos» y representan las acciones.

Como líder, tu trabajo no es solo identificar piezas, sino explicar cómo interactúan. Para ello, necesitamos dominar estas dos herramientas clave: Los conectores y los contenedores.

➡️ Las Flechas o Conectores (representan el flujo logístico)

No todas las flechas son iguales. Una flecha no es solo una línea con punta y ya, se trata de una instrucción completa que no podemos dejar al azar. Veamos algunas básicas:

Flecha continua: Un flujo de datos normal.
Flecha discontinua: Una relación débil o una posibilidad futura.
Flecha de doble sentido: Sincronización o diálogo entre sistemas.
Flecha con un «rayo»: Un punto de fricción o un error en el proceso.

Estas son solo algunas de las básicas, pero ahora te toca a ti crear las tuyas propias. Te dejo unas pocas más para inspirarte. Buscar las que mejor se adapten a los procesos de tu negocio y después practicar usandolas. Tu objetivo añadirlas a tu propia biblioteca visual de forma fluida.

🚩Los Contenedores (Alcance o Scope)

En cualquier ambito, el contexto lo es todo. Dibujar un cuadrado o una nube alrededor de un grupo de elementos define el alcance.

¿Esto es parte del backend? Enciérralo en un contenedor. ¿Es un servicio externo? Dibújalo dentro de una nube. El contenedor le dice al cerebro: «Todo lo que está aquí dentro pertenece al mismo dominio».

⭐️ Conclusión

Cuando combinas una forma (Sujeto) con una flecha (Verbo) dentro de un contenedor (Contexto), dejas de hacer dibujos y empiezas a programar la mente de tu audiencia para que entienda la lógica de tu negocio de forma instantánea.

¿Aprendes o te enseñan?

4 febrero, 2026 / jrgsanta / No hay comentarios

Sé sincero ✋. ¿Cuántas veces has sentido esa ansiedad de que te estás quedando atrás?

Abre LinkedIn o Twitter un día cualquiera. Sale una nueva IA, un nuevo framework de gestión, una metodología que promete revolucionar tu productividad… y tú sigues intentando poner orden en tu bandeja de entrada en el correo de turno.

Vivimos en la era de la infoxicación. El conocimiento se ha convertido en un commodity, pero la capacidad de asimilarlo, filtrarlo y aplicarlo es el verdadero oro. Y aquí es donde nos atascamos.

¿Me apunto a un curso o me lo miro por mi cuenta?

Hoy quiero que miremos el sketchnote de arriba 👆. No es solo un garabato; es un mapa de ruta para tu supervivencia profesional en la era de la Inteligencia Artificial.

La trampa del parálisis por análisis

A menudo pensamos que ser autodidacta y tener un mentor son dos polos opuestos. Como si tuvieras que elegir entre ser un llanero solitario o el eterno estudiante de la fila uno.

‼️ Error.

Como ves en el sketchnote, no son opciones excluyentes, son fases de un mismo viaje. El problema surge cuando queremos empezar la casa por el tejado (ser autodidacta sin base) o cuando nos quedamos a vivir en el sótano (depender siempre de un curso para dar un paso).

Fase 1: El Mentoring (Evita la frustración) 🏛️

Fíjate en la parte derecha del sketchnote que te comparto. El proceso formal.

Cuando entras en un terreno nuevo (por ejemplo, aprender Visual Thinking o Prompt Engineering), el caos es tu enemigo. No sabes lo que no sabes.

Aquí, buscar un mentor no es de débiles, es de listos.

Estructura de apoyo: Un mentor te da el mapa, no solo el destino.
Evita la frustración: Te ahorra las 50 horas de prueba y error que él ya sufrió.
Foco: Te dice dónde mirar en la gráfica (como el profesor del sketch).

Si estás empezando, busca esa estructura. No intentes reinventar la rueda si aún no sabes cómo es un círculo.

Fase 2: El Salto (Comienza con un guía… pero no te quedes ahí) ⏭️

Aquí está la clave de todo. La flecha naranja gigante del centro: «Comienza con un guía».

La educación reglada o mentorizada tiene un riesgo: la comodidad. Es fácil seguir instrucciones. Es seguro. Pero en el mundo real, y más con el auge de la IA, las instrucciones cambian cada mañana.

Si dependes siempre de que alguien te diga «haz esto», una IA acabará haciéndolo por ti.

Fase 3: El Autodidacta (Tu seguro de vida) 🧭

Ahora mira a la izquierda. Aquí es donde ocurre el crecimiento real a largo plazo.

Convertirse en autodidacta no es leer libros al azar. Fíjate en las palabras clave que rodean a nuestro protagonista:

Requiere Planificación: Ya no hay temario oficial. Tú eres el rector de tu propia universidad. ¿Tienes un plan o solo buenas intenciones?
Constancia: Nadie va a pasar lista. Si tú no apareces, nadie lo nota… excepto tu «yo» del futuro.
Flexible y Creativo: Aquí es donde alineas el aprendizaje con tus metas personales. Ya no aprendes «por si acaso», aprendes «para un objetivo concreto”.

El Pensamiento Crítico en la era HumanIA 🤖

¿Por qué es esto vital hoy?

Porque la Inteligencia Artificial nos da respuestas inmediatas. Nos da código, textos, imágenes y resúmenes. Pero la IA no tiene criterio propio, tiene estadística.

Para usar la IA, necesitas saber qué preguntar y saber juzgar si la respuesta es basura o brillante. Y eso, amigo mío, solo se consigue habiendo transitado ese camino de aprendizaje profundo.

El Mentor te enseña las reglas.
El Autodidacta aprende cuándo romperlas.

¿Cuál es tu siguiente paso? 👣

El aprendizaje continuo no es una opción, es la base de tu sistema operativo profesional.

💡 Te propongo un ejercicio rápido (Visual Thinking en acción):

Dibuja una línea en un papel. A la izquierda pon «Novato absoluto», a la derecha «Experto». Ubica dónde estás en esa habilidad que te quita el sueño.

¿Estás al principio? Busca un curso o mentor. Deja de dar palos de ciego.
¿Ya tienes la base? Suelta la mano del profesor. Diseña tu propio plan, experimenta, sé flexible y, sobre todo, aplica tu pensamiento crítico.

No dejes que la ola de información te ahogue. Aprende a surfearla.

Don’t give up! 🙌

Te leo en comentarios 👇¿En qué fase estás ahora mismo con tu mayor reto profesional? ¿Modo alumno o modo explorador?

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

1 febrero, 2026 / jrgsanta / 3 comentarios

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:

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:

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.