Nativo, pero unificado: cómo piensa Xmind el diseño multiplataforma
Si usas Xmind en más de un dispositivo, seguro que has sentido algo: una pequeña fricción al cambiar de plataforma. Los botones se ven un poco distintos. Una interacción no se comporta como esperabas. Nada está roto, pero algo parece que no se hizo del todo para este entorno.
Nosotros también lo sentimos. Y hemos pasado mucho tiempo intentando solucionarlo bien.
El problema de la mayoría de las apps multiplataforma
El enfoque típico es este: crear una sola UI y llevarla a todas partes. Es más barato, más rápido y mantiene todo consistente. La mayoría de las apps hace esto y, sinceramente, la mayoría de los usuarios lo acepta.
El resultado es una app que funciona en todas las plataformas, pero no se siente nativa en ninguna:
Los usuarios de Mac notan que no se parece a otras apps de Mac.
Los usuarios de Android notan que claramente es una adaptación de iOS.
Nadie se queja en voz alta, pero la fricción se acumula en silencio.
La alternativa—diseñar por separado para cada plataforma—suena bien, pero casi nunca sucede. Cuesta demasiado, lleva demasiado tiempo, y los equipos que mantienen cuatro diseños distintos acaban agotándose y convergiendo igualmente.
No estábamos conformes con ninguna de las dos opciones. Así que buscamos otra forma de pensarlo.
La misma app, distinto estilo
Piensa en cómo se viste una persona. Traje en una reunión formal, ropa informal el fin de semana, ropa de gimnasio el sábado por la mañana. Tres looks distintos, pero los reconoces al instante cada vez. Porque su identidad no está en la ropa. Está en cómo se comportan, cómo hablan y cómo tratan a los demás.
Xmind funciona igual. No todo debe ser consistente entre plataformas, pero lo importante sí lo es siempre.
Lo que cambia: la superficie
Las formas de los botones, los materiales, las animaciones e incluso el tono del texto siguen por completo las convenciones de cada plataforma.
Plataforma | Cómo se ve |
|---|---|
macOS | Botones con forma de píldora, paneles de Liquid Glass que flotan sobre el lienzo, amplio espacio de respiración |
Windows | Rectángulos redondeados, geométricos y sobrios, barra de título nativa, texto directo ("Actualizar" y no "Actualizar ahora") |
iOS & iPadOS | Totalmente actualizado desde el primer día de cada gran lanzamiento del sistema operativo: cuando actualizas, Xmind ya pertenece al nuevo sistema |
Android | Reconstruido en torno a Material Design 3: gestos, transiciones y comportamiento de los paneles reajustados para adaptarse a cómo se mueven realmente los usuarios de Android |
Esto suena a más trabajo porque lo es. Pero es la única forma de que Xmind se sienta parte de cada plataforma, en lugar de limitarse a ejecutarse en ella.
Lo que permanece: la estructura
Dónde viven las herramientas, cómo se organizan las funciones y cómo navegas entre mapas: esto se mantiene exactamente igual, en todas partes.
La navegación arriba. El lienzo en el centro. El panel de propiedades al lado en escritorio, deslizándose desde la parte inferior en móvil. Pestañas de mapas en la parte inferior.
Pasa de Mac al iPad y no necesitas reaprender nada. La app se ve distinta, pero funciona como el Xmind que ya conoces. Esa coherencia, invisible cuando funciona, es lo que permite que la superficie cambie libremente sin que los usuarios se sientan perdidos.
Lo que nunca se mueve: el núcleo
Debajo de todo, hay algunas cosas que se mantienen fijas sin importar la plataforma ni el nuevo lenguaje de diseño que Apple o Google inventen después:
El lienzo siempre es el protagonista. La UI pasa a segundo plano.
Las funciones complejas están ahí cuando las necesitas y fuera del camino cuando no.
Deshacer es ilimitado: el trabajo creativo requiere libertad para probar cosas sin preocuparse por romperlas.
La rapidez siempre gana a la belleza. Ninguna animación ni detalle visual justifica que la app se sienta más lenta.
No son decisiones de diseño. Se parecen más a promesas.
La razón por la que podemos mantenerlo todo
Después de leer todo esto, una pregunta razonable es: cuatro plataformas, cuatro lenguajes visuales, convenciones distintas por todas partes... ¿cómo se gestiona eso sin que todo se desmorone?
Hace dos años tomamos una decisión que en ese momento no parecía urgente: construir un sistema de diseño adecuado para Xmind.
El problema principal que resuelve es fácil de explicar, pero sorprendentemente difícil de lograr: absorber todas las diferencias de plataforma en un solo lugar, para que el resto del producto no tenga que preocuparse. El mismo botón existe una sola vez en nuestro sistema. En macOS se convierte en una píldora. En Windows se convierte en un rectángulo redondeado. Un cambio, en todas partes: sin buscar entre archivos, sin arreglar lo mismo cuatro veces, sin desviarse poco a poco de la sincronía.
Sin esa base, nada de lo que hemos descrito sería sostenible. Cada actualización se convierte en una negociación sobre qué plataformas reciben la corrección en este sprint. Cada función nueva genera cuatro versiones ligeramente distintas que, poco a poco, dejan de sentirse como el mismo producto. Con el tiempo, todos aceptan en silencio que es demasiado caro mantenerse al día, y todo vuelve a converger en una sola UI enviada a todas partes.
El sistema de diseño es lo que hace que hacer lo correcto no solo sea posible, sino repetible.
Nunca lo notarás directamente. Ese es בדיוק el objetivo.
Conclusión
Se acerca un nuevo Xmind.
Se ve mejor. Pero la descripción más honesta es: son el resultado de dos años de trabajo que no siempre era evidente desde fuera: aprender bien cada plataforma, construir la base para mantenerla y seguir comprometidos con la idea de que no deberías tener que hacer concesiones solo porque usas más de un dispositivo.
Usamos Xmind todos los días, en distintos dispositivos. No soportamos las experiencias que solo "cumplen". Así que tampoco queremos que tú tengas que hacerlo.
