App-Store-Screenshots von rechts nach links: Design für Arabisch und Hebräisch

Arabische und hebräische App-Store-Screenshots brauchen mehr als übersetzte Texte. Weil beide Sprachen von rechts nach links (RTL) gelesen werden, spiegelt ein gutes RTL-Screenshot-Set die Komposition, richtet die Texte rechtsbündig aus, zeigt die eigene UI der App in einer RTL-Locale aufgenommen und verwendet eine Schrift, die die Schrift korrekt darstellt. Markennamen, Zahlen und Begriffe in lateinischer Schrift laufen innerhalb des Textes trotzdem von links nach rechts – und genau an dieser Mischung scheitern die meisten RTL-Screenshots.

Dieser Guide zeigt, welche Store-Sprachen RTL sind, wie du ein Set spiegelst, wie du die Geräte-UI auf Arabisch oder Hebräisch aufnimmst und welche Fehler wir am häufigsten sehen.

Welche Sprachen im App Store und bei Google Play sind RTL?

Im App Store hat Apples Liste der App Store-Lokalisierungen 50 Einträge; davon werden Arabisch, Hebräisch und Urdu von rechts nach links geschrieben. Bei Google Play nutzt die Liste der Sprachen für Store-Einträge diese Codes:

Achte auf den Code für Hebräisch. Google Play verwendet iw-IL, basierend auf dem älteren ISO-Code „iw“, nicht he. Wenn du Uploads per fastlane supply oder über die Play Developer API skriptest, muss der Ordner- bzw. Locale-Name genau dem entsprechen, was Play erwartet – sonst landet der Store-Eintrag an der falschen Stelle.

Apples Lokalisierungsreferenz führt Arabisch in vielen Storefronts als unterstützte Sprache, darunter Ägypten und die Vereinigten Arabischen Emirate, sodass ein arabisches Set mehrere Märkte abdecken kann. Ob deine Texte Hocharabisch oder einen regionalen Ton brauchen, ist eine Copy-Entscheidung; die meisten Store-Einträge nutzen Hocharabisch.

So spiegelst du ein Screenshot-Set für Arabisch und Hebräisch

Spiegeln heißt: Du drehst die richtungsabhängigen Teile der Komposition um und lässt Inhalte mit einer realen Ausrichtung in Ruhe. Geh Element für Element durch:

• Textausrichtung: rechtsbündig. Zentrierte Texte überstehen den Wechsel – einer der Gründe, warum manche Teams einfach alles zentrieren.
• Position von Gerät und Text: Wenn das englische Layout das Smartphone rechts und den Text links platziert, tausch beides.
• Pfeile, Wisch-Hinweise und Fortschrittsanzeigen: Dreh alles um, was „vorwärts“ andeutet. In RTL zeigt vorwärts nach links.
• Diagramme: Mach es so wie deine App. Viele Apps lassen Zeitreihen-Diagramme von links nach rechts laufen; wenn deine sie auf Arabisch spiegelt, zeig das auch.
• Nicht spiegeln: Logos, Fotos, Geräte-Hardware (den Kamerabuckel), Uhren, Steuerelemente für die Medienwiedergabe und alles mit lateinischem Text darauf.

Und die Reihenfolge der Screenshots?

Die Stores zeigen Screenshots in jeder Sprache in der Reihenfolge, in der du sie hochlädst – Screenshot 1 ist also immer dein erster Screenshot. Was sich in einer RTL-Locale ändert, ist die Leserichtung der Store-Oberfläche drumherum. Apples Dokumentation sagt nicht genau, wie das Screenshot-Karussell in RTL-Storefronts scrollt. Wir würden daher empfehlen, es auf einem Gerät mit Arabisch oder Hebräisch als Systemsprache zu prüfen, statt etwas anzunehmen. Am wichtigsten ist das bei Panorama-Screenshot-Sets: Ein Design, das von links nach rechts über die Nahtstelle fließt, kann für RTL-Nutzer rückwärts wirken. Wenn du unsicher bist, gestalte jeden RTL-Frame so, dass er für sich allein funktioniert, oder bau den durchgehenden Hintergrund so, dass er sich von rechts nach links liest.

