21 sept 2019
Mapa Mental Dentro de los Muros del UI/UX
Avinash Priya
Saurav Pandey es un diseñador de productos en Snapdeal. Le encanta crear experiencias encantadoras, utilizando píxeles y vectores para transmitirlas. Encontró que el mapa mental es una herramienta útil para el enriquecimiento de conceptos, y usó XMind en sus proyectos de UI/UX. En este artículo, comparte sus ideas y cómo XMind ayuda en sus proyectos.
Articular un pensamiento complejo puede ser desafiante, sin embargo, XMind desentraña una estrategia conocida como mapeo mental, lo cual puede hacer el procedimiento mucho más sencillo.
Mapeo Mental
“Un problema bien planteado es un problema medio resuelto”
Un mapa mental es una herramienta útil para el enriquecimiento de conceptos. Se debe poner un fuerte énfasis en el mapeo mental ya que ayuda a generar nuevas ideas y a identificar relaciones entre diferentes datos e información.
Personalmente prefiero XMind para crear mapas mentales.
Un ejemplo de mapa mental de uno de mis proyectos
XMind te permite crear un diagrama donde una idea general se ramifica en otras relacionadas.
Para comenzar, introduce tu idea central, luego adjunta ‘nodos’ adicionales o subtemas. Cada uno puede dividirse en subnodos, que a su vez pueden dividirse en más subnodos propios. Si en algún momento empiezas a perder la vista de la imagen general, simplemente echa un vistazo a la lista en ejecución de todos los nodos que has creado.
Los mapas mentales son mucho más que meras palabras: se pueden incluir íconos, imágenes para animarlos o hacer los nodos más fáciles de encontrar.
Más allá de la lluvia de ideas, el mapeo mental también es útil cuando deseas descomponer un proyecto extenso en tareas concretas.
ABC de dibujar un Mapa Mental
El Modelo de Árbol
La mayoría de los Mapas Mentales siguen el Modelo de Árbol: comienzan desde un único objeto, a menudo posicionado en el centro y luego desarrollan varias ramas que representan conceptos relacionados. Cada rama puede dividirse en dos o más ramas pero nunca se fusionan: todo el mapa es un esquema jerárquico donde cada objeto tiene solo un ‘padre’ pero puede tener múltiples ‘hijos’.
Diseñado en XMind
Debido a su baja complejidad, este modelo es rápido y fácil de manejar, pero a veces la restricción de relaciones jerárquicas no permite una representación significativa: a veces necesitamos más flexibilidad.
Un Mapa Mental para Diseñadores UX
Como se ha visto, los Mapas Mentales son herramientas para la lluvia de ideas, el reconocimiento de patrones y la visualización de procesos, así que hay una forma infinita en la que un Mapa Mental puede ser útil en nuestro trabajo de diseño UX. Pero encontré que un tipo de Mapa Mental es especialmente útil para nosotros porque muestra las entidades y la manera en que las estamos conectando: el Mapa de Ontología.
Ontología es el estudio filosófico del ser, estudia conceptos que se relacionan directamente con el ser así como las categorías básicas del ser y sus relaciones.
El Mapa de Ontología tiene algunas similitudes con el Diagrama de Relación de Base de Datos utilizado por los desarrolladores y de hecho tienen el mismo objetivo: quieren representar las relaciones entre los objetos existentes del sistema. Sin embargo, el Mapa de Ontología es más a menudo una herramienta de diseño que una herramienta de documentación, así que lo usamos principalmente en las etapas iniciales del proyecto para ayudarnos a definir cómo puede funcionar el sistema.
Mapa de Ontología de Jack Magma Studio
Características de un Mapa Mental
Organización y estructura claras. Los mapas mentales están restringidos a estructuras arbóreas. Tienen flujos claros y dirigidos hacia fuera desde la raíz del árbol hasta sus hojas.
Un tema central. En los mapas mentales, todos los nodos (excepto la raíz del árbol) tienen solo un nodo padre. Cada nodo puede tener hijos que correspondan a los subtemas de ese concepto. Cada concepto en un mapa mental puede rastrearse directamente hasta el tema raíz.
Sin definición de relaciones. No hay distinción entre diferentes tipos de relaciones entre nodos — todos los bordes en el árbol se representan de la misma manera y están sin etiquetar.
Usos en UX
Los mapas mentales ayudan a organizar una colección de información conectada a un único tema y estructurarla de manera sistemática y significativa. En UX, son útiles al realizar trabajos de ideación categórica, tales como:
Descomponer componentes en una página web específica — por ejemplo, para determinar la mini-IA de la página
Planificación de temas dentro de un sitio web
Mapeo de información cubiertos de manera segregada y mucho mejor
Características interesantes que ofrece XMind
Las características de XMind que personalmente me gustan más o me ayudan más son: Experiencia fluida en todos los dispositivos: los mapas mentales se pueden encontrar fácilmente en dispositivos portátiles y móviles, y XMind funciona perfectamente en diferentes plataformas.
Interfaz oscura: XMind: ZEN soporta el modo oscuro en cualquier plataforma de escritorio. La interfaz se puede cambiar entre clara y oscura en Preferencias.
Conclusión
Dibujar un Mapa Mental a nivel micro puede ser muy difícil y a menudo inútil. En general, durante las fases iniciales de diseño, es más productivo crear mapas Lo-Fi en lugar de perder tiempo detallándolos y codificándolos.
Cada diseñador tendrá su propia preferencia por el modelo que más les guste después de sopesar los pros y los contras. Yo, personalmente, prefiero el Modelo de Árbol debido a su simplicidad.
Notas: Este artículo es publicado por Saurav Pandey, en Medium.
