Nativo, mas unificado: como a Xmind pensa o design multiplataforma

Se usa Xmind em mais do que um dispositivo, é provável que já tenha sentido algo — uma pequena fricção ao alternar entre plataformas. 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 exatamente para aqui.

Sentimo-lo também. Por isso, tomámos uma decisão: Xmind deve parecer nativo em todas as plataformas — não apenas funcional, mas verdadeiramente em casa em macOS, Windows, iOS e Android. A mesma estrutura central, a mesma lógica, a mesma sensação do produto que conhece — mas com a roupa certa para onde quer que esteja a correr.

Foi assim que o fizemos.

O problema da maioria das apps multiplataforma

A abordagem típica é esta: criar uma única interface, lançá-la em todo o lado. É mais barato, mais rápido e mantém tudo consistente. A maioria das apps faz isto — e, honestamente, a maioria dos utilizadores aceita.

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 de Mac.

• Os utilizadores de Android notam que é claramente uma adaptação do iOS.

• Ninguém se queixa em voz alta, mas a fricção acumula-se silenciosamente.

A alternativa — desenhar separadamente para cada plataforma — parece certa, mas quase nunca acontece. Custa demasiado, demora demasiado, e as equipas que mantêm quatro designs diferentes acabam por ficar esgotadas e convergir na mesma.

Não estávamos satisfeitos com nenhuma das opções. Por isso, procurámos outra forma de pensar nisto.

A mesma app, roupa diferente

Pense em como uma pessoa se veste. Fato numa reunião formal, casual ao fim de semana, roupa de ginásio num sábado de manhã. Três visuais diferentes — mas reconhece-a de imediato todas as vezes. Porque a identidade não está na roupa. Está na forma como se porta, como fala, como trata os outros.

O Xmind funciona da mesma forma. Nem tudo deve ser consistente entre plataformas — mas os aspetos certos são-no sempre.

O que muda: a superfície

As formas dos botões, os materiais, as animações, até o tom do texto — tudo segue por completo as convenções de cada plataforma.

Isto soa a mais trabalho porque é mesmo. 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 vivem 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. Área de trabalho ao centro. Painel de propriedades na lateral no desktop, a deslizar a partir da parte inferior em mobile. Separadores de mapas na parte inferior.

Ao mudar de Mac para iPad, não precisa de reaprender nada. A app tem um aspeto 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, há algumas coisas que permanecem fixas, independentemente da plataforma ou do próximo design language que a Apple ou a Google inventem:

• A área de trabalho é sempre a estrela. A interface fica em segundo plano.

• As funcionalidades complexas estão lá quando precisa delas e fora do caminho quando não precisa.

• O desfazer é ilimitado — o trabalho criativo exige a liberdade de experimentar sem receio de estragar algo.

• Rapidez vence beleza, sempre. Nenhuma animação ou detalhe visual justifica tornar a app mais lenta.

Isto não são decisões de design. São promessas.

A razão pela qual conseguimos manter tudo isto

Depois de ler isto tudo, a pergunta legítima é: quatro plataformas, quatro linguagens visuais, convenções diferentes em todo o lado — como é que gere tudo isso sem que tudo se desfaça?

Há dois anos, tomámos uma decisão que na altura pareceu não urgente: criar um sistema de design adequado para o Xmind.

O problema central que resolve é simples de explicar, mas surpreendentemente difícil de concretizar: absorver todas as diferenças de plataforma num só lugar, para que o resto do produto não tenha de se preocupar. O mesmo botão existe apenas uma vez no nosso sistema. Em macOS torna-se uma cápsula. Em Windows torna-se um retângulo arredondado. Uma mudança, em todo o lado — sem andar à procura em ficheiros, sem corrigir a mesma coisa quatro vezes, sem ir ficando progressivamente fora de sincronia.

Sem essa base, nada do que descrevemos seria sustentável. Cada atualização torna-se uma negociação sobre que plataformas recebem a correção neste sprint. Cada nova funcionalidade gera quatro versões ligeiramente diferentes que, aos poucos, deixam de parecer o mesmo produto. Eventualmente, toda a gente concorda em silêncio que é demasiado caro acompanhar — e tudo converge novamente para uma única interface lançada em todo o lado.

O sistema de design é o que faz com que fazer o que está certo não seja apenas possível, mas repetível.

Nunca o vai notar diretamente. É precisamente esse o objetivo.

Conclusão

Vem aí um novo Xmind.

Tem melhor aspeto. Mas a descrição mais honesta é: são o resultado de dois anos de trabalho que nem sempre foi óbvio do exterior — aprender cada plataforma como deve ser, construir a base para a manter e continuar comprometidos com a ideia de que não deve ter de fazer compromissos só porque usa mais do que um dispositivo.

Usamos o Xmind todos os dias, em vários dispositivos. Não suportamos experiências que apenas «desenrascam». Por isso, também não queremos que tenha de se contentar com isso.