30 ago 2019

Cómo Crear un Hermoso Mapa Mental - Principios, Ejemplos y Consejos

Avinash Priya

El mapa mental es una herramienta de pensamiento visual. Lo utilizamos para visualizar nuestros pensamientos y obtener una visión general. Cuando un mapa mental es complicado, su legibilidad representa un gran desafío para el público.

Aunque está bien si solo haces mapas mentales para ti mismo, tu público podría no pensar lo mismo.

Hoy presentaremos el caso de cómo usar las características de XMind 2020 para dibujar mapas mentales hermosos.

Mind map with a central idea branching into three related concepts on a dark background.

## Los principios de crear un ejemplo de mapa mental

Antes de sumergirnos en las características, primero podemos echar un vistazo a cuatro principios principales de The Non-Designer’s Design Book. Estos cuatro principios son los más fundamentales en el diseño. Al pensar en estos cuatro principios, puedes presentar información clave de manera más rápida, efectiva e intuitiva.

Infographic illustrating design principles: Contrast, Repetition, Alignment, Proximity, with definitions and visual examples.

1/ Proximidad - Agrupa los elementos relacionados dentro del mismo grupo

Organiza elementos relacionados juntos. Para ideas similares o relacionadas, podemos organizarlas agrupando o fusionando (límite, resumen, creando nodos principales, aplicando el mismo estilo, etc.). El principio de proximidad no solo ayuda en tu presentación, sino que puede obligarte a lograr la organización más clara.

Multiple blue circles and squares on the left, arranged in a scattered pattern, transitioning to a vertical line of blue shapes on the right.

El principio MECE (Mutuamente Excluyente, Colectivamente Exhaustivo) es un buen marco para revisar si clasifica y organiza de la mejor manera.

2/ Alineación - Organiza diferentes diagramas

Cada elemento en el mapa siempre debe alinearse a un punto de referencia cierto. Con la alineación, sin importar qué tan compleja sea la información, todo el diagrama está organizado con una mejor asociación visual. Si hay más diagramas de estilo libre en tu mapa mental, alinearlos en cierto orden mejorará enormemente la legibilidad de todo el mapa.

Blue rectangular shapes arranged vertically and horizontally on a white background.

Características relacionadas: Alinear Temas Flotantes

3/ Contraste - Resalta dentro del mismo grupo

Para diferenciar entre los niveles primarios y secundarios, podemos usar contrastes de ciertos atributos, como colores, formas, tamaños, longitudes, fuentes, grosores y brillos. La diferenciación enriquece todo tu mapa en significados.

Two colored circles on the left labeled

Características relacionadas: Estilo Rápido

4/ Repetición - Imprime consistencia en todo el mapa

Los elementos repetidos del diseño ayudan a lograr unidad y fortalecen el entendimiento del mapa por parte del público. Este principio nos ayuda a conectar todos los otros tres principios. Necesitas diseñar y planificar, de arriba a abajo, los patrones en todo el mapa. Una vez establecidos, mantenlos en toda la hoja.

A menudo encontramos que un mapa mental puede volverse complicado si los mapeadores mentales combinan varios en uno. No porque fusionar mapas sea incorrecto, sino porque rompería la consistencia en los patrones de diseño.

Abstract arrangement of blue and light blue circles in various sizes on a white background.

Características relacionadas: Estilo Rápido

Un ejemplo de mapa mental

Con los cuatro principios de diseño en mente, veamos un mapa mental dibujado a mano y observemos qué hace bien y qué no tan bien.

Mind map titled

Lo que hace bien

Tiene buen cuidado de la proximidad, alineación y repetición.

Este mapa utiliza alineación clásica: centrado. Coloca el mapa de estrategia en la parte superior y la sección adicional en la parte inferior.

En términos de repetición, la parte de la estrategia muestra consistencia en las formas de las ramas, colores del texto y tamaños del texto. El color naranja resalta temas clave para los lectores.

La paleta de colores de las ramas muestra tanto repeticiones (saturación y brillo) como contrastes (tonos). Este mapa mental dibujado a mano muestra buena legibilidad.

Cosas que necesitan mejoras

El contraste en los tamaños de texto no es lo suficientemente grande para crear una clara jerarquía visual e informativa. Y el uso repetitivo del color azul en dos ramas diferentes podría confundir a los lectores al asociarlas.