Die App-UI in der RTL-Locale aufnehmen

Das deutlichste Zeichen für einen halb lokalisierten Store-Eintrag ist ein arabischer Text über einem englischen App-Screen. Nimm die Screens im Gerätrahmen auf, während die App tatsächlich auf Arabisch oder Hebräisch läuft. Wenn deine App RTL sauber unterstützt, sind Navigation, Tab-Leisten und Zurück-Buttons dann schon gespiegelt.

iOS

Bearbeite in Xcode das Scheme, öffne Run → Options und stell für die echten Aufnahmen App Language auf Arabisch oder Hebräisch. Um die Spiegelung zu prüfen, bevor es Übersetzungen gibt, nimm die Option Right-to-Left Pseudolanguage: Sie spiegelt das Layout und behält deine Entwicklungssprache bei. Apples WWDC22-Session „Get it right (to left)“ ist die beste einzelne Quelle dazu, wie iOS mit RTL-Layouts und Ziffern umgeht. Du kannst auch aus deinen UI-Tests ein Launch-Argument übergeben:

-AppleLanguages (ar) -AppleLocale ar_SA

Android

Die App braucht android:supportsRtl="true" im Manifest und in den Layouts start/end statt left/right, wie es Androids Guide zur Unterstützung verschiedener Sprachen beschreibt. Für einen schnellen Check gibt es ab Android 4.4 die Entwickleroption Linksläufiges Layout erzwingen. Für die finalen Aufnahmen stellst du die Systemsprache des Emulators auf Arabisch oder Hebräisch um. Unser Guide zu sauberen Screenshots aus Simulator und Emulator erklärt das Aufräumen der Statusleiste, und das funktioniert in RTL genauso.

Typografie für arabische und hebräische Texte

An den Schriften entscheidet sich, ob ein RTL-Set muttersprachlich oder improvisiert wirkt.

• Nimm eine Schrift, die für das Schriftsystem gemacht ist. Wenn deine Markenschrift keine arabischen oder hebräischen Glyphen hat, springt das System auf eine andere Schrift zurück, oft in einer unpassenden Strichstärke. Wähl eine Begleitfamilie, die das Schriftsystem mitbringt. Google Fonts hat einige, zum Beispiel Noto Sans Arabic, IBM Plex Sans Arabic und Cairo für Arabisch sowie Noto Sans Hebrew, Heebo und Rubik für Hebräisch.
• Gib arabischem Text nie zusätzliche Laufweite. Arabische Buchstaben sind verbunden. Sperrung, die auf Englisch knackig aussieht, zerreißt die Verbindungen und macht Wörter schwerer lesbar. Stell sie für arabische Texte auf null.
• Es gibt keine Großbuchstaben. Weder Arabisch noch Hebräisch kennt Versalien, ein englischer All-Caps-Stil hat also keine Entsprechung. Setz für Betonung lieber auf Strichstärke und Größe.
• Gib Arabisch mehr Zeilenabstand. Arabisch hat hohe Oberlängen, tiefe Unterlängen und Zeichen über und unter den Buchstaben; ein Zeilenabstand, der für Englisch passt, kann da etwas abschneiden.
• Rechne mit anderen Längen. Arabische Texte sind oft anders breit als englische, hebräische oft kürzer. Lass das Layout flexibel, statt die Schrift zu verkleinern.

Zahlen, Markennamen und gemischte Schreibrichtung

Die meisten RTL-Texte enthalten etwas linksläufigen Text: deinen App-Namen, einen Feature-Namen auf Englisch, eine Zahl. Der bidirektionale Algorithmus von Unicode regelt die Richtung jedes Abschnitts, aber das Ergebnis kann dich trotzdem überraschen.

