Figma
August 6, 2022

Локализационное тестирование


Локализационное тестирование одно из самых простых и наглядных.
Оно покажет как ведет себя текст на другом языке в том или ином месте вашего интерфейса.

Очень часто дизайнеры забивают на другие системные языки и делают акцент в дизайне на одном-двух, чаще всего это Русский (если вы из этой страны) и Английский. Это бывает по многим причинам, от банального у «продакта нет времени» на переводы текстов до обычной лени дизайнера. Одно и другое — хреново. Я рекомендую разбираться с текстами во время проектирования и не оставлять их на последнюю итерацию. Лучше обезопасить себя на берегу и придумать лаконичные текста для заголовков, описаний, ошибок, кнопок и тд.

Почему это вообще важно? Пусть разработчики этим занимаются, с меня только дизайн!
Услышал я как-то от начинающего дизайнера.


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

Гаданием заниматься никто не хочет, так как цена ошибки может быть велика, проще закрыть и пойти туда где все читаемо и понятно.

Так и что теперь, делать дизайн на всех языках???

Не совсем, вы можете заранее определиться с языками и тестировать на них. Например взять 2 популярных системных языка (зависит от региона), один коротки и один длинный.

Мой список обычно такой: Русский, Английский, Японский и Немецкий. Для наглядного примера возьмем текст «You’re using trial version, do not lose exclusive tools» и переведем его.

Не приятная ситуация выходит :/
Именно поэтому я рекомендую не забивать на другие языки.
Да, такие ситуации можно избежать автосайзом шрифтов, флексибл контейнерами и сокращениями, но это все дополнения которые не всегда корректно работают.

От создания бесконечных дубликатов и переводов вручную помогут Figma плагины Language Tester или Translate, в один клик переведут выделенный фрейм или кусок текста. Если готовые переводы уже есть, то с хранением и заменой к Phrase. В случае со Sketch, можно обратить внимание на Sketch Auto Translate.