Как правильно писать тексты для интерфейсов
Раньше дизайнеры не уделяли внимание текстам в интерфейсе и применяли рекламные штампы и стоп‑слова. Из-за этого страдал пользовательский опыт.
На первый взгляд, в UX‑копирайтинге нет ничего сложного, потому что интерфейсные тексты короткие и однотипные.
Но, во‑первых, писать короткие тексты труднее, чем длинные: в минимум слов нужно вместить максимум полезной информации. Во‑вторых, мало кто понимает, как сделать интерфейс ориентированным на пользователя. UX‑копирайтер не просто составляет короткие поясняющие фразы — он выстраивает коммуникацию с пользователем интерфейса.
В статье мы расскажем о 4 ключевых правилах UX‑копирайтинга, которые помогут создавать понятные интерфейсные тексты, ориентированные на пользователей.
Зачем дизайнеру навыки UX‑копирайтинга?
Даже если в команде есть копирайтер, первоначальный текст все равно пишет дизайнер: дает ТЗ копирайтеру, задает формат текста (длина, заголовки, подзаголовки), объясняет посыл, который нужно донести, учитывая голос бренда.
Если копирайтера нет, то вся работа по созданию интерфейсных текстов ляжет на плечи дизайнера, потому что невозможно разработать интерфейс в полном отрыве от контента сайта.
В процессе работы дизайнеру в любом случае придется писать заголовки, подсказки, push‑уведомления и другие текстовые элементы, редактировать текст, предоставленный клиентом, — делать его более легким и удобным для восприятия.
Синергия UX‑дизайна и UX‑копирайтинга позволит создать единый стиль и гармонию в интерфейсе. В итоге это повысит удобство использования и улучшит общее впечатление от продукта, а ваша ценность на рынке труда заметно возрастет.
Что такое UX‑копирайтинг
UX‑копирайтинг — создание текстов для интерфейсов. Главные задачи UX‑текстов:
- Приближать пользователя к его цели — направлять внутри продукта, давать инструкции и обратную связь.
- Побуждать к действию. Например, скачать, купить, посмотреть, восстановить и другие.
- Транслировать корпоративные ценности через определенный стиль общения. Например, формальный, игривый или нейтральный.
Типичные элементы интерфейса, которые содержат текст:
Кнопки помогают человеку понять, что произойдет, если он на них нажмет
Призывы к действию (call to action — CTA) побуждают пользователя к действию. CTA должен быть небольшим и максимально понятным, чтобы человек четко осознавал, что ему нужно сделать
Навигация включает названия категорий, страниц и других пунктов меню, которые позволяют пользователю найти нужные разделы сайта
Заголовки и подзаголовки помогают пользователю быстро сориентироваться в интерфейсе и понять, о чем идет речь на странице
Уведомления оповещают человека о том, что происходит в системе, и в некоторых случаях требуют действий с его стороны
Инструкции и подсказки дают информацию, которая помогает пользователю выполнить задачу
Сообщения об ошибках информируют о том, что случилось и что сделать, чтобы исправить ошибку
Текстовые блоки включают ключевую информацию о продукте или услуге. Важно, чтобы они легко читались
Описания товаров и услуг дают пользователю всю необходимую информацию о товарах или услугах, чтобы он мог принять решение о покупке
Социальные доказательства убеждают пользователей в качестве товара или услуги. К ним относятся отзывы клиентов, рейтинги, награды и другое
Преимущества рассказывают новым клиентам, чем предложение компании выгоднее предложений конкурентов
Контакты и поддержка предоставляют контакты для связи с поддержкой, дают ответы на часто задаваемые вопросы и другое
Экран загрузки информирует пользователя о статусе загрузки, объясняет, сколько времени это может занять, какие шаги приложение или сайт выполняют
Страница 404 объясняет пользователю, что произошла ошибка и запрошенная страница не может быть найдена. Она может содержать предложение перейти на другие страницы или поиск по сайту
Четыре правила UX‑копирайтинга
1. Пишите понятно
Пишите так, чтобы текст понял любой человек, который зашел на сайт. Избегайте сложных формулировок, терминов, абстрактных выражений, которые могут запутать. Используйте активные глаголы, которые соотносятся с действием пользователя. Сделайте интерфейс человечным и дружелюбным, через текст проявляйте заботу на каждом шагу.
Чтобы пользователь мог трактовать подпись однозначно, спросите себя: «Поймет ли человек, что ему делать, если прочтет этот текст на кнопке?»
.webp)
2. Сокращайте
Используйте как можно меньше слов, чтобы донести свою мысль. Помните, что мы сокращаем сообщения не для того, чтобы освободить место, а для того, чтобы сделать текст действенным. Ведь если текст короткий, пользователь получит только полезную информацию и не потратит время на чтение длинных бессмысленных предложений.
Посмотрим еще раз на сообщение. Выполняет ли заголовок свою функцию?
.webp)
Дизайнеры часто допускают эту ошибку — они чувствуют, что нужно заполнить чем‑то появившееся поле и добавляют лишние слова. Игнорируйте это ощущение.
Исследования показывают, что большинство людей не читают каждое слово в сообщении. Они сканируют его: сначала читают первую строку, затем вторую, а после этого перескакивают вниз, выхватывая буквально пару первых слов из каждой строки.
.webp)
3. Сделайте текст полезным
Сконцентрируйтесь на потребностях пользователей и постарайтесь сделать интерфейс как можно более бесшовным и интуитивно понятным.
Представьте, что человек действует по заданному алгоритму. На всех этапах предоставьте информацию, которая ему потребуется, чтобы успешно пройти каждый этап и перейти к следующему. Для этого включите в текст четкие инструкции и указания, которые помогут человеку достичь цели.
.webp)
На карточке справа он увидит два четких варианта, которые предлагает ему система.
4. Придерживайтесь единого стиля
Все интерфейсные тексты должны соответствовать голосу бренда. Например, игривый тон для веселой мобильной игры будет отличаться от формального тона для финансового приложения.
Чтобы определиться с тоном для текста, подумайте о характеристиках продукта: что делает его особенным, отличает от других? Начните с создания набора принципов бренда. Это 3−4 прилагательных, которые описывают компанию. Представьте, что ваш продукт зарегистрировался в Тиндере. Создайте его описание так, чтобы потенциальным покупателям захотелось свайпнуть вправо. Подумайте, что отличает ваш продукт от конкурентов. Что делает его привлекательным? «Описательные» слова, которые у вас получатся, и станут вашими принципами.
Пропишите весь спектр возможных вариантов тона: от серьезного до шутливого, от заинтересованного до делового.
.webp)
Пишите все тексты в едином стиле. Их согласованность в рамках одного интерфейса упростит людям жизнь. Им не придется запоминать много разных решений, продукт покажется им знакомым, и они быстро его запомнят.
Заключение
Хороший UX‑копирайтинг — неотъемлемая часть успешного пользовательского опыта. Понятные, краткие, стилистически согласованные тексты, ориентированные на пользователя, делают продукт понятным.
Дизайнеры, которые умеют писать хорошие интерфейсные тексты, создают удобные продукты для пользователей и приносят значимую пользу бизнесу. Поэтому они имеют конкурентное преимущество на рынке труда по сравнению с остальными. Помните о четырех правилах UX-копирайтинга, которые помогут повысить ваш профессиональный уровень.
