PTC

AI Visual QA: Finden Sie Übersetzungsprobleme, die nur in Ihrer Benutzeroberfläche auftreten

Moderne Übersetzung liefert die richtigen Wörter. Was sie Ihnen jedoch nicht sagen kann, ist, ob diese Wörter auch funktionieren, sobald sie in Ihrem Produkt gerendert werden – und genau hier entscheidet sich die Qualität der Lokalisierung.

Eine Übersetzung kann perfekt akkurat und im Kontext dennoch falsch sein: Sie liest sich neben einem Label seltsam, der Tonfall auf einem Button passt nicht oder sie ist inkonsistent mit einem Begriff, den Sie zwei Bildschirme zuvor verwendet haben. Derselbe String kann auch auf Probleme auf Code-Ebene stoßen: Er läuft aus seinem Container heraus, bricht ein RTL-Layout oder erscheint gar nicht erst, weil er in Ihrer Ressourcendatei fehlt.

Nichts davon zeigt sich in einer .po-, .json- oder strings.xml-Datei. Es zeigt sich erst, wenn das Interface gerendert wird – manchmal in einem langsamen QA-Durchlauf, aber viel öfter erst dann, wenn ein Kunde den Fehler für Sie findet.

AI Visual QA erkennt all dies mit fast null Aufwand für Sie.

Wie AI Visual QA Ihre übersetzte Benutzeroberfläche prüft

AI Visual QA prüft Screenshots Ihrer übersetzten Benutzeroberfläche, nicht nur die Strings, und sortiert die Funde in zwei Arten von Fehlern:

Übersetzungsprobleme

Diese werden automatisch behoben. Dies umfasst ungeschickte Formulierungen, den falschen Tonfall und Wortwahlen, die sich im Kontext falsch lesen.

Probleme auf Code-Ebene

Erkannte Fehler werden mit einem gebrauchsfertigen Prompt geliefert, der Ihrem KI-Coding-Assistenten genau sagt, wie das Problem an der Quelle zu beheben ist. Dies umfasst abgeschnittenen Text, fehlerhafte RTL-Layouts und fehlende Strings.

Für Web-Apps erledigt die AI Visual QA Browser-Erweiterung die Arbeit für Sie.

Sie führen einmal einen Rundgang durch Ihre App durch und markieren die Bildschirme, die geprüft werden sollen. Die Erweiterung wiederholt diesen Rundgang für jede Sprache, sodass Sie dieselben Bildschirme nie wieder zehnmal manuell erfassen müssen. Für jede andere Art von App laden Sie die Screenshots derzeit noch selbst hoch, wobei wir dieselbe Automatisierung bereits für weitere Plattformen entwickeln.

In jedem Fall ist das Ergebnis dasselbe: Sie benötigen keinen dedizierten QA-Durchlauf oder einen sprachspezifischen Prüfer mehr für jedes Release.


Was AI Visual QA fand, als wir es auf WPML anwendeten

WPML ist das am weitesten verbreitete mehrsprachige Plugin für WordPress und läuft auf über 1,5 Millionen Websites. Es ist in 23 Sprachen übersetzt, darunter europäische Sprachen wie Spanisch und Polnisch, RTL-Sprachen wie Arabisch und Hebräisch sowie nicht-lateinische Schriften wie Chinesisch, Japanisch und Koreanisch.

Jahrelang bedeutete dies eine manuelle Überprüfung nach jedem Übersetzungszyklus. Professionelle menschliche Übersetzer der Spitzenklasse arbeiteten sich Bildschirm für Bildschirm und Sprache für Sprache durch das Interface. Die Arbeit dauerte Tage, manchmal Wochen. Selbst dann schlüpften immer noch Fehler durch. Fehler schleichen sich immer ein.

Wir haben vier Plug-ins mit AI Visual QA geprüft: WPML Core, String Translation, Media Translation und WPML for WooCommerce (WCML). Der gesamte Durchlauf dauerte ein paar Stunden. PTC ist mit unserem Repository verbunden, sodass jede vorgenommene Korrektur direkt mit der Codebasis synchronisiert wurde – ein optionales Setup, keine Voraussetzung. Hier ist eine Auswahl dessen, was erkannt wurde.

Wortwahl, die sich im Kontext falsch liest (Spanisch)

