Nativo, pero unificado: cómo piensa Xmind el diseño multiplataforma

Si usas Xmind en más de un dispositivo, seguramente has notado 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 da la sensación de que no fue diseñado del todo para este entorno.

Nos pasó también. Así que tomamos una decisión: Xmind debía sentirse nativo en cada plataforma; no solo funcional, sino realmente en casa en macOS, Windows, iOS y Android. La misma estructura central, la misma lógica, la misma esencia del producto que ya conoces, pero con la ropa adecuada para cada entorno en el que se ejecuta.

Así lo hicimos.

El problema de la mayoría de las apps multiplataforma

Este es el enfoque típico: crear una sola interfaz y lanzarla en todas partes. Es más barato, más rápido y mantiene la coherencia. La mayoría de las apps lo hace, 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 es claramente una adaptación de iOS.

• Nadie se queja en voz alta, pero la fricción se acumula poco a poco.

La alternativa —diseñar por separado para cada plataforma— suena bien, pero casi nunca ocurre. Cuesta demasiado, lleva demasiado tiempo y los equipos que mantienen cuatro diseños distintos acaban agotados y convergen igualmente.

No nos convencía ninguna de las dos opciones. Así que buscamos otra forma de plantearlo.

La misma app, distinto atuendo

Piensa en cómo se viste una persona. Traje en una reunión formal, ropa casual el fin de semana, ropa de gimnasio el sábado por la mañana. Tres estilos distintos, pero la reconoces al instante cada vez. Porque su identidad no está en la ropa. Está en cómo se comporta, cómo habla y cómo trata a los demás.

Xmind funciona igual. No todo debe ser coherente entre plataformas, pero las cosas importantes sí lo son.

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.

Parece más trabajo porque lo es. Pero es la única forma de que Xmind se sienta como si perteneciera a cada plataforma, en lugar de simplemente ejecutarse en ella.

Lo que se mantiene: la estructura

Dónde viven las herramientas, cómo se organizan las funciones, cómo navegas entre mapas: todo 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 abajo en móvil. Pestañas de mapas en la parte inferior.

Cambia de Mac a 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

Bajo todo esto, 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 interfaz da un paso atrás.

• 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 miedo a romperlas.

• Más rápido siempre gana a más bonito. Ninguna animación ni detalle visual vale la pena si hace que la app se sienta más lenta.

Esto no son decisiones de diseño. Se parecen más a promesas.

La razón por la que podemos mantener todo esto

Después de leer todo esto, una pregunta razonable es: cuatro plataformas, cuatro lenguajes visuales, convenciones distintas en todas partes... ¿cómo se gestiona eso sin que todo se desmorone?

Hace dos años, tomamos una decisión que en ese momento parecía poco urgente: crear un sistema de diseño adecuado para Xmind.

El problema central que resuelve es fácil de explicar, pero sorprendentemente difícil de ejecutar: 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 sincronización.

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 nueva función genera cuatro versiones ligeramente distintas que poco a poco dejan de sentirse como el mismo producto. Al final, todos aceptan en silencio que es demasiado caro mantenerse al día, y todo vuelve a converger en una sola interfaz lanzada en 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 punto.

Conclusión

Se acerca una nueva versión de Xmind.

Se ve mejor. Pero la descripción más honesta es esta: es el resultado de dos años de trabajo que no siempre fue 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 conformarte solo porque usas más de un dispositivo.

Usamos Xmind a diario, en distintos dispositivos. No soportamos las experiencias que simplemente "se conforman". Así que no queremos que tú tampoco tengas que hacerlo.