原生，但一致：Xmind 如何思考跨平台設計

如果你在多個裝置上使用 Xmind，可能曾感受到某種不太對勁——在切換平台時那一點小小的摩擦。按鈕看起來稍有不同。某個互動的表現不如預期。沒有任何東西壞掉，但總覺得它並不是為這裡量身打造的。

我們也有同樣的感受。所以我們做了一個決定：Xmind 在每個平台上都應該有原生感——不只是能用，而是真正像在 macOS、Windows、iOS 和 Android 上安身立命。相同的核心結構、相同的邏輯、相同的產品熟悉感——只是依照它所運行的環境，換上合適的外衣。

這就是我們的做法。

多數跨平台應用程式的問題

常見的做法是：設計一套 UI，然後發佈到所有平台。這樣更便宜、更快速，也能保持一致。大多數應用程式都這麼做——老實說，大多數使用者也只能勉強接受。

結果就是一款在每個平台都能運作、卻在任何平台都沒有原生感的應用程式：

• Mac 使用者會注意到它看起來不像其他 Mac 應用程式。

• Android 使用者會注意到它明顯是從 iOS 移植過來的。

• 沒有人會大聲抱怨，但那種摩擦會悄悄累積。

另一種做法——針對每個平台分開設計——聽起來很合理，但幾乎從不會真的發生。成本太高、耗時太久，而維護四套不同設計的團隊最終也會疲乏，最後還是逐漸收斂到同一套方向。

我們對這兩種選項都不滿意，所以開始尋找另一種思考方式。

同一款應用，不同穿搭

想想一個人怎麼穿衣：正式會議穿西裝，週末穿休閒服，週六早上穿健身服。三種不同造型——但你每次都能一眼認出是同一個人。因為他的身分不在衣服裡，而在他的舉止、說話方式，以及對待他人的態度。

Xmind 也是一樣。不是所有事情都應該在各平台上保持一致——但該一致的部分，永遠都一致。

會變的：表層

按鈕形狀、材質、動畫，甚至文案語氣——這些都完全遵循各平台自身的慣例。

這聽起來像是更多工作，因為確實如此。但這是 Xmind 想要真正屬於每個平台，而不只是能在上面執行的唯一方式。

保留不變的：結構

工具放在哪裡、功能如何組織、你如何在導圖之間切換——這些在任何地方都完全一樣。

上方是導覽列。中央是畫布。桌面版的屬性面板在側邊，行動版則從底部滑上來。導圖分頁排列在底部。

從 Mac 切換到 iPad，你不需要重新學任何東西。應用程式看起來不同，但運作方式仍然像你已熟悉的 Xmind。這種一致性——在它運作良好時幾乎看不見——正是讓表層自由變化、而使用者卻不會感到迷失的關鍵。

永不改變的：核心

在所有事物底下，無論平台或 Apple、Google 下一個會發明什麼新的設計語言，有幾件事始終不變：

• 畫布永遠是主角，UI 退居其後。

• 複雜功能在你需要時才出現，不需要時就退到一旁。

• 復原無上限——創意工作需要能放心嘗試、不必擔心把東西弄壞的自由。

• 速度永遠優於美觀。沒有任何動畫或視覺細節值得讓應用程式變慢。

這些不是設計決策。它們更接近承諾。

我們之所以能維持這一切的原因

讀到這裡，你很合理地會問：四個平台、四種視覺語言、到處不同的慣例——你們到底怎麼讓這一切運作，而不至於整體崩潰？

兩年前，我們做了一個當時看起來並不急迫的決定：為 Xmind 建立一套完整的設計系統。

它解決的核心問題很好說，卻意外地難做到：把每個平台的差異都吸收到同一個地方，讓產品的其他部分不必費心處理。相同的按鈕在我們的系統裡只存在一份。在 macOS 上，它變成膠囊形。在 Windows 上，它變成圓角矩形。一個變更，全面生效——不用翻找檔案，不用重複修四次，也不用慢慢偏離同步。

如果沒有這個基礎，上面描述的任何事情都無法長期維持。每次更新都會變成一場協商：這次 sprint 要先修哪個平台。每個新功能都會衍生出四個略有差異的版本，最後逐漸不再像同一個產品。到頭來，大家會默默同意：要跟上實在太昂貴了——而整體又會重新收斂回一套發佈到所有平台的單一 UI。

設計系統，正是讓做正確的事不只是可能，而是可重複。

你不會直接注意到它。這正是重點。

結語

一個全新的 Xmind 即將登場。

它看起來更好。但更誠實地說：這些改變是兩年來默默累積的工作所結出的結果——不只是從外部理解每個平台、建立可維護的基礎，也持續堅持一個理念：你不應該因為使用多於一個裝置，就必須做出妥協。

我們每天都在不同裝置上使用 Xmind。我們無法忍受那種只是「勉強過得去」的體驗。所以我們也不希望你必須接受那樣的體驗。