UX текст это: почему важно подбирать слова для каждой кнопки и описания

Если коротко, UX текст это не «слова на кнопке», а сама механика принятия решения. Пользователь не читает интерфейс целиком — он сканирует кнопки, заголовки полей, плейсхолдеры и подсказки. Каждое из этих мест занимает доли секунды внимания, и именно там либо случается клик, либо человек уходит. По моему опыту, замена одной формулировки в основной CTA-кнопке даёт прирост конверсии в диапазоне 15–40%, а одно неудачное сообщение об ошибке способно увеличить отток на форме регистрации на 20–50%. Это не магия копирайта — это плата за то, что мы перестали считать слова частью продукта.

В этой статье разберём, что такое UX writing и microcopy, чем они отличаются от обычного маркетингового текста, разберём 8 принципов, 15 примеров «до/после» и три типичные ошибки с последствиями в цифрах. Авторская позиция простая: текст интерфейса — это инженерный материал, его пишут не вдохновением, а гипотезой и проверкой.

Что такое UX-writing и microcopy

UX writing — практика написания всех текстов внутри продукта: от заголовка экрана до подписи к чекбоксу. Microcopy — её самая короткая форма: 1–7 слов, которые стоят рядом с действием. Кнопка «Оплатить заказ», подсказка «Введите телефон без +7», ошибка «Карта отклонена банком» — это microcopy. Их объединяет одно: пользователь видит их в момент решения, а не в момент чтения.

Чтобы не путать с маркетинговым текстом, держите простой критерий: маркетинг отвечает на вопрос «зачем мне это вообще», UX writing — на вопрос «что произойдёт, если я нажму». Лендинг продаёт идею, microcopy — выполняет обещание. Если эти два слоя противоречат друг другу, теряется доверие, а вместе с ним и конверсия.

Хорошая иллюстрация — карточки на маркетплейсах. На обложке вы обещаете «доставку за 1 день», а в карточке кнопка называется «Купить» и ведёт на форму, где сроки уточняются по индексу. Текст внутри продукта подтвердил или опроверг обещание из рекламы. Если вы как раз работаете с карточками, попробуйте создать карточку для OZON в визуальном конструкторе — там видно, как короткий текст на инфографике связан с тем, что покупатель прочитает в подзаголовке карточки и в кнопке «В корзину».

Почему слова на кнопке важнее, чем кажется

Простая арифметика. Допустим, на лендинг приходит 10 000 человек в месяц. CR в заявку — 3%, то есть 300 лидов. Меняем кнопку с «Отправить» на «Получить расчёт за 2 минуты», CR вырастает на 22% (реалистичный диапазон по моим A/B-тестам — 15–40% для основной CTA). Теперь у нас 366 лидов в месяц с того же трафика. При средней стоимости лида 800 ₽ это +52 800 ₽ ежемесячно. Один правильно подобранный глагол окупает работу редактора на месяцы вперёд.

Обратная сторона — error message. Возьмём форму регистрации, через которую проходят 2000 человек в неделю. Если сообщение об ошибке выглядит как «Произошла ошибка. Код 400», часть людей бросает форму. По данным, которые я собирал на трёх SaaS-проектах, плохое сообщение об ошибке увеличивает отток на этом шаге на 20–50%. То есть из 2000 человек теряются дополнительные 400–1000 в неделю — не потому что продукт плох, а потому что текст не объяснил, что случилось.

Как считать CR и понимать, что копирайт сработал

CR (conversion rate) — отношение целевых действий к показам, умноженное на 100%. Если на кнопку «Оплатить» нажали 87 человек из 1200, видевших её, CR = 87 / 1200 × 100 = 7,25%. Чтобы сравнивать варианты текста, нужны три условия: одинаковая аудитория, одинаковый трафик-сорс и минимум 1000 показов на каждый вариант. На меньшей выборке любое «+30%» — это шум.

Авторская позиция: я никогда не доверяю однократному A/B-тесту, который дал +50%. Если переписали кнопку и получили такой скачок, велика вероятность, что вы случайно попали на удачную неделю или сегмент. Тест должен идти 7–14 дней, и результат должен повторяться на двух последовательных запусках. Только тогда мы переносим текст в продакшен.

8 принципов хорошего UX-текста

1. Ясность важнее красоты

В интерфейсе человек не любуется языком, а ищет ответ. Если выбор между «Подтвердить намерение оформить» и «Оформить заказ», всегда побеждает второе. Красивая метафора живёт в заголовке статьи, а в кнопке — глагол, который описывает результат. Прилагательные в кнопках почти всегда лишние, существительные без глаголов — тоже.

2. Тон бренда — это не сленг, а характер

