AI Visual QA: Finden Sie Übersetzungsfehler, die nur in Ihrer UI auftreten

Moderne Übersetzungen liefern die richtigen Wörter. Was sie Ihnen jedoch nicht sagen können, ist, ob diese Wörter auch funktionieren, sobald sie in Ihrem Produkt gerendert werden – und genau hier entscheidet sich die Lokalisierungsqualität.

Eine Übersetzung kann absolut fehlerfrei und im Kontext dennoch falsch sein: Sie klingt neben einem Label unnatürlich, der Tonfall in einem Button passt nicht oder sie ist inkonsistent mit einem Begriff, den Sie zwei Bildschirme zuvor verwendet haben. Derselbe String kann auch auf Codeebene zu Fehlern führen: Er läuft über seinen Container hinaus, verursacht einen Layoutfehler in RTL oder wird gar nicht erst angezeigt, weil er in Ihrer Ressourcendatei fehlt.

Nichts davon fällt in einer .po-, .json- oder strings.xml-Datei auf. Es zeigt sich erst, wenn die Benutzeroberfläche gerendert wird – manchmal in einem langsamen QA-Durchlauf, aber noch öfter erst dann, wenn ein Kunde es für Sie entdeckt.

Die AI Visual QA fängt all das ab, und zwar fast ohne Aufwand für Sie.

Wie die AI Visual QA Ihre übersetzte UI prüft

Die AI Visual QA prüft Screenshots Ihrer übersetzten Benutzeroberfläche, nicht nur die Strings, und sortiert die gefundenen Fehler in zwei Kategorien:

Bei Web-Apps übernimmt die AI Visual QA-Browser-Erweiterung diese Arbeit für Sie.

Sie machen einmal einen Rundgang durch Ihre App 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 von Hand erfassen müssen. Für jede andere Art von App laden Sie die Screenshots vorerst selbst hoch, obwohl wir dieselbe Automatisierung bereits für weitere Plattformen entwickeln.

So oder so ist das Ergebnis dasselbe. Sie benötigen für kein Release mehr einen dedizierten QA-Durchlauf oder einen sprachspezifischen Prüfer.

---

Was die AI Visual QA gefunden hat, als wir sie auf WPML angewendet haben

WPML ist das am häufigsten verwendete mehrsprachige Plugin für WordPress und läuft auf über 1,5 Millionen Websites. Es wird in 23 Sprachen übersetzt, darunter europäische Sprachen wie Spanisch und Polnisch, Rechts-nach-links-Sprachen (RTL) wie Arabisch und Hebräisch sowie nicht-lateinische Schriftsysteme wie Chinesisch, Japanisch und Koreanisch.

Jahrelang bedeutete das eine manuelle Überprüfung nach jedem Übersetzungszyklus. Professionelle, erstklassige menschliche Übersetzer arbeiteten sich Bildschirm für Bildschirm und Sprache für Sprache durch die Benutzeroberfläche. Die Arbeit dauerte Tage, manchmal Wochen. Selbst dann rutschten noch Fehler durch. Das passiert immer.

Wir haben vier Plugins mit der AI Visual QA geprüft: WPML Core, das String-Translation-Plugin, die Medienübersetzung und WPML für WooCommerce (WCML). Der gesamte Durchlauf dauerte ein paar Stunden. Die PTC ist mit unserem Repository verbunden, sodass jede vorgenommene Korrektur direkt in die Codebasis synchronisiert wurde – eine optionale Einrichtung, keine Voraussetzung. Hier ist ein Beispiel dafür, was sie gefunden hat.

Wortwahl, die im Kontext falsch klingt (Spanisch)

Auf der Sprachen-Seite von WPML war ein spanischer Satz zwar korrekt, klang aber im Kontext unnatürlich. Die AI Visual QA hat dies erkannt, sobald sie die gerenderte Übersetzung sah, und die Formulierung automatisch korrigiert.

Zerstörtes Layout in RTL (Arabisch und Hebräisch)

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

Jeder davon wurde mit einem eigenen Korrektur-Prompt geliefert, den wir in einen KI-Programmierassistenten eingefügt haben, der das Element lokalisierte und das Layout an der Quelle korrigierte.

Ein auf Französisch abgeschnittener Button

Auf dem Bildschirm Benutzerdefinierte XML-Konfiguration wurde das französische Wort „Enregistrer“ zu „Enregistre“ abgeschnitten. Die Übersetzung war korrekt, aber der Button war zu schmal dafür.

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

Strings, die nie übersetzt wurden (Deutsch)

Auf der deutschen Einstellungen-Seite waren einige Strings noch auf Englisch. Die AI Visual QA markierte sie, und da sie die gerenderte UI mit den Strings abgleicht, die die PTC tatsächlich enthält, konnte sie erkennen, dass es sich hierbei nicht um eine Übersetzungslücke handelte. Die Strings fehlten komplett in der Ressourcendatei, weshalb sie nie übersetzt wurden.

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

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 das Release in 23 Sprachen.

Für ein Produkt, das in jeder Sprache richtig aussehen muss, ist das der Unterschied, ob Sie Fehler selbst abfangen oder erst von einem Kunden davon erfahren.

So beginnen Sie mit der Nutzung der AI Visual QA

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

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

Melden Sie sich für eine Testphase an, wenn Sie neu sind. Übersetzen Sie bis zu 20.000 Wörter in 2 Sprachen und wechseln Sie dann in den Pro-Tarif, um mit Ihrer visuellen Übersetzungsprüfung zu beginnen.