En general, es un mapa mental de buena calidad.

A continuación, profundizaremos en las características de XMind que «embellecen» nuestros diagramas.

Proximidad y alineación - Estructuras y diseños

La estructura es la columna vertebral de un mapa mental, reflejando la lógica de tu pensamiento. Una estructura clara y un enfoque destacado pueden mejorar significativamente la legibilidad de los mapas mentales.

Sin embargo, no vamos a descubrir la parte lógica en detalle en la siguiente guía. Te recomendamos encarecidamente que consultes The Pyramid Principle para entrenamiento lógico.

Hoy nos centramos en la parte de visualización de estructuras.

1/ Elige las estructuras correctas

XMind 2020 proporciona una variedad de estructuras de pensamiento en el software. Pero diferentes estructuras tienen sus pros y contras.

☆ Mapa Balanceado: La estructura más básica del mapeo mental, que te ayuda a generar más posibilidades. Pero debido a que la información está dispersa, no es fácil para los lectores seguir de cerca la secuencia lógica.

Mind map illustrating basic tool usages in XMind, including visual, topic, additional, sheet, and assistance tools.

☆ Diagrama Lógico: Estrictamente hablando, el diagrama lógico solo se refiere a un gráfico que muestra lógicas formales. Pero en XMind, es más como un mapa mental de un solo lado. Ayuda a las personas a seguir la secuencia lógica de los pensamientos. Sin embargo, el gráfico puede volverse bastante largo cuando expandes tus ideas. Puede ser un punto a favor si lees el mapa en el móvil, sin embargo.

Mind map illustrating methods to improve decision-making skills, including avoiding impulsivity, holistic research, and structural thinking.

☆ Cronograma: Un diagrama que indica la secuencia de eventos o procedimientos.

Flowchart outlining steps to reduce worry, featuring prompts for evaluating predictions and reflections on past experiences.

☆ Organigrama: Un gráfico ideal para mostrar la jerarquía de una estructura piramidal.

Organizational chart showing John Doe as President, with departments for Marketing, Sales, Accounting, and HR.

☆ Diagrama de Espina de Pescado: Una expresión más explícita de causalidad. A continuación se muestra un ejemplo de uso de espina de pescado para desenredar un problema en 5 niveles. También puedes añadir más elementos para desenredar, pero es difícil tener más de tres niveles en ese caso. Porque la espina de pescado se vuelve molesta de leer. Otro inconveniente de la espina de pescado es la dificultad para conectar relaciones entre ramas. Puedes aprender más sobre el diagrama de espina de pescado y descargar las plantillas aquí.

Flowchart illustrating user needs for collaboration tools and integration, highlighting various reasons for wanting integration.

☆ Matriz: Un gráfico hecho para mostrar relaciones de muchos a muchos, que incluye tableros Kanban, comparación de alineación de productos y análisis DAFO. Es realmente poderosa ya que es multidimensional. Si quieres saber cómo creamos DAFO y el cronograma semanal a continuación, puedes consultar una guía en profundidad sobre la matriz de XMind aquí. Puedes descargar varias plantillas de matrices dentro. Aunque el diagrama es poderoso, es más complicado de usar que otros gráficos.

Table outlining S.W.O.T. analysis with categories for Internal and External strengths, weaknesses, opportunities, and threats.

2/ Otros consejos

Estructuras Mixtas. Mezclar diferentes estructuras es una solución ideal para una lógica compleja. Cada rama en un mapa puede convertirse en diferentes estructuras. Puedes combinar los diferentes gráficos de extensión vertical y horizontal para guiar la atención de los lectores.

Mind map titled

Mapa de auto-balanceo. Cuando uses el diagrama de balance para diversificar tu pensamiento, puedes activar el “Mapa de Auto-Balanceo” para equilibrar el diseño.

Mind map illustrating various XMind tool usages with labeled branches for Visual, Topic, Assistance, and Additional Tools.

Cómo usarlo: Haz clic en el área en blanco o el tema central del mapa, luego elige la sección “Mapa” y marca la casilla “Auto Balancear Diseño” entre las opciones de “Diseño Avanzado”.

Alinear tema flotante. La alineación libre en ZEN rompe las limitaciones de la estructura proporcionada por el software. Pero siempre debemos tener en cuenta organizar la alineación para mejores asociaciones visuales.