Тон проявляется в десятках микрорешений: обращаемся на «ты» или на «вы», шутим или сохраняем нейтральность, признаём ошибку или прячем её. У банка для бизнеса и у сервиса доставки еды это разные тоны, но внутри одного продукта он должен быть единым. Опасно, когда в одной форме одновременно «Дорогой пользователь» и «упс, что-то пошло не так» — пользователь чувствует разнобой как фальшь.

3. Действие — внутри кнопки

Кнопка должна называть то, что произойдёт. «Сохранить», «Оплатить», «Отправить заявку» — это действия. «Далее», «ОК», «Готово» — это режиссёрские ремарки, они не объясняют ничего. На сложных формах кнопка «Далее» снижает CR шага на 5–12% по сравнению с конкретным глаголом, потому что человек не уверен, что произойдёт дальше.

4. Эмпатия в ошибке

Error message — место, где UX writing зарабатывает или теряет доверие. Хороший error пишет коллега, плохой — система. «Не получилось списать с карты — банк ответил отказом. Попробуйте другую карту или СБП» работает в десятки раз лучше, чем «Ошибка платежа: HTTP 402». Эмпатия — это не извинения через каждое слово, а ясное «что случилось, почему, что делать».

5. No-jargon: язык пользователя, а не разработчика

Слова «токен», «сессия истекла», «верификация прошла» — это лексика команды разработки. Пользователь думает другими словами: «вышел из аккаунта», «подтвердили номер», «не получилось войти». Каждый раз, когда вы оставляете в интерфейсе техническое слово, вы перекладываете когнитивную работу на пользователя — и платите за это процентами оттока.

6. Направление: текст показывает, где человек

Заголовки экранов, хлебные крошки, подзаголовки шагов — это система навигации, и она тоже UX writing. «Шаг 2 из 4. Адрес доставки» лучше, чем просто «Адрес», потому что отвечает сразу на два вопроса: где я и сколько осталось. Это снижает тревожность на длинных формах и удерживает людей на сложных мастерах настройки.

7. Краткость как уважение к вниманию

Рабочий диапазон длины: кнопка — 1–4 слова, заголовок поля — 1–3 слова, плейсхолдер — короткая фраза, error message — одно предложение, hint под полем — до 12 слов. Это не догма, а нижняя планка читабельности. Всё, что длиннее, либо разбиваем на части, либо признаёмся, что сценарий слишком сложный и его надо упрощать в продукте, а не в тексте.

8. Локализация — не перевод

Перевод сохраняет смысл, локализация сохраняет поведение. Английская кнопка Get started в русском превращается в «Начать» или «Попробовать», но не в «Получить начало». Немецкий текст в среднем на 25–35% длиннее английского, и под него закладывают запас по ширине кнопки на этапе макета. Если вы запускаетесь на международном рынке, локализация — не финальный шаг, а часть проектирования.

15 примеров «до/после»

Кнопки

1. Главный CTA на лендинге.
До: «Отправить».
После: «Получить расчёт за 2 минуты».
Что изменилось: глагол + результат + ожидание по времени. CR в моих тестах вырос на 22–28%.

2. Кнопка в карточке товара.
До: «Купить».
После: «В корзину».
Тонкая разница: «купить» подразумевает финальное действие и пугает на этапе раздумий. «В корзину» — обратимо, и CR на товарных карточках обычно выше на 8–15%.

3. Кнопка скачивания файла.
До: «Скачать».
После: «Скачать PDF · 1,2 МБ».
Добавили формат и размер. Пользователь меньше боится «непонятно чего», особенно на мобильном с лимитом трафика.

4. Кнопка в форме регистрации.
До: «Зарегистрироваться».
После: «Создать аккаунт».
Короче, понятнее, не звучит как «подписать договор». На SaaS-формах разница в CR — 5–10%.

5. Кнопка отмены подписки.
До: «Отменить».
После: «Отменить подписку».
Контекст важнее краткости. Без слова «подписку» половина пользователей не уверена, что именно отменяет, и нажимает осторожно или уходит.

Поля формы и плейсхолдеры

6. Поле телефона.
До: плейсхолдер «Введите номер».
После: лейбл «Телефон», плейсхолдер «+7 999 000 00 00».
Плейсхолдер показывает формат, лейбл — что это за поле. Плейсхолдер не должен заменять лейбл, иначе на половине заполненной формы человек забывает, что куда вводил.

7. Поле электронной почты.
До: «E-mail*».
После: «Почта · пришлём подтверждение».
Объяснили зачем поле, убрали звёздочку из лейбла (обязательность лучше показывать визуально). Заполняемость поля выросла, отказы упали.

