StartÜber unsLeistungenUnsere ProdukteMedizinsektorBlogKontaktAngebot Anfordern
Start/Blog/Eine Oberfläche für Arabisch und Englisch gestalten
Technologie28. Juli 20263 Min. Lesezeit

Eine Oberfläche für Arabisch und Englisch gestalten

Ein gespiegeltes Layout ist der einfache Teil, etwa 80 % der Arbeit. Typografie, Zahlen und eine Handvoll Details entscheiden, ob sich die arabische Version nativ oder nur umgedreht anfühlt.

Eine Oberfläche für Arabisch und Englisch gestalten

Ein Layout von links-nach-rechts auf rechts-nach-links zu spiegeln, ist der Teil, den jedes Framework bereits kostenlos erledigt — und genau das überzeugt Teams davon, dass die Arbeit fertig ist. Das Spiegeln des Rasters bringt eine Website etwa 80 % des Weges. Die restlichen 20 % — Typografie, Zahlen, Icon-Richtung und eine Handvoll Elemente, die sich gar nicht spiegeln sollten — entscheiden, ob ein arabischsprachiger Besucher eine für ihn gebaute Website erlebt oder eine für jemand anderen gebaute und dann umgedrehte.

Spiegelung ist notwendig, aber nicht ausreichend

Automatische RTL-Unterstützung handhabt die großen, strukturellen Umstellungen korrekt: Die Navigation wechselt die Seite, Absätze richten sich rechts aus, der Leserichtungsfluss dreht sich um. Was sie nicht handhabt, ist die Beurteilung, welche Elemente diesem Fluss folgen sollten und welche nicht. Eine Telefonnummer, ein Preis, ein Produktcode und ein Logo sollten sich in der Regel nicht spiegeln — sie werden in beiden Sprachen in derselben Richtung gelesen —, aber ein Layout, das alles wahllos spiegelt, dreht auch diese um und erzeugt eine Seite, die technisch RTL-korrekt und praktisch an bestimmten, störenden Stellen falsch ist, die ein arabischer Muttersprachler sofort bemerkt, auch wenn er nicht immer benennen kann, warum.

Typografie leistet mehr Arbeit, als man denkt

Arabische Schrift ist kein bloßer Schriftaustausch über denselben typografischen Regeln, die für lateinische Schrift funktionieren. Eine Zeilenhöhe, die für englischen Text angenehm wirkt, fühlt sich für Arabisch oft beengt an, weil arabische Buchstabenformen mehr vertikale Details tragen und sich innerhalb eines Wortes anders verbinden. Auch die Schriftstärke verhält sich anders — eine Stärke, die in einer lateinischen Schriftart elegant wirkt, kann im entsprechenden arabischen Schnitt entweder zu dünn oder zu fett wirken, weil die meisten Schriftfamilien eine lateinische Familie mit einem separat entworfenen arabischen Pendant kombinieren, das nicht aus derselben Zeichnung abgeleitet ist. Die arabische Version als reinen visuellen Klon der englischen zu behandeln, nur gespiegelt und mit anderer Schrift versehen, ist die Hauptquelle des Eindrucks „wirkt umgedreht".

Zahlen sind eine echte Entscheidung, kein Standardwert

Westarabische Ziffern (0123456789) und Ostarabische Ziffern (٠١٢٣٤٥٦٧٨٩) sind beide im Alltag arabischsprachiger Märkte in Gebrauch, und welche davon natürlich wirkt, hängt vom Land, vom Kontext und oft von der individuellen Gewohnheit der lesenden Person ab. Es gibt hier keine einzige, universell richtige Antwort — die Entscheidung sollte bewusst für das Publikum getroffen werden, für das die Website tatsächlich gebaut wird, und konsequent angewendet werden, statt es dem Standardverhalten einer Schrift oder eines Frameworks zu überlassen, was häufig zu einer inkonsistenten Mischung auf derselben Seite führt.

Die Details, die den Unterschied machen

Icons, die eine Richtung implizieren — ein „Weiter"-Pfeil, eine Zurück-Schaltfläche, eine Fortschrittsanzeige — müssen gezielt in ihrer Richtung überdacht werden, nicht automatisch mit allem anderen gespiegelt; manche sollten sich tatsächlich umdrehen, andere (wie ein Play-Button, der universell ist) nicht. Formularfelder verdienen eigene Aufmerksamkeit: Ein Feld, das einen Wert in lateinischer Schrift erwartet, etwa eine E-Mail-Adresse, sollte auch innerhalb eines ansonsten rechts-nach-links verlaufenden Formulars von links nach rechts bleiben, sonst wird die Eingabe verwirrend. Und Abstände, die für englischen Text nach Augenmaß justiert wurden, überstehen die Spiegelung selten unverändert — arabische Wort- und Buchstabenabstände haben ihren eigenen Rhythmus, und englische Abstandswerte unverändert zu übernehmen, ist eine häufige, leicht übersehene Ursache dafür, dass eine Seite ohne offensichtlichen Grund leicht falsch wirkt.

Wie „fertig" tatsächlich aussieht

Der Test, der das findet, was eine automatische Spiegelung übersieht, besteht darin, die arabische Version von jemandem prüfen zu lassen, dessen Muttersprache Arabisch ist — an der echten Oberfläche, nicht an einem Design-Mockup, denn Mockups verbergen Probleme bei Schriftdarstellung und Abständen, die erst auftauchen, sobald echte Browser-Schriften im Spiel sind. Eine zweisprachige Oberfläche verdient das Wort „nativ", wenn sich ihre arabische Version liest, als wäre sie zuerst entworfen worden — nicht übersetzt und im Nachhinein gespiegelt.

Das gehört zur selben Disziplin wie die Website als aktiv arbeitenden Teil des Unternehmens zu behandeln statt als statische Broschüre — eine Website, die nur für eines ihrer beiden Publikums funktioniert, erledigt nur die Hälfte ihrer Aufgabe. Unser Webteam baut und prüft zweisprachige Oberflächen mit einer nativen arabischen Prüfung, die fest im Prozess verankert ist, nicht am Ende angeflanscht.

Alle Artikel
Teilen

Umsetzen statt nur lesen?