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

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

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

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

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

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.