Flowchart of a marketing funnel with stages: Awareness, Acquisition, Activation, Revenue, Retention, and Referral.

Cómo usarlo: Selecciona los temas que deseas alinear, haz clic derecho y elige “Alinear Tema Flotante” para seleccionar la alineación.

Contraste y repetición - Color

El color es un elemento crítico de la presentación visual. Puedes usar diferentes colores para distinguir entre diferentes temas e información. Los colores ricos pueden irritar el cerebro y dejar una impresión más profunda. Un esquema de color razonable puede mejorar el aspecto general del mapa.

1/ Comienza con estilos integrados

Plantilla. La biblioteca de plantillas te libera de tener que combinar los colores entre elementos. La elección perezosa y segura es comenzar con una plantilla directamente.

Selection of mind map templates displayed in a software interface, featuring various styles like Snowbrush, Classic, and Business.

Estilo Rápido. Si quieres añadir algo de contraste dentro del tema, puedes probar Estilo Rápido para resaltar temas especiales.

A mind map layout detailing content strategy, subscriber types, and software usage with highlighted questions and styling options displayed.

Color de Ramas Múltiples. Un clic para todas las ramas. El Color de Ramas Múltiples asegura que estés contrastando ordenadamente tu color. Haz clic en un tema central o en el espacio en blanco del mapa. Luego puedes marcar “Color de Ramas Múltiples” en el panel “Mapa”.

Mind map displaying XMind tool usages with categories like Visual Tool, Topic Tool, Additional Tool, and Assistance Tool.

imagen

2/ Crea tu paleta de colores

Combina la paleta de colores. Utiliza el selector de colores en XMind para almacenar los colores deseados.

Flowchart elements labeled Acquisition, Activation, Revenue, and Retention with a color picker tool on the side.

imagen

Si no estás muy seguro de gestionar colores intensos, siempre elige colores de baja saturación. Son compatibles entre sí y se mantienen armoniosamente juntos.

Infographic explaining the meanings of different colors: red, orange, yellow, green, blue, cyan, purple, and magenta.

imagen

Para más ideas de combinación de colores, te recomendamos Color Hunt. ¡Buenas noticias para los perezosos :D!

Grid of color palettes showcasing various color combinations with likes displayed below each palette.

imagen

Aplicar Estilos. Cuando termines el ajuste, puedes actualizar el estilo para todos los temas del mismo nivel.

Mind map titled

imagen

Además, puedes usar “copiar estilo” y “pegar estilo” para duplicar el estilo.

Mind map outlining blog topics with a context menu showing options like Cut, Copy, Paste, and Delete.

imagen

Repetición - Imágenes con unidad

La imagen es una parte esencial del mapa mental. Comparado con palabras secas, un mapa mental vívido puede estimular al cerebro a hacer conexiones.

Cuando tu mapa mental incluye más información, intenta enriquecerlo con imágenes. Pero recuerda seleccionar imágenes con un estilo similar para lograr una unidad de diseño.

Mind map of a shopping list with categories: Snacks, Afternoon Tea, Digital Devices, Groceries, and Stationery.

imagen

1/ Stickers y marcadores integrados

Los stickers de XMind 2020 ya están disponibles para la mayoría de tus casos de uso.

A mind map titled

imagen

También puedes usar marcadores para asignar tareas para una gestión de proyectos eficiente.

2/ Íconos por diseñadores

Cuando el icono local no es suficiente, puedes usar otros recursos de íconos gratuitos.

Grid of colorful icons featuring monsters, clothing items, people in bubbles, and food illustrations.

imagen

Recomendamos algunos: Flaticon, Noun Project, y Iconstore

3/ Insertar GIF animado

Tenemos un tutorial sobre cómo insertar un GIF animado, échale un vistazo si quieres animar tus mapas mentales. Recomendamos mucho GIPHY y Reddit para algunos GIFs divertidos. Animaticon también es una excelente opción si deseas un conjunto de iconos animados.

Diagram illustrating Japanese syllabary with various rows and a flag of Japan.

imagen

Más consejos para ejemplos de mapas mentales hermosos

Arriba están solo algunos de los principios y consejos para el diseño de mapas mentales. ¿Qué herramientas usas para diseñar mapas mentales? Compártelas con nosotros en @xmind!

Más Publicaciones