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

Si usas Xmind en más de un dispositivo, probablemente hayas sentido algo: una pequeña fricción al cambiar de plataforma. Los botones se ven ligeramente diferentes. Una interacción no se comporta como esperabas. Nada está roto, pero se siente como si no estuviera hecho del todo para este entorno.

Nosotros también lo sentimos. Así que tomamos una decisión: Xmind debe sentirse nativo en cada plataforma, no solo funcional, sino realmente en casa en macOS, Windows, iOS y Android. Misma estructura central, misma lógica, misma sensación del producto que ya conoces, pero con el traje adecuado para donde se esté ejecutando.

Así es como lo hicimos.

El problema de la mayoría de las apps multiplataforma

Este es el enfoque típico: diseñar una interfaz de usuario y enviarla a todas partes. Es más barato, más rápido y mantiene la consistencia. La mayoría de las aplicaciones lo hacen y, sinceramente, la mayoría de los usuarios lo toleran.

El resultado es una aplicación que funciona en todas las plataformas pero no se siente nativa en ninguna:

• Los usuarios de Mac notan que no se ve como otras aplicaciones de Mac.

• Los usuarios de Android notan que es claramente una adaptación de iOS.

• Nadie se queja en voz alta, pero la frustración se acumula en silencio.

La alternativa (diseñar por separado para cada plataforma) suena bien pero casi nunca ocurre. Cuesta demasiado, lleva mucho tiempo y los equipos que mantienen cuatro diseños diferentes terminan agotados y convergiendo de todos modos.

No nos conformamos con ninguna de las dos opciones. Así que buscamos una forma diferente de abordarlo.

Misma app, diferente estilo

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

Xmind funciona de la misma manera. No todo tiene por qué ser idéntico en todas las plataformas, pero lo fundamental siempre lo es.

Lo que cambia: la superficie

Las formas de los botones, los materiales, las animaciones e incluso el tono de los textos siguen por completo las convenciones de cada plataforma.

Esto suena a más trabajo porque lo es. Pero es la única forma en que Xmind puede sentirse parte de cada plataforma, en lugar de simplemente ejecutarse en ella.

Lo que permanece: la estructura

Donde se ubican las herramientas, cómo se organizan las funciones, cómo navegas entre mapas; esto permanece exactamente igual en todas partes.

La navegación arriba. El lienzo en el centro. El panel de propiedades a un lado en el escritorio, deslizándose desde abajo en el móvil. Las pestañas de Mapa en la parte inferior.

Cambia de Mac a iPad y no necesitarás volver a aprender nada. La aplicación se ve diferente, pero funciona como el Xmind que ya conoces. Esa consistencia (invisible cuando funciona) es la que permite que la superficie cambie libremente sin que el usuario se sienta perdido.

Lo que nunca cambia: la esencia

Por debajo de todo, algunas cosas se mantienen fijas independientemente de la plataforma o de cualquier nuevo lenguaje de diseño que Apple o Google inventen a continuación:

• El lienzo es siempre el protagonista. La interfaz se retira a un segundo plano.

• Las funciones complejas están ahí cuando las necesitas y apartadas cuando no.

• Deshacer es ilimitado: el trabajo creativo requiere la libertad de probar cosas sin preocuparse por romper nada.

• La rapidez gana a la belleza, siempre. Ninguna animación o detalle visual vale la pena si hace que la aplicación se sienta más lenta.

Estas no son decisiones de diseño. Son más bien promesas.

La razón por la que podemos mantenerlo todo

Tras leer todo esto, una pregunta razonable es: cuatro plataformas, cuatro lenguajes visuales, convenciones diferentes en todas partes... ¿cómo se gestiona realmente todo eso sin que se desmorone?

Hace dos años, tomamos una decisión que no parecía urgente en su momento: construir un sistema de diseño propio para Xmind.

El problema central que resuelve es sencillo de explicar pero sorprendentemente difícil de hacer: absorber cada diferencia de plataforma en un solo lugar, para que al resto del producto no le importe. El mismo botón existe una vez en nuestro sistema. En macOS se convierte en una píldora. En Windows se convierte en un rectángulo redondeado. Un solo cambio en todas partes: sin buscar en archivos, sin corregir lo mismo cuatro veces, sin perder la sincronía poco a poco.

Sin esa base, nada de lo que hemos descrito sería sostenible. Cada actualización se convertiría en una negociación sobre qué plataformas reciben la solución en cada ciclo de trabajo. Cada nueva característica generaría cuatro versiones ligeramente diferentes que poco a poco dejarían de sentirse como el mismo producto. Con el tiempo, todos aceptarían en silencio que mantenerlo es demasiado caro y todo convergería de nuevo en una única interfaz para todos.

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 exactamente el objetivo.

Conclusión

Viene un nuevo Xmind.

Se ve mejor. Pero la descripción más honesta es: es el resultado de dos años de trabajo que no siempre fue obvio desde fuera; aprender a fondo 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 todos los días, en diferentes dispositivos. No soportamos las experiencias a medias. Así que no queremos que tú tengas que hacerlo tampoco.