Inhaltsverzeichnis
Lokalisierungsplattformen haben den Ruf, unhandliche Oberflächen, langsame Editoren und Workflows zu haben, die wirken, als wären sie von einem Komitee entworfen worden. Wir haben Better i18n mit einer anderen Philosophie aufgebaut: Jede Interaktion soll sich bewusst, schnell und respektvoll gegenüber der Zeit des Entwicklers anfühlen.
Dieser Beitrag führt durch die Platform-UX-Features, die Better i18n anders machen — nicht als Featureliste, sondern als praktische Tour durch den tatsächlichen Alltags-Workflow.
Die Command Palette: Ihr tastaturorientiertes Navigationszentrum
Drücken Sie Cmd+K (oder Ctrl+K unter Windows/Linux) von überall in der Plattform. Eine Such-Überlagerung erscheint sofort und indiziert alles — Projekte, Namespaces, Keys, Einstellungen und Aktionen.
Tippen Sie ein paar Zeichen und die Ergebnisse werden in Echtzeit eingegrenzt. Wählen Sie ein Ergebnis und Sie sind dort. Kein Klicken in Breadcrumbs, keine Seitenleisten-Navigation, keine Seiten-Neuladungen. Für Entwickler, die in VS Code oder Raycast zuhause sind, fühlt sich dieses Interaktionsmodell sofort vertraut an.
Die Command Palette ist nicht nur Navigation. Sie bietet auch Aktionen — einen neuen Key erstellen, Sprachen wechseln, eine Veröffentlichung auslösen, Projekteinstellungen öffnen. Betrachten Sie sie als universellen Einstiegspunkt für alles, was Sie auf der Plattform tun möchten.
Warum das für i18n-Workflows wichtig ist: Lokalisierungsprojekte haben oft Dutzende von Namespaces und Tausende von Keys. Mausgesteuerte Navigation skaliert nicht. Die Command Palette hält Sie auch bei der Verwaltung komplexer, multi-namespace-Projekte im Flow-Zustand.
Onboarding: Von null zur ersten Übersetzung in Minuten
Erste Eindrücke zählen. Wenn ein neues Teammitglied Ihrem Projekt beitritt — oder wenn Sie Better i18n zum ersten Mal einrichten — führt der Onboarding-Assistent Sie durch jeden Schritt:
- Repository verbinden — Verknüpfen Sie Ihr GitHub-, GitLab- oder Bitbucket-Repo
- Projekt konfigurieren — Quellsprache festlegen, Zielsprachen hinzufügen, Namespaces definieren
- SDK installieren — Framework-spezifische Anweisungen für Next.js, React + TanStack Router, Expo oder Flutter
- Erste Übersetzungen pushen — Den Roundtrip von der Plattform zum Code verifizieren
Jeder Schritt wird validiert, bevor Sie fortfahren können. Wenn Ihre SDK-Konfiguration ein Problem hat, erkennt der Assistent es sofort, anstatt Sie es zehn Minuten später in der Produktion entdecken zu lassen.
Der Assistent erkennt Ihr Framework auch automatisch. Wenn Sie Next.js verwenden, erhalten Sie Next.js-spezifische Einrichtungsanweisungen, Middleware-Konfiguration und Routing-Beispiele. Expo-Nutzer sehen Expo-spezifische Anleitungen. Keine generischen Dokumentationsseiten — alles ist auf Sie zugeschnitten.
Der Übersetzungseditor: Wo Performance auf Einfachheit trifft
Ihr Team verbringt den Großteil seiner Zeit im Übersetzungseditor, deshalb haben wir hier den meisten Engineering-Aufwand investiert.
Virtuelles Scrollen für große Key-Sets
Die meisten Übersetzungseditoren rendern jede Zeile im DOM. Das funktioniert gut bei 200 Keys. Bei 2.000 Keys wird es träge. Bei 5.000+ Keys wird es unbrauchbar.
Better i18n verwendet virtualisiertes Rendering — nur die in Ihrem Viewport sichtbaren Zeilen (plus ein kleiner Puffer) existieren zu einem beliebigen Zeitpunkt im DOM. Das Ergebnis: Durch 10.000 Keys zu scrollen fühlt sich genauso an wie durch 50 zu scrollen. Die Speichernutzung bleibt konstant. Die Framerates bleiben hoch. Ihr Browser wird kein Raumheizgerät.
Das ist nicht nur ein Nice-to-have. Reale Projekte in großem Maßstab haben routinemäßig 5.000 bis 20.000 Keys. Wenn Ihr Editor das nicht elegant bewältigen kann, wird er zum Engpass statt zum Werkzeug.
Inline-Bearbeitung mit Auto-Sync
Klicken Sie auf eine beliebige Übersetzungszelle und beginnen Sie zu tippen. Es gibt keinen Bearbeitungsmodus, kein Modal, keinen „Speichern"-Button. Einfach klicken, tippen und weitermachen.
Im Hintergrund verfolgt ein Zustand-gesteuerter Store Ihre Änderungen und synchronisiert sie mit einem Debounce von 3,5 Sekunden mit dem Server. Hören Sie 3,5 Sekunden lang auf zu tippen, werden Ihre Änderungen automatisch gespeichert. Ein dezenter Sync-Indikator in der Toolbar zeigt den aktuellen Zustand — Bearbeitung, Synchronisierung oder gespeichert.
Dieses Auto-Sync-Muster eliminiert eine ganze Kategorie von Benutzerfehlern. Kein verlorener Aufwand durch vergessenes Speichern. Keine veralteten Daten durch einen über Nacht geöffneten Tab. Der Editor spiegelt immer den aktuellen Stand wider.
Namespace-Gruppierung und Filterung
Große Projekte organisieren Übersetzungen in Namespaces — common, auth, dashboard, emails und so weiter. Der Editor rendert diese als ausklappbare Gruppen. Erweitern Sie den Namespace, an dem Sie arbeiten, klappen Sie alles andere ein.
Kombinieren Sie das mit dem Filtern nach Sprache und Übersetzungsstatus (übersetzt, nicht übersetzt, Überprüfung erforderlich) und Sie können genau auf die Arbeit fokussieren, die wichtig ist. Möchten Sie alle nicht übersetzten deutschen Keys im auth-Namespace sehen? Zwei Filter-Klicks und Sie sind dort.
Die Suche funktioniert sowohl über Key-Namen als auch über Übersetzungswerte. Suchen Sie den einen Key, bei dem jemand „Click here" geschrieben hat? Suchen Sie den Wert, finden Sie den Key, beheben Sie ihn.
Aktivitätslog: Vollständiger Audit-Trail für jede Aktion
Das Aktivitätslog verfolgt alles, was in Ihrem Projekt passiert — Key-Erstellung, Übersetzungsaktualisierungen, Veröffentlichungen, Einstellungsänderungen, Mitglieder-Hinzufügungen und mehr. Jeder Eintrag erfasst, wer die Aktion durchgeführt hat, wann sie stattfand und welche Ressource betroffen war.
Das ist nicht nur für Compliance. Das Aktivitätslog ist ein praktisches Debugging-Werkzeug. Wenn eine Übersetzung in der Produktion falsch aussieht, können Sie die genaue Änderung verfolgen, die sie verursacht hat — wer den Key aktualisiert hat, wann, und was der vorherige Wert war.
Für Teamleiter, die Übersetzer in mehreren Sprachen verwalten, bietet das Aktivitätslog Einblick in Übersetzungsgeschwindigkeit und Teamaktivität ohne Mikromanagement.
Globale KI-Seitenleiste: Kontextsensitive Unterstützung überall
Öffnen Sie das KI-Chat-Panel von jeder Seite aus. Es behält den Kontext über Ihr aktuelles Projekt, die angezeigte Seite und kürzliche Aktionen. Bitten Sie es:
- Übersetzungen generieren für neue Keys in allen Zielsprachen
- Bestehende Übersetzungen prüfen auf Konsistenz und Genauigkeit
- Verbesserungen am Quelltext vorschlagen für bessere Übersetzbarkeit
- Fehler erklären wenn etwas mit der Synchronisierung oder Konfiguration schiefläuft
Die KI-Seitenleiste wird von konfigurierbaren LLM-Providern betrieben. Über die LLM-Provider-Management-Oberfläche können Sie OpenAI, Anthropic, Google oder andere unterstützte Provider verbinden. Modellpräferenzen festlegen, Fallback-Prioritäten definieren und Token-Nutzung überwachen — alles über ein einziges Einstellungs-Panel.
Diese Flexibilität bedeutet, dass Sie nicht an einen einzigen KI-Anbieter gebunden sind. Verwenden Sie GPT-4o für Massenübersetzungen und Claude für nuancierte Prüfungen, oder konfigurieren Sie die Kombination, die für Ihr Team und Budget funktioniert.
Entwicklerwerkzeug-Modal: Einblick unter die Haube
Schalten Sie das Entwicklerwerkzeug-Modal im Entwicklungsmodus um, um zu sehen:
- API-Aufruf-Zeiten — Wie lange jede Anfrage dauert, einschließlich CDN-Cache-Hits
- Sync-Status — Aktueller Zustand des Zustand-Stores und ausstehende Änderungen
- Cache-Diagnosen — TTL-Cache-Trefferquoten und Invalidierungsereignisse
- Konfigurationsübersicht — Aktive Projekteinstellungen, SDK-Version und Verbindungsstatus
Das ist für Ingenieure gedacht, die das Plattformverhalten verstehen, die Performance optimieren oder Integrationsprobleme debuggen möchten. Es ist kein Feature, das Sie täglich nutzen, aber wenn Sie es brauchen, spart seine Integration in die Plattform stundenlange Raterei.
PostHog Analytics-Integration
Better i18n integriert PostHog-Event-Tracking in der gesamten Plattform. Das gibt Ihnen quantitative Einblicke, wie Ihr Team das Tool tatsächlich nutzt — welche Features den größten Mehrwert bieten, wo Nutzer auf Reibung stoßen und wie sich die Übersetzungsgeschwindigkeit im Laufe der Zeit entwickelt.
Alle Analytics-Daten fließen in Ihre eigene PostHog-Instanz, sodass Sie die volle Kontrolle über Datenschutz und Aufbewahrungsrichtlinien behalten.
Die Philosophie hinter diesen Entscheidungen
Jedes hier beschriebene Feature folgt einem einzigen Designprinzip: Reibung zwischen Absicht und Aktion reduzieren. Die Command Palette eliminiert den Navigations-Overhead. Inline-Bearbeitung eliminiert den Modal-Overhead. Auto-Sync eliminiert den Speicher-Overhead. Die KI-Seitenleiste eliminiert den Kontextwechsel-Overhead.
Lokalisierung ist bereits komplex genug — mehrere Sprachen, kulturelle Nuancen, technische Einschränkungen, Teamkoordination. Die Plattform sollte Komplexität absorbieren, nicht hinzufügen.
Wenn Sie i18n-Entwicklertools evaluieren oder einen Wechsel von Ihrer aktuellen Translation-Management-Plattform in Betracht ziehen, empfehlen wir Ihnen, Better i18n auszuprobieren und diese Workflows aus erster Hand zu erleben. Die Developer Experience ist kein Feature, das wir nachträglich hinzugefügt haben — sie ist das Fundament, auf dem alles andere aufgebaut ist.
