Что такое RTL интерфейсы?

Правосторонняя версия букинга на иврите. Видели такое?

Аббревиатуры LTR (left to right) и RTL (right to left) обозначают написание текста слева направо и справа налево. LTR — это то, к чему мы привыкли. А вот RTL применяется в продуктах, работающих в Израиле и в странах Ближнего Востока. UI в RTL-продуктах зеркально отражен тому, что есть в LTR-интерфейсах.

Кнопка «назад» встает справа и указывает вправо. Если есть Redo и Undo, то они меняются местами. 😬Меню и вкладки также располагаются по правому краю, а иконки в меню отзеркалятся и встанут справа от текста.

То же самое происходит со слайдерами и элементами selection controls, например с тогглом или чекбоксом

И даже инпуты разворачиваются.

Иконки, указывающие направление (например, стрелки, посадка самолёта), поворачиваются, чтобы соответствовать RTL. Однако некоторые элементы, такие как иконка поиска, календаря или профиля, остаются неизменными, поскольку их форма универсальна .

Горизонтальный скролл изображений, как и других элементов, идет справа налево.Если в порядке расположения фотографий есть какая-то хронология или алфавитный порядок, то они расположатся с учетом направления RTL.Если в изображении есть жест, поза или взгляд влияющие своим направлением на смысл контекста, то такое изображение надо зеркалить или брать другое.

Для RTL не зеркалятся плееры, временная дорожка тоже остается в привычном виде. Не зеркалятся логотипы и универсальные символы даже если в них присутствуют указатели направления.Восточные цифры переворачиваются справа налево, а вот обычные цифры сохраняют привычный нам порядок.

Народы, использующие RTL-интерфейсы обладают богатыми культурами со своими особенностями, многие из которых являются чувствительными.Требуется обязательно изучить эти нюансы и учитывать смысл контента, особенно изображений и иконок. Например для приложения на арабском языке нужно исключить изображения алкоголя при визуализации образа ресторана.

Подписывайтесь на ТГ канал «Дизайнеры — тоже люди»