Ziffern

Hebräisch verwendet westliche Ziffern. Arabisch nutzt je nach Markt und Nutzereinstellungen sowohl westliche Ziffern (123) als auch arabisch-indische Ziffern (١٢٣). Androids Lokalisierungs-Guide weist darauf hin, dass viele arabische Locales Zahlen standardmäßig mit ihren eigenen Ziffern formatieren. Nimm das, was deine App in der aufgenommenen Locale anzeigt, damit Text und Screen übereinstimmen.

Markennamen und Satzzeichen

Ein lateinischer Markenname in einem arabischen oder hebräischen Satz bleibt linksläufig, und Satzzeichen daneben können ans falsche Zeilenende springen. Typische Probleme: ein Punkt, der vor dem Markennamen landet, ein Prozentzeichen auf der falschen Seite der Zahl oder eine Klammer, die verkehrt herum steht. Lösungen, in absteigender Präferenz:

1. Formulier den Text so um, dass das lateinische Wort nicht am Anfang oder Ende der Zeile steht.
2. Lass das Satzzeichen am Ende weg; Screenshot-Texte brauchen es selten.
3. Als letzten Ausweg füg nach dem lateinischen Abschnitt eine Rechts-nach-links-Marke (U+200F) ein, damit sich das Satzzeichen richtig anhängt.

Lass das finale Bild immer von einer muttersprachlichen Person prüfen, nicht die Textdatei. Bidi-Probleme zeigen sich oft erst, wenn der Text gerendert ist.

Häufige Fehler bei RTL-App-Store-Screenshots

Der tiefere Punkt, über den wir in einen App-Store-Eintrag zu übersetzen ist keine Lokalisierung geschrieben haben: RTL-Märkte merken, wenn ein Store-Eintrag nur ein gespiegeltes Abbild des englischen ist. Für den allgemeinen Lokalisierungs-Workflow (mit welchen Märkten du anfängst, wie du Texte pro Sprache verwaltest) schau in App-Store-Screenshots lokalisieren.

Mit einem Screenshot-Tool

In Figma oder einem allgemeinen Design-Tool ist ein RTL-Set meist eine duplizierte Seite, auf der du jeden Frame von Hand spiegelst. Screenshot-Tools unterscheiden sich hier stark. Achte daher auf drei Dinge: eine Einstellung für die Schreibrichtung von rechts nach links, Schriften mit arabischen und hebräischen Glyphen und ob Layouts automatisch gespiegelt werden. Launch Shots unterstützt RTL-Übersetzung für Arabisch und Hebräisch, und die Größen bleiben dieselben wie in deinen anderen Sprachen (siehe unsere Übersicht der Screenshot-Größen). Egal welches Tool du nimmst: Die In-App-Screens musst du trotzdem in der RTL-Locale neu aufnehmen – diesen Teil kann dir kein Generator abnehmen.

RTL-Screenshot-Checkliste

• Texte rechtsbündig (oder zentriert) und von einer muttersprachlichen Person geschrieben oder geprüft.
• Kompositionen gespiegelt: Gerät und Text getauscht, Pfeile und Wisch-Hinweise umgedreht.
• Logos, Fotos, Geräte-Hardware und lateinischer Text nicht gespiegelt.
• App-UI aufgenommen, während die App auf Arabisch oder Hebräisch läuft, nicht auf Englisch.
• Eine Schrift mit echten arabischen oder hebräischen Glyphen, Laufweite null für Arabisch, großzügiger Zeilenabstand.
• Ziffern passen zu dem, was die App in dieser Locale anzeigt.
• Satzzeichen um Markennamen und Zahlen im gerenderten Bild geprüft.
• Richtige Locale: Arabisch, Hebräisch oder Urdu in App Store Connect; ar, iw-IL, fa oder ur in der Play Console.
• Vor der Veröffentlichung auf einem echten Gerät mit der RTL-Sprache als Systemsprache angesehen.