Как писать UX-тексты для интерфейсов?

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

UX-тексты можно разделить на две группы: информационные и интерактивные.

Информационные тексты — это заголовки, подзаголовки и копи (сам текст). Они могут быть в виде инструкций, руководств и подсказок. Это тексты, которые пользователь просто читает и узнает информацию.

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

Интерфейс — это диалог пользователя и продукта. Заголовки и тексты — это фразы продукта, информация, которую сайт хочет донести до пользователя. Надписи на кнопках — это ответ пользователя, который принимает решение, например, зарегистрироваться на сайте или оставить заявку.

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

Подберите правильный Tone of Voice

Tone of Voice или «тональность» — это голос бренда. То, как компания общается со своей аудиторией. Этот инструмент помогает обрести индивидуальность, отстроиться от конкурентов и вести коммуникацию на одном языке с аудиторией.

Благодаря Tone of Voice бренд создает эмоциональную связь с пользователем, чтобы тот чувствовал себя в интерфейсе «как дома». Важно соблюдать единую тональность. Не стоит переключаться между официальным языком и дружеским обращением на «ты», это будет вызывать недоумение.

Это шкалы, по которым можно двигаться в обоих направлениях. Для примера возьмем бренд Apple. Вот как будет выглядеть его схема:

В коммуникации Apple не использует юмор. При этом поддерживает скорее разговорный стиль общения, чем формальный. Это помогает сократить дистанцию между продуктом и пользователем. Apple общается уважительно и не допускает дерзких выражений. Особенность Tone of Voice — много восторженных слов, особенно прилагательных и наречий.

Как выбрать тональность для бренда?

1. Изучите целевую аудиторию

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

2. Проанализируйте, чего хотят ваши пользователи. Задайте себе вопрос, какого общения от бренда они ждут?

Сравните:

«Привет! У нас скидки 50% на товары в твоей корзине. Проверь!»

«Здравствуйте! Мы дарим вам персональную скидку 50% на все позиции в корзине. Выбирайте то, что понравилось»

3. Определите ценности бренда

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

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

Или возьмем бренд детской одежды, которому подойдут слова: забота, функциональность, надежность. Бренд заботится о покупателях, потому что выбирает натуральные материалы. Многие вещи можно по-разному сочетать между собой — в этом функциональность. Плюс у них надежное качество пошива. Из ценностей определяем главные черты Tone of Voice: бренд говорит с пользователями заботливо и мягко, при этом чувствуется экспертность.

Помните про синтаксис

Представьте, что любой экран или форма — это полноценное предложение. Заголовки и кнопки — это главные члены, остальные тексты — второстепенные.

Разберем на примере формы:

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

Еще пример — кнопка «Спам». Она не выполняет действие, а меняет статус. Хочется, чтобы кнопка так и называлась — «Пометить как спам», но правильнее назвать ее просто «Спам». Потому что мы задаем вопрос «Что это за письмо?», когда смотрим на кнопку, и ответом будет существительное.

Другой пример, вы зашли на сайт ресторана, чтобы выбрать пиццу и видите такое окно:

Здесь текст/второстепенная часть — это чекбокс, который заполняет пользователь. Почему мы выбрали именно такую форму слов для чекбокса? Идем снова по схеме: «Выбрать пиццу «Диабло» с томатами большую и острую».

Чекбокс помогает выбрать объект и изменить его состояние. Член предложения пункта должен отвечать на вопросы: «Какую выбрать пиццу?» — большую и острую; «С чем выбрать пиццу?» — с томатами.

Как работать с синтаксисом?

1. Нельзя дублировать подлежащее в сказуемом

Например, форма называется «Оплата интернета», а рядом кнопка — «Оплатить». Получается, мы два раза повторяем одно и то же. В таком случае лучше назвать форму просто «Интернет».

2. Не стоит злоупотреблять обращениями

Наша задача — дать пользователю четкие инструкции и сопроводить его по сайту. Например, формулировку «Введите ваш логин» лучше заменить просто на «Логин». Потому что мы отвечаем на вопрос «Что здесь писать?».

3. Выбирать текст элемента следует исходя из его функции

Например, вместо кнопки «Зарегистрироваться» правильнее сказать «Регистрация». Потому что, процесс регистрации не происходит мгновенно — нужно заполнять много данных, придумывать пароль и т.д. Сама кнопка отвечает на вопрос «Что?» — «Регистрация».

А вот в конце формы, куда пользователь внесет свои данные, логично поставить кнопку «Что сделать?» — «Зарегистрироваться», потому что это финальное быстрое действие.

Сохраняйте гендерную нейтральность

Самый короткий пункт, о котором мы не могли не упомянуть. Чтобы ваш текст никого не обидел, старайтесь использовать нейтральные формулировки. Например, на кнопке соглашения вместо «Я понял(а)» лучше написать «Все понятно». Проявляйте заботу о пользователе без привязки к гендеру.

1. Текст не должен грузить объяснениями. Не говорите несколько раз то, что и так понятно.

2. В тексте не должно быть много местоимений и лишних слов. Правило такое: если можно убрать что-то без потери смысла — сделайте это.

3. Убедитесь, что у действия есть лицо, которое его выполняет. Не используйте безличные конструкции. Вместо «Исправление ошибок» лучше напишите «Исправляем ошибки».

4. Следите за единообразием текста. Одни и те же элементы интерфейса должны иметь одинаковые названия. Синонимы оставьте для художественной литературы.

5. Работайте над структурой текста. Вынесите в заголовок главное сообщение, затем опишите суть в теле текста и в конце, если нужно, добавьте немного эмоций.

Научиться писать UX-тексты вполне реально, для этого нужно познакомиться с пользователем поближе и понять, чего он хочет от общения с сайтом. Не забывайте о главных правилах UX-райтинга, обращайте внимание на синтаксис, будьте лаконичны в выражении мыслей — и тогда у вас все получится!