web-dev-qa-db-fra.com

Interface utilisateur de chat pour RTL

Dans une interface de chat qui affiche RTL (arabe, hébreu, etc.). Devriez-vous refléter l'interface utilisateur de sorte que les messages que vous envoyez apparaissent à gauche et que la personne qui vous répond apparaisse à droite?

Est-ce que WhatsApp, iMessage etc. font cela?

8
Brian Edelman

WhatsApp reflète l'interface utilisateur lorsqu'elle est définie sur une langue RTL. La recherche d'images Google pour "ווטסאפ" (WhatsApp en hébreu) ​​montre:

reversed

Notez comment les messages envoyés sont maintenant à gauche, entrants à droite et le bouton de retour s'est également déplacé vers la droite.

Cela ne s'applique que lorsque l'utilisateur a défini ses préférences d'interface utilisateur pour être une langue RTL. Utiliser l'interface en anglais mais discuter en hébreu (comme je le fais) laisse le flux LTR par défaut (sortant - droit, entrant - gauche).
C'est le problème avec la réponse de Ken Mohnkern; l'interface utilisateur de cette capture d'écran est en allemand (?), donc elle n'est pas retournée.

11
Scimonster

Je ne sais pas. Découvrons-le.

Recherche d'images Google "chat arabe WhatsApp" ...

Voici une capture d'écran. Les petites coches sont sur les messages à droite, et ce sont les messages que j'envoie, n'est-ce pas? Est-ce que ça répond à votre question?

enter image description here

4
Ken Mohnkern

Non, ne reflétez pas l'interface utilisateur. Cela déroutera les utilisateurs de RTL car WhatsApp, Facebook et à peu près toutes les applications de chat fonctionnent de la même manière où le côté droit est votre côté de la conversation, le côté gauche est pour la personne/les personnes avec qui vous parlez.

Dans le monde RTL, les sites Web sont en effet reflétés, mais quand il s'agit de discuter, ce n'est pas le cas.

Cependant, assurez-vous que dir="rtl" est sur l'élément entourant le texte RTL. Vous pouvez utiliser dir="auto" mais parfois imprécis.

3
Shafiq al-Shaar