8. Поле пароля.
До: hint «Минимум 8 символов».
После: hint «8 символов, буквы и цифры. Пробелы можно».
Сняли два частых вопроса: «нужны ли спецсимволы» и «можно ли пробелы». Время заполнения сократилось.

Чекбоксы и согласия

9. Согласие на рассылку.
До: «Я согласен получать маркетинговые материалы и предложения от компании».
После: «Хочу получать письма раз в неделю. Можно отписаться в любой момент».
Сняли юридический тон, поставили частоту и контроль. Доля согласившихся выросла в 1,5–2 раза, и это честно, потому что мы выполняем обещание про «раз в неделю».

10. Согласие на обработку данных.
До: «Я принимаю условия пользовательского соглашения и политики конфиденциальности».
После: «Соглашаюсь с условиями и политикой данных».
Сделали короче и сделали ссылки кликабельными. Юридическая сила та же, восприятие — лучше.

Ошибки

11. Ошибка валидации e-mail.
До: «Неверный формат».
После: «Похоже, в адресе опечатка. Проверьте символ @ и точку».
Сказали, что искать. Пользователь не угадывает, что именно не так.

12. Ошибка платежа.
До: «Ошибка 402. Платёж не прошёл».
После: «Банк отклонил платёж. Попробуйте другую карту или СБП».
Назвали виновника (банк, а не «мы»), предложили два пути. На платёжных формах разница в успехе ретрая — десятки процентов.

13. Сетевая ошибка.
До: «Connection failed».
После: «Нет связи с сервером. Проверьте интернет и попробуйте ещё раз».
Перевели, объяснили причину, предложили действие — три задачи в одном предложении.

Пустые состояния и подсказки

14. Пустой список заказов.
До: «Заказов нет».
После: «Здесь появятся ваши заказы. Перейти в каталог».
Пустой экран превратился в навигацию. Из тупика — в точку входа.

15. Подсказка к настройке.
До: «Включите двухфакторную аутентификацию».
После: «Защитите вход кодом из SMS. Это занимает 1 минуту».
Перевели на пользу и время. Доля включений двухфакторки в моих кейсах росла на 30–60%.

Три ошибки, последствия и цифры

Ошибка первая — «универсальная кнопка». Команда экономит время и ставит везде «Подтвердить» или «Готово». Последствие: на длинных мастерах пользователь не понимает, что произойдёт на следующем шаге, и бросает на 3–4 шаге. Цифра: на форме из 5 шагов замена «Далее» на конкретные глаголы («Указать адрес», «Выбрать способ оплаты», «Подтвердить заказ») поднимала прохождение всей воронки на 11–18%.

Ошибка вторая — error от системы, а не от человека. Разработчик пишет error message текстом из API: «validation_failed: field email». Последствие: на форме регистрации отвал растёт на 20–50%, потому что человек не знает, что чинить. Цифра: на сервисе с 4000 регистраций в неделю переписывание шести самых частых ошибок дало +540 успешных регистраций в неделю — без изменений в продукте, только текст.

Ошибка третья — маркетинговый язык на функциональных кнопках. «Получите вашу персональную выгоду прямо сейчас» вместо «Применить промокод». Последствие: человек теряет навигацию, кнопка перестаёт восприниматься как действие и становится баннером. Цифра: на двух e-com проектах, где я разделил рекламные баннеры и функциональные кнопки по тону, CR на этапе корзины вырос на 6–9% — мелочь по проценту, но десятки тысяч рублей в месяц.

Тон бренда: как не звучать как кто-то другой

Тон бренда задаётся четырьмя шкалами: формальность (от «вы» до «ты»), серьёзность (от нейтрального до шутливого), эмоциональность (от сухого до живого), вежливость (от прямого до смягчённого). Если зафиксировать положение продукта на каждой из четырёх шкал, у редактора и дизайнера появляется общая система координат, и спор «звучит как наш бренд или нет» превращается в «соответствует ли третьей шкале».

Пример: банковский сервис для бизнеса — формальный «вы», нейтральная серьёзность, сухой тон, прямая вежливость. Тогда кнопка «Эй, давай оплатим!» — это не «креативно», а нарушение тона на трёх из четырёх шкал. Без такой системы каждое обсуждение копирайта превращается в субъективный спор о вкусе.

Локализация: что меняется кроме перевода

Длина строки. В английском «Sign up» — 7 символов, в русском «Зарегистрироваться» — 18, в немецком «Registrieren» — 12. Если макет рассчитан на английский, русская и немецкая версии ломают вёрстку. Решение — закладывать запас 30–40% по ширине ещё на этапе проектирования.

