it-swarm.com.de

Dropdowns & Chevrons für Sprachen von rechts nach links

Angenommen, wir haben ein Dropdown-Menü mit einem Chevron verwendet, um anzuzeigen, dass es sich tatsächlich um ein Dropdown-Menü handelt. Ändert sich die Position des Chevrons in Abhängigkeit von der Richtung der Sprache? I.E. Bleibt der Chevron rechts oder bewegt er sich nach links?

Siehe Bild unten für eine visuelle Erklärung.

(Dropdown position for language direction

33
PaulVO

Was für eine großartige Frage. In der Regel ist es gut, die Positionierung der Ikonographie für RTL-Sprachen umzudrehen. Ihre unterste Option mit dem Chevron links ist also richtig.

Wenn Sie neugierig sind, stütze ich diese Antwort auf die Erfahrungen, die ich als leitender Designer bei mehreren Projekten mit dem NYC DOE und dem Büro des Bürgermeisters von NYC gemacht habe, bei denen alle Projekte 11 Sprachen unterstützen müssen, darunter 2 RTL-Sprachen. Die Systeme beinhalten manuelle Übersetzungen, daher wurde meine Arbeit von fließenden Sprechern beraten.

Sie können viel von diesem "Umdrehen" beim Spielen mit dem Online-Bewerbungssystem für öffentliche Schulen in NYC DOE sehen ( https://www.myschools.nyc/ ). Das eigentliche Fleisch davon steckt hinter einem Login, aber mit https://www.myschools.nyc/en/account/create-account/ vs https://www.myschools.nyc/ar/account/create-account/ . Überprüfen Sie den Header und den primären CTA

29
Ben Paddock

Wenn ich die Antwort von Ben unterstütze, wenn ich die Bidirektionalitätsrichtlinien für Materialdesign richtig verstehe, sollte sie gespiegelt werden:

Wenn eine Benutzeroberfläche gespiegelt wird, treten folgende Änderungen auf:

  • Textfeldsymbole werden auf der gegenüberliegenden Seite eines Feldes angezeigt
  • Die Navigationstasten werden in umgekehrter Reihenfolge angezeigt
  • Symbole, die die Richtung kommunizieren, wie Pfeile, werden gespiegelt
  • Text (wenn er in eine RTL-Sprache übersetzt wurde) wird rechts ausgerichtet

Und in der Abbildung sind die Chevrons tatsächlich gespiegelt:

(English and Arabic UI illustrating bidirectionality

Apples Richtlinien Erwähnen Sie dies nicht explizit, geben Sie jedoch an, dass "In iOS-Apps werden UIKit-Steuerelemente umgedreht angezeigt, wenn die App mit iOS 9 und höher verknüpft ist." Wenn Sie für die iOS-Plattform entwickeln, können Sie überprüfen, was ihre macht.

2