Auf der WPML-Seite Languages war ein spanischer Satz zwar akkurat, las sich aber im Kontext ungeschickt. AI Visual QA erkannte dies, sobald die Übersetzung gerendert zu sehen war, und korrigierte die Wortwahl automatisch.

Vor AI Visual QA
Von AI Visual QA automatisch behobenes Übersetzungsproblem
WPML Languages Bildschirm auf Spanisch
Vor AI Visual QA
WPML Languages Bildschirm
Nach AI Visual QA

Layout, das in RTL fehlerhaft war (Arabisch und Hebräisch)

Für Arabisch und Hebräisch markierte AI Visual QA Layoutfehler, die nur in der Rechts-nach-links-Schreibweise auftreten. Diese gehören zu den am schwersten manuell zu findenden Fehlern, da man wissen muss, wie ein korrektes RTL-Layout aussieht.

Jeder Fehler wurde mit einem eigenen Fix-Prompt geliefert, den wir in einen KI-Coding-Assistenten kopierten, welcher das Element lokalisierte und das Layout an der Quelle korrigierte.

AI Visual QA
AI Visual QA identifizierte RTL-Layoutprobleme
Arabischer WPML-Admin-Bildschirm mit überlappendem, kollidierendem RTL-Text
Vor dem AI Visual QA-Durchlauf: RTL-Layoutprobleme
Derselbe arabische Bildschirm mit korrigiertem RTL-Layout
Nachher: korrektes RTL-Layout, behoben durch AI Visual QA

Ein abgeschnittener Button im Französischen

Auf dem Bildschirm Custom XML Configuration wurde das französische Wort „Enregistrer“ zu „Enregistre“ abgeschnitten. Die Übersetzung war korrekt, aber der Button war zu schmal, um sie vollständig zu fassen.

AI Visual QA markierte den Fehler und lieferte uns einen Prompt, der genau beschrieb, was wo zu ändern war. Ein Klick kopiert ihn, und ein KI-Coding-Assistent verbreitert den Button an der Quelle. Der Text war die ganze Zeit über richtig. Nur das Layout musste geändert werden.

WPML vor AI Visual QA
Vorher: Abgeschnittener Button-Text
WPML nach AI Visual QA
Nachher: Der Button wird korrekt gerendert

Strings, die nie übersetzt wurden (Deutsch)

Auf der deutschen Settings-Seite waren einige Strings noch auf Englisch. AI Visual QA markierte diese, und da es die gerenderte Benutzeroberfläche mit den Strings abgleicht, die PTC tatsächlich vorliegen, konnte es feststellen, dass dies keine Übersetzungslücke war. Die Strings fehlten vollständig in der Ressourcendatei, weshalb sie nie übersetzt wurden.

Es generierte einen Prompt, um sie an der Quelle hinzuzufügen, und ein KI-Coding-Assistent fügte die fehlenden Strings hinzu, damit sie übersetzt und angezeigt werden konnten.

AI Visual QA erkennt nicht übersetzte Strings
Vor dem AI Visual QA-Durchlauf: fehlende Übersetzungen
Nachher: vollständige Übersetzungen, behoben durch AI Visual QA

Was ein einziger AI Visual QA-Durchlauf vor dem Release liefert

Über alle vier Plugins hinweg haben wir jedes Problem gefunden, behoben und verifiziert, bevor ein einziger Kunde es sah – ohne einen Spezialisten oder einen dedizierten Prüfzyklus. Dieser eine Durchlauf machte unsere Übersetzungen bereit für den Versand in 23 Sprachen.

Für ein Produkt, das in jeder Sprache korrekt aussehen muss, ist das der Unterschied dazwischen, Fehler selbst zu finden oder erst von einem Kunden davon zu erfahren.

So starten Sie mit AI Visual QA

AI Visual QA steht allen aktiven Abonnenten des Pro-Plans ohne zusätzliche Kosten zur Verfügung.

Melden Sie sich bei PTC an, um ein Projekt zu prüfen, das Sie bereits übersetzen.

Registrieren Sie sich für eine kostenlose Testphase, wenn Sie neu hier sind. Übersetzen Sie bis zu 20.000 Wörter kostenlos in 2 Sprachen und wechseln Sie dann zum Pro-Plan, um mit Ihrer visuellen Prüfung zu beginnen.