UX-копирайтинг: как писать тексты, которые помогают, а не бесят

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

Что такое UX-копирайтинг?

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

Пример UX-копирайтинга в меню сайта Superpower

Ключевое отличие от маркетингового копирайтинга заключается в цели. Маркетинг убеждает и продает: «Купите наш новый тариф и получите скидку 50%!». UX-копирайтинг направляет и помогает: «Выберите тариф, который вам подходит». Как отмечает Nielsen Norman Group, хороший UX-текст часто остается незамеченным, потому что он интуитивно понятен и не создает барьеров.

Основные задачи UX-текста:

• Направлять. Вести пользователя по продукту, делая каждый следующий шаг очевидным.
• Уменьшать когнитивную нагрузку. Не заставлять пользователя думать, что означает та или иная кнопка.
• Вселять уверенность. Давать понять, что произойдет после нажатия, и подтверждать успешное выполнение действий.
• Говорить на одном языке. Использовать понятную лексику и строить диалог, который соответствует ожиданиям аудитории.

Принципы хорошего UX-текста: Разбираем на примерах

Теория — это хорошо, но давайте посмотрим, как все работает на практике. Как по мне лучший способ понять, это сравнить плохие и хорошие тексты.

Сообщения об ошибках

Ошибки случаются, и задача интерфейса — помочь пользователю их исправить, а не вогнать в ступор. Это одна из 10 эвристик юзабилити от Якоба Нильсена: «Помогайте пользователям распознавать, диагностировать и исправлять ошибки». Все эвристики юзабилити, кстати, мы подробно разобрали в отдельном разделе на сайте Академии, мастхэв к изучению.

Плохой пример:
«Произошла ошибка»
Сообщение не объясняет, что случилось, почему это случилось и что делать дальше. Это тупик.

Хороший пример:
«Не удалось загрузить фото. Пожалуйста, проверьте интернет-соединение и попробуйте снова»
Текст написан человеческим языком, четко объясняет причину проблемы (интернет-соединение) и предлагает конкретное решение (проверить и повторить).

Пример хорошей и плохой реализации сообщений об ошибках

Кнопки и призывы к действию (CTA)

Текст на кнопке должен четко описывать действие, которое произойдет после нажатия. Использование неопределенных слов вроде «ОК» или «Далее» — одна из самых частых ошибок.

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

Хороший пример:
«Модальное окно с заголовком «Удалить файл “Отчет_2025.docx”?» и кнопками Удалить файл / Отмена»
Текст кнопки самодостаточен. Пользователь точно знает, что произойдет, даже если читает только текст на кнопках. Это снижает вероятность случайной ошибки.

Пример хорошей и плохой реализации СTA

Пустые состояния (Empty States)

Пустой экран в разделе «Избранное» или «Мои проекты» — это упущенная возможность. Вместо того чтобы молчать, интерфейс должен подсказать пользователю, как заполнить эту пустоту.

Плохой пример:
«Пустой белый экран»
Пользователь может решить, что раздел не работает или он просто не понимает, что делать дальше.

Хороший пример:
«Иллюстрация и текст: Здесь будут ваши избранные товары. Нажмите на ❤️ на карточке товара, чтобы добавить его сюда»
Такое сообщение выполняет три функции: информирует, обучает (как добавить товар) и мотивирует к действию.

Пример хорошей и плохой реализации пустых состояний

Голос бренда, или Tone of Voice: Краткий ликбез

Tone of Voice (ToV) — это характер вашего продукта. Он определяет, как вы говорите с пользователем. Ваш бренд может быть:

• Серьезным и официальным (как банковское приложение).
• Дружелюбным и ободряющим (как фитнес-трекер).
• Шутливым и неформальным (как развлекательный сервис).

Tone of voice на сайте Duolingo

Главное правило ToV — последовательность. Если на главном экране приложение шутит, а в сообщении об ошибке говорит официальным языком, это создает диссонанс и подрывает доверие. Более подробно ToV и UX-writing мы разбираем на курсе Профессия UX/UI дизайнер, этой теме мы посвятили отдельный урок.

Один из лучших публичных примеров проработанного ToV — это гайдлайн Mailchimp, где четко разделяется «голос» (постоянный характер бренда) и «тон» (его адаптация под конкретную ситуацию).

Дизайнер и текст: «Моя работа — дизайнить, а не писать»

Очень распространенное заблуждение. Должен ли дизайнер быть профессиональным писателем? Нет. Должен ли он понимать базовые принципы UX-копирайтинга и уметь писать понятные тексты? Однозначно да.

Текст — это часть дизайна. Дизайн с «рыбным» текстом Lorem ipsum — это не дизайн интерфейса, а просто красивая картинка. Невозможно создать хороший макет, не зная, какой реальный текст в нем будет. Про Lorem ipsum у нас уже выходило видео на YouTube, где мы его с вами похоронили.

Дизайнер — первый автор. В 90% случаев именно дизайнер первым пишет тексты для кнопок, полей и меню, когда создает макет. И от качества этого «чернового» текста зависит, насколько точно его поймут разработчики, менеджеры и будущие пользователи. Ну и будем честны, не все клиенты готовы тратить бюджет на копирайтера, чтобы переписать тексты. Поэтому следите, что пишите. Потому что все претензии будут лететь в ваш адрес.

Текст влияет на композицию. От длины заголовка или текста на кнопке зависит размер компонента. Понимая принципы краткости, дизайнер сможет создавать более гибкие и реалистичные макеты, которые не «сломаются» при переводе на другой язык или при наполнении реальным контентом.

Чек-лист хорошего UX-текста

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

✅ Ясно? Текст понятен без дополнительных объяснений? Поймет ли его человек, который видит интерфейс впервые?

✅ Кратко? Можно ли выразить ту же мысль меньшим количеством слов, не потеряв смысл? Убраны ли все канцеляризмы и жаргон?

✅ Полезно? Помогает ли этот текст пользователю совершить следующее действие? Предлагает ли он решение в случае проблемы?

✅ Человечно? Звучит ли текст естественно, как будто его говорит живой человек, а не робот?

✅ Последовательно? Соответствует ли стиль и терминология общему Tone of Voice продукта и другим экранам?

Уделяйте текстам должное внимание при проектировании своих дизайнов. Делайте их понятными, и формируйте качественный пользовательский опыт.