ネイティブでありながら統一感のある、Xmindがクロスプラットフォームデザインをどう捉えているか

複数のデバイスで Xmind を使っていると、きっと何かを感じたことがあるはずです。プラットフォームを切り替えるたびに、ほんの少しだけ引っかかる感覚。ボタンの見た目がわずかに違う。操作の挙動が思った通りではない。壊れているわけではないのに、どこかこの場にぴったり合わせて作られていないように感じるのです。

私たちも同じように感じていました。そこで決めたのです。Xmind は、すべてのプラットフォームでネイティブに感じられるべきだと。単に機能するだけでなく、macOS、Windows、iOS、Android のどこでも本当に自然に馴染む存在であるべきだと。 核となる構造は同じ、ロジックも同じ、あなたが知っている Xmind の使い心地も同じ。けれど、動いている場所にふさわしい装いをまとうべきだ、と。

その実現方法は、こうです。

ほとんどのクロスプラットフォームアプリが抱える問題

典型的なやり方はこうです。ひとつの UI を作り、すべての環境に配布する。安く、速く、整合性も保ちやすい。多くのアプリがこの方法を採用していますし、正直なところ、多くのユーザーもそれを受け入れています。

その結果、すべてのプラットフォームで動くのに、どのプラットフォームにもネイティブには感じられないアプリが生まれます。

• Mac ユーザーは、他の Mac アプリのようには見えないと気づきます。

• Android ユーザーは、iOS からの移植だと明らかにわかります。

• 誰も大声では文句を言いませんが、その違和感は静かに積み重なっていきます。

もう一つの選択肢——各プラットフォームごとに個別に設計する——は理にかなっていますが、ほとんど実現されません。コストがかかりすぎ、時間もかかりすぎるうえ、4 つの異なるデザインを維持しているチームは、最終的には疲弊し、結局は似た方向に収束してしまうからです。

私たちはどちらの選択肢にも満足できませんでした。そこで、別の考え方を探しました。

同じアプリ、違う装い

人の服装を想像してみてください。正式な会議ではスーツ、週末はカジュアル、土曜の朝はジムウェア。3 つの異なる見た目ですが、毎回すぐに同じ人物だとわかります。なぜなら、その人の本質は服にあるのではないからです。立ち居振る舞い、話し方、人への接し方にあります。

Xmind も同じです。すべてをプラットフォーム間で統一する必要はありません。けれど、統一すべきものは、常にちゃんと統一されています。

変わるもの：表層

ボタンの形、素材、アニメーション、さらには文章のトーンまで——これらは各プラットフォーム固有の慣習に完全に従っています。

これは余計な作業に聞こえるでしょう。実際、その通りです。しかし、Xmind が単にその上で動くのではなく、各プラットフォームに本当に属しているように感じさせるには、これしかありません。

変わらないもの：構造

ツールがどこにあるか、機能がどう整理されているか、マップをどう切り替えるか——これらはどこでもまったく同じです。

上部にナビゲーション。中央にキャンバス。デスクトップではサイドにプロパティパネル、モバイルでは下からスライドアップ。下部にはマップタブ。

Mac から iPad に切り替えても、何も覚え直す必要はありません。見た目は違っても、動作はすでに知っている Xmind のままです。その一貫性——うまく機能しているときには意識されないもの——があるからこそ、表層を自由に変えても、ユーザーが迷子になることはありません。

決して動かないもの：コア

その下にあるいくつかの要素は、プラットフォームや Apple や Google が次に生み出す新しいデザイン言語に関係なく、常に変わりません。

• キャンバスが常に主役です。UI は一歩下がります。

• 複雑な機能は、必要なときにはそこにあり、不要なときには邪魔になりません。

• 取り消しは無制限です。創造的な作業には、壊してしまうかもしれないと心配せずに試せる自由が必要だからです。

• 速さは、毎回、美しさに勝ります。どんなアニメーションや視覚的な細部も、アプリを遅く感じさせる価値はありません。

これらはデザインの判断ではありません。むしろ約束に近いものです。

それでもすべてを維持できる理由

ここまで読んで、当然こんな疑問が浮かぶはずです。4 つのプラットフォーム、4 つのビジュアル言語、場所ごとに異なる慣習——それを、いったいどうやって全体を崩さずに管理しているのか？

2 年前、私たちは当時はそれほど急ぐ必要がないように感じられた決断をしました。Xmind のために、きちんとしたデザインシステムを作ることです。

それが解決する中心課題は、説明するのは簡単でも実行するのは驚くほど難しいものです。あらゆるプラットフォーム差を一か所に吸収し、製品の残りの部分がそれを気にしなくて済むようにすること。たとえば、同じボタンはシステム内で一度だけ定義されます。macOS ではピル形状になり、Windows では角丸長方形になります。ひとつの変更が、すべての場所に反映されます。ファイルを探し回る必要も、同じ修正を 4 回繰り返す必要も、少しずつズレていく心配もありません。

その土台がなければ、ここまで説明してきたことはどれも持続可能ではありません。更新のたびに、どのプラットフォームに今スプリントで修正を適用するかを交渉することになります。新機能が出るたびに、少しずつ違う 4 つのバージョンが生まれ、やがて同じ製品らしさを失っていきます。最終的には、追い続けるにはコストが高すぎると誰もが静かに認め、すべてはまた、どこでも同じ UI を配布する形へと収束してしまうのです。

デザインシステムがあるからこそ、正しいことをするのは可能になるだけでなく、繰り返し実行できるようになります。

それを直接目にすることはないでしょう。それこそが、まさにポイントです。

結論

新しい Xmind が、もうすぐ登場します。

見た目はさらに良くなりました。けれど、より正確に言えば、これは 2 年にわたる作業の成果です。外からは常に見えていたわけではない、各プラットフォームを正しく理解すること、その維持基盤を築くこと、そして複数のデバイスを使っているからといって妥協する必要はない、という考えを貫くことに取り組んできた結果です。

私たちは毎日、さまざまなデバイスで Xmind を使っています。私たちは、ただ「なんとかやり過ごす」ような体験には我慢できません。だから、皆さんにもそうあってほしくないのです。