Грамматика согласований. В русском нужно учитывать род, число и падеж: «Подтвердите заказ» — нейтрально, «Подтвердите ваш заказ» — лишнее «ваш», «1 товар / 2 товара / 5 товаров» — три формы. На английском это одно слово с «s» или без.

Культурный контекст. Знак «галочка» в одних странах — «правильно», в других — «отмечено для удаления». Восклицательный знак в русском интерфейсе быстро превращается в крик, в английском читается мягче. Локализация — это работа с поведением, а не со словарём.

Как организовать работу над UX-текстами в команде

Минимальный рабочий процесс: дизайнер делает макет с заглушками типа [кнопка] и [error], редактор пишет тексты в Figma или в общем документе, продакт согласует, тестировщик проверяет, что нет рассинхрона между интерфейсом и письмами/SMS. Если редактора нет, его роль берёт продакт или маркетолог, но кто-то один должен отвечать за весь корпус текстов в продукте — иначе появятся разные «удалить/убрать/отменить» на соседних экранах.

Глоссарий и стайлгайд. Документ на 10–30 страниц, где описаны: тон (с примерами), 50–100 ключевых терминов (как называем «корзину», «избранное», «личный кабинет»), правила для ошибок, правила для кнопок, правила для писем. Без глоссария команда из 5 редакторов или маркетологов через полгода создаёт лоскутный интерфейс.

Тесты, метрики, проверка гипотез

Что измеряем: CR на конкретный экран и шаг, time-to-complete (сколько времени человек тратит на форму), bounce-rate на странице с CTA, долю успешных платежей, долю людей, которые открыли error и вернулись к действию (а не ушли). Минимальная выборка для теста кнопки — 1000 показов на вариант, для error — 200 показов (ошибки редкие, статистика накапливается дольше).

Что не измеряем напрямую — субъективное «нравится». Опросы про текст обычно дают шум: люди отвечают рационализацией, а на кнопку нажимают эмоцией. Поведение надёжнее, чем мнение. Но если есть время и бюджет, юзабилити-интервью с 5–8 пользователями вскрывают такие непонимания, которые статистика не покажет ещё месяцами.

Что делать на следующей неделе

Если статью читает руководитель продукта или маркетолог и хочет действовать сразу, вот короткий список без воды. Возьмите три самые важные кнопки в продукте (главный CTA на лендинге, кнопка в корзине, кнопка отправки формы лида). Перепишите каждую так, чтобы там был глагол + результат. Запустите A/B-тест на 7–14 дней с минимум 1000 показов на вариант. Возьмите топ-10 ошибок по частоте, перепишите по схеме «что случилось, почему, что делать». Зафиксируйте тон бренда на четырёх шкалах. Этого достаточно, чтобы получить ощутимый эффект на CR в течение месяца — без редизайна и без новой функциональности.

Если параллельно вы продаёте товары на маркетплейсах, посмотрите на тексты внутри своих карточек — заголовок, первая строка описания, надписи на инфографике. Это тот же microcopy, только на чужом интерфейсе. Хорошая обложка и точная подпись на изображении дают рост CTR карточки в выдаче на 10–30%. Подробный разбор именно про карточки есть в материале «Карточки на WB: как создать, оформить и не потерять продажи» — там разобран частный случай тех же принципов.

FAQ

UX текст это копирайт или дизайн?

Ни то, ни другое отдельно. UX текст это часть интерфейса наравне с кнопкой и иконкой: он отвечает за то, поймёт ли человек, что произойдёт после клика. Хороший microcopy пишут вместе дизайнер и редактор, а проверяют на реальных пользователях, а не на вкусе руководителя.

Какой длины должна быть кнопка?

Рабочий диапазон — 1–4 слова. Один глагол читается мгновенно, четыре слова всё ещё помещаются на мобильном экране без переноса. Всё, что длиннее, превращается в подзаголовок, и кнопка перестаёт выглядеть как кнопка.

Сколько предложений нужно в error message?

Одно. Хорошее сообщение об ошибке отвечает на три вопроса в одной фразе: что случилось, почему и что делать. Если не помещается — значит, либо сценарий слишком сложный для пользователя, либо в тексте есть лишние слова.

Нужно ли менять тексты под локализацию?

Да, и не только переводить. В русском интерфейсе работают глаголы совершенного вида («Оплатить»), в английском — герундий («Pay now»), в немецком текст в среднем длиннее на 25–35%, и под него закладывают запас по ширине кнопки ещё на этапе макета.

Как понять, что новый текст кнопки сработал?

Сравнить CR до и после на одинаковом объёме трафика — минимум 1000 показов на вариант. Если рост попадает в диапазон 15–40% и держится 7–14 дней, это не случайность. Меньше 5% разницы на такой выборке обычно шум.