In a chat UI that displays RTL (Arabic, Hebrew etc). Should you mirror the UI so that messages you send appear on the left and the person replying to you appears on the right?
Does whatsapp, iMessage etc. do this?
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.Sign up to join this community
WhatsApp does mirror the UI when it is set to an RTL language. Google image search for "ווטסאפ" (WhatsApp in Hebrew) shows:
Note how sent messages are now on the left, incoming on the right, and the back button has moved to the right as well.
This only applies when the user has set their UI preferences to be an RTL language. Using the interface in English but chatting in Hebrew (as i do) leaves the default LTR flow (outgoing - right, incoming - left).
This is the problem with Ken Mohnkern's answer; the UI in that screenshot is in German(?), so it doesn't get flipped.
No, do not mirror the UI. It will confuse RTL users because WhatsApp, Facebook, and pretty much all chat apps work in the same way where the right-side is your side of conversation, left-side is for the person/people you are speaking with.
In the RTL world, websites are indeed mirrored but when it comes to chatting, it's not.
However, make sure
dir="rtl" is on the element surrounding the RTL text. You can use
dir="auto" but sometimes isn't accurate.