Nativo, mas unificado: como a Xmind pensa o design multiplataforma
Se usa o Xmind em mais do que um dispositivo, provavelmente já sentiu algo — uma pequena fricção ao mudar de plataforma. Os botões parecem ligeiramente diferentes. Uma interação não se comporta como esperava. Nada está partido, mas algo parece não ter sido feito bem para aqui.
Nós também sentimos isso. Por isso, tomámos uma decisão: o Xmind deve parecer nativo em cada plataforma — não apenas funcional, mas genuinamente em casa no macOS, Windows, iOS e Android. Mesma estrutura central, mesma lógica, mesma sensação do produto que conhece — mas com a roupa certa para o local onde está a correr.
Foi assim que o fizemos.
O problema com a maioria das apps multiplataforma
Aqui está a abordagem típica: criar uma UI, enviá-la para todo o lado. É mais barato, rápido e mantém as coisas consistentes. A maioria das apps faz isto — e, honestamente, a maioria dos utilizadores tolera-o.
O resultado é uma app que funciona em todas as plataformas, mas não parece nativa em nenhuma:
Os utilizadores de Mac notam que não se parece com outras apps Mac.
Os utilizadores de Android notam que é claramente uma versão adaptada do iOS.
Ninguém se queixa em voz alta, mas a fricção acumula-se silenciosamente.
A alternativa — desenhar separadamente para cada plataforma — parece correta, mas quase nunca acontece. Custa demasiado, demora muito tempo e as equipas que mantêm quatro designs diferentes acabam por se desgastar e convergir de qualquer forma.
Não estávamos satisfeitos com nenhuma das opções. Por isso, procurámos uma forma diferente de pensar sobre o assunto.
Mesma app, fato diferente
Pense em como uma pessoa se veste. Fato numa reunião formal, informal ao fim de semana, roupa de ginásio no sábado de manhã. Três visuais diferentes — mas reconhece-a instantaneamente todas as vezes. Porque a sua identidade não está na roupa. Está em como se comporta, como fala, como trata as pessoas.
O Xmind funciona da mesma forma. Nem tudo deve ser consistente entre plataformas — mas as coisas certas são-no sempre.
O que muda: a superfície
Formatos de botões, materiais, animações, até o tom do texto — estes seguem completamente as convenções de cada plataforma.
Plataforma | Como se parece |
|---|---|
macOS | Botões em forma de pílula, painéis de Liquid Glass que flutuam sobre a tela, espaço generoso para respirar |
Windows | Geométrico, retângulos arredondados contidos, barra de título nativa, texto direto ("Upgrade" e não "Upgrade Now") |
iOS & iPadOS | Totalmente atualizado no primeiro dia de cada grande lançamento de OS — quando atualiza, o Xmind já pertence ao novo sistema |
Android | Reconstruído com base no Material Design 3 — gestos, transições e comportamento dos painéis recalibrados para corresponder a como os utilizadores de Android realmente se movem |
Isto parece dar mais trabalho, porque dá. Mas é a única forma de o Xmind parecer que pertence a cada plataforma, em vez de apenas correr nela.
O que se mantém: a estrutura
Onde estão as ferramentas, como as funcionalidades estão organizadas, como navega entre mapas — isto mantém-se exatamente igual em todo o lado.
Navegação no topo. Tela no centro. Painel de propriedades no lado no desktop, deslizando de baixo para cima no telemóvel. Separadores de mapas na parte inferior.
Mude do Mac para o iPad e não precisa de reaprender nada. A app parece diferente, mas funciona como o Xmind que já conhece. Essa consistência — invisível quando funciona — é o que permite que a superfície mude livremente sem que os utilizadores se sintam perdidos.
O que nunca muda: o núcleo
Por baixo de tudo, algumas coisas mantêm-se fixas independentemente da plataforma ou de qualquer nova linguagem de design que a Apple ou a Google inventem a seguir:
A tela é sempre a personagem principal. A UI recua.
As funcionalidades complexas estão lá quando precisa delas e fora do caminho quando não precisa.
O anular é ilimitado — o trabalho criativo exige a liberdade de experimentar sem medo de estragar algo.
O rápido ganha ao bonito, sempre. Nenhuma animação ou detalhe visual vale a pena se tornar a app mais lenta.
Estas não são decisões de design. São mais parecidas com promessas.
A razão pela qual conseguimos manter tudo isto
Depois de ler isto, uma pergunta justa é: quatro plataformas, quatro linguagens visuais, convenções diferentes em todo o lado — como é que se gere isso sem que tudo desabe?
Há dois anos, tomámos uma decisão que parecia não urgente na altura: criar um sistema de design adequado para o Xmind.
O problema central que resolve é simples de explicar, mas surpreendentemente difícil de fazer: absorver cada diferença de plataforma num só lugar, para que o resto do produto não tenha de se preocupar com isso. O mesmo botão existe uma vez no nosso sistema. No macOS torna-se numa pílula. No Windows torna-se num retângulo arredondado. Uma alteração, em todo o lado — sem procurar em ficheiros, sem corrigir a mesma coisa quatro vezes, sem perder a sincronização lentamente.
Sem essa base, nada do que descrevemos seria sustentável. Cada atualização torna-se numa negociação sobre quais as plataformas que recebem a correção nesta sprint. Cada nova funcionalidade gera quatro versões ligeiramente diferentes que perdem gradualmente a sensação de serem o mesmo produto. Eventualmente, todos concordam silenciosamente que é demasiado caro acompanhar — e tudo converge de volta para uma única UI enviada para todo o lado.
O sistema de design é o que torna a decisão correta não só possível, mas repetível.
Nunca o notará diretamente. É exatamente esse o objetivo.
Conclusão
Aí vem um novo Xmind.
Parece melhor. Mas a descrição mais honesta é: é o resultado de dois anos de trabalho que nem sempre foi óbvio do exterior — aprender cada plataforma adequadamente, construir a base para a manter e manter o compromisso com a ideia de que não deve ter de fazer cedências só porque usa mais do que um dispositivo.
Usamos o Xmind todos os dias, em diferentes dispositivos. Não suportamos experiências que apenas "desrascam". Por isso, também não queremos que tenha de passar por isso.
