Nativ, aber einheitlich: Wie Xmind über plattformübergreifendes Design denkt
Wenn du Xmind auf mehr als einem Gerät nutzt, hast du das wahrscheinlich schon gespürt – eine kleine Reibung beim Wechsel zwischen Plattformen. Die Buttons sehen leicht unterschiedlich aus. Eine Interaktion verhält sich nicht so, wie du es erwartest. Nichts ist kaputt, aber irgendetwas fühlt sich an, als wäre es nicht ganz für hier gemacht.
Wir spüren das auch. Und wir haben lange daran gearbeitet, es richtig zu lösen.
Das Problem mit den meisten plattformübergreifenden Apps
Der typische Ansatz: eine UI bauen und überall ausliefern. Das ist günstiger, schneller und sorgt für Konsistenz. Die meisten Apps machen das – und ehrlich gesagt nehmen es die meisten Nutzer hin.
Das Ergebnis ist eine App, die auf jeder Plattform funktioniert, sich aber auf keiner wirklich nativ anfühlt:
Mac-Nutzer merken, dass sie nicht wie andere Mac-Apps aussieht.
Android-Nutzer merken, dass sie klar eine Portierung von iOS ist.
Niemand beschwert sich laut, aber die Reibung summiert sich stillschweigend.
Die Alternative – für jede Plattform separat zu designen – klingt richtig, passiert aber fast nie. Sie kostet zu viel, dauert zu lange, und Teams, die vier verschiedene Designs pflegen, brennen irgendwann aus und landen doch wieder beim Gleichen.
Wir waren mit keiner der beiden Optionen zufrieden. Also suchten wir nach einem anderen Denkansatz.
Gleiche App, anderes Outfit
Denk daran, wie sich ein Mensch kleidet. Anzug im formellen Meeting, lässig am Wochenende, Sportkleidung am Samstagmorgen. Drei verschiedene Looks – und doch erkennst du sie jedes Mal sofort wieder. Denn ihre Identität steckt nicht in der Kleidung. Sondern darin, wie sie sich geben, wie sie sprechen, wie sie mit Menschen umgehen.
Xmind funktioniert genauso. Nicht alles sollte plattformübergreifend konsistent sein – aber die richtigen Dinge sind es immer.
Was sich ändert: die Oberfläche
Formen der Buttons, Materialien, Animationen, sogar der Ton des Textes – all das folgt konsequent den jeweiligen Konventionen der Plattform.
Plattform | Wie es aussieht |
|---|---|
macOS | Pillenförmige Buttons, Liquid-Glass-Panels, die über der Leinwand schweben, großzügiger Abstand |
Windows | Geometrische, zurückhaltende abgerundete Rechtecke, native Titelleiste, direkte Beschriftung ("Upgrade" nicht "Upgrade Now") |
iOS & iPadOS | Am ersten Tag jedes großen OS-Release vollständig aktualisiert – wenn du aktualisierst, gehört Xmind bereits zum neuen System |
Android | Neu aufgebaut rund um Material Design 3 – Gesten, Übergänge und das Verhalten der Panels neu justiert, damit sie zu der Art passen, wie Android-Nutzer tatsächlich navigieren |
Das klingt nach mehr Arbeit, weil es das auch ist. Aber nur so fühlt sich Xmind auf jeder Plattform zuhause an, statt dort nur zu laufen.
Was bleibt: die Struktur
Wo die Werkzeuge zu finden sind, wie Funktionen organisiert sind, wie du zwischen Diagrammen navigierst – das bleibt überall genau gleich.
Navigation oben. Leinwand in der Mitte. Eigenschaftenbereich an der Seite auf dem Desktop, auf Mobilgeräten von unten hochgleitend. Diagramm-Tabs unten.
Wechsel von Mac zu iPad, und du musst nichts neu lernen. Die App sieht anders aus, funktioniert aber wie das Xmind, das du schon kennst. Diese Konsistenz – unsichtbar, wenn sie funktioniert – ermöglicht es, die Oberfläche frei zu ändern, ohne dass Nutzer sich je verloren fühlen.
Was sich nie ändert: der Kern
Unter allem bleiben ein paar Dinge unverändert, ganz gleich welche Plattform oder welche neue Designsprache Apple oder Google als Nächstes erfindet:
Die Leinwand ist immer die Hauptfigur. Die UI tritt zurück.
Komplexe Funktionen sind da, wenn du sie brauchst, und verschwinden aus dem Weg, wenn du sie nicht brauchst.
Rückgängig ist unbegrenzt – kreative Arbeit braucht die Freiheit, Dinge auszuprobieren, ohne Angst haben zu müssen, etwas zu beschädigen.
Schnell schlägt schön, jedes Mal. Keine Animation und kein visuelles Detail ist es wert, die App langsamer wirken zu lassen.
Das sind keine Designentscheidungen. Es sind eher Versprechen.
Der Grund, warum wir all das pflegen können
Nach all dem stellt sich zu Recht die Frage: vier Plattformen, vier visuelle Sprachen, überall andere Konventionen – wie lässt sich das überhaupt steuern, ohne dass alles auseinanderfällt?
Vor zwei Jahren haben wir eine Entscheidung getroffen, die damals nicht dringend wirkte: ein echtes Designsystem für Xmind aufzubauen.
Das Kernproblem, das es löst, lässt sich einfach erklären, ist aber überraschend schwer umzusetzen: alle Plattformunterschiede an einer Stelle abzufangen, damit sich der Rest des Produkts nicht darum kümmern muss. Der gleiche Button existiert in unserem System nur einmal. Auf macOS wird er zur Pillenform. Auf Windows wird er zu einem abgerundeten Rechteck. Eine Änderung, überall – kein Suchen in Dateien, kein vierfaches Fixen derselben Sache, kein langsames Auseinanderdriften.
Ohne dieses Fundament wäre nichts von dem, was wir beschrieben haben, dauerhaft tragfähig. Jedes Update wird zu einer Verhandlung darüber, welche Plattformen in diesem Sprint den Fix bekommen. Jede neue Funktion bringt vier leicht unterschiedliche Versionen hervor, die sich nach und nach nicht mehr wie dasselbe Produkt anfühlen. Irgendwann sind sich alle stillschweigend einig, dass es zu teuer ist, mitzuhalten – und am Ende läuft alles wieder auf eine einzelne UI hinaus, die überall ausgeliefert wird.
Das Designsystem macht das Richtige nicht nur möglich, sondern reproduzierbar.
Du wirst es nie direkt bemerken. Genau darum geht es.
Fazit
Ein neues Xmind steht bevor.
Es sieht besser aus. Doch die ehrlichere Beschreibung ist: Dahinter stehen zwei Jahre Arbeit, die von außen nicht immer sichtbar war – jede Plattform richtig zu verstehen, die Grundlage für ihre Pflege zu schaffen und an der Idee festzuhalten, dass du keine Kompromisse eingehen solltest, nur weil du mehr als ein Gerät nutzt.
Wir nutzen Xmind jeden Tag auf verschiedenen Geräten. Wir können keine Erfahrungen ausstehen, die nur gerade so funktionieren. Deshalb sollst du das auch nicht erleben müssen.
