UI копирайтинг

Если бы у меня было больше времени письмо было бы более коротким - Блез Паскаль.

Тексты в интерфейсах являются одним из самых важных элементов. UI copywriting, UI writing - это процесс написания тестов в пользовательских интерфейсах которые помогают пользователю решать поставленную задачу. Интерфейс должен быть дружелюбным, интересным, вовлекающим.

Зачем понадобился UX-копирайтинг. И зачем он нужен в принципе? Очевидный ответ: чтобы тексты стали понятнее, короче и дружелюбнее. Но есть и неочевидный ответ: с помощью текстов можно усовершенствовать продукт. Сократить количество экранов, упростить взаимодействие с пользователем и улучшить дизайн другими способами. UX копирайтинг одним предложением может улучшить принцип работы сервиса.

Когда вы разрабатываете интерфейс, можно улучшить его двумя способами. Первый способ — сделать текст покороче. Простое правило «лучший интерфейс — никакого интерфейса» применимо и к текстам. Второй способ — сделать текст понятнее. Увы, иногда из-за этого текст становится длиннее. В примере выше я заменил «Услуга будет добавлена» на «Мы проведем дополнительный интернет-кабель». Это было необходимо, но внутри все равно свербит. Ведь теперь в интерфейсе текст займет две строки вместо одной. Такое бывает. Но лучше написать понятный заголовок в две строки, чем непонятный в одну. Идеально, когда получается и сократить текст, и сделать его понятнее.

Полезное целевое действие без креатива

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

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

Например Доставить моментально, вместо Отправить платеж быстрее быстрого! Избавляйтесь от лишних слов и местоимений

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

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

Например Добавьте телефон, вместо Добавьте свой телефон Например Придумайте пароль, вместо Придумайте новый пароль

Заменяйте абстракцию на конкретику

Чтобы пользователь лучше вас понимал, добавляйте конкретику везде. Абстрактные слова не несут смысловой нагрузки, тогда зачем они нам?

Простые слова и предложения имеют тот же эффект, как и пробелы в тексте — они делают изложение более понятным.

Например Отправили перевод. Через 15 минут деньги придут на счет вместо [Успешно].

Не грузите пользователя лишними объяснениями

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

Например Код из email. Выслали на foo@email.com, вместо Код из email. Отправили 5-ти значный код на foo@email.com - введите его в поле ниже. Если письмо не пришло проверьте адрес или папку "Спам".

Не используйте бюрократизмы и сленг

Сервисы (особенно банковские) любят вставлять термины, которые пользователи даже прочесть не могут с первого раза. Не надо так: пусть пользователь чувствует, что общается с живым человеком, а не с бездушной системой.

Правда, сленг и панибратское «ты» лучше не использовать. Даже соцсеть для подростков TikTok уважительно обращается к аудитории на «вы».

Например Код из SMS, вместо Подпишите ЭЦП. Например Сделайте фото, вместо Сфоткайте.

Не используйте безличные формулировки

Неопределённо-личные высказывания — бесполезные фразы и речевые штампы, которые достались нам в наследство от советских времён (проходим, не стесняемся).

Сервис не должен отстраняться от своего продукта: когда вы пишете с позиции «мы это сделали», создаётся ощущение, что всё под вашим контролем.

Например Обрабатываем заявку, вместо Заявка обрабатывается

Не переборщите с эмоциями

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

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

Например Отправили перевод. Через 15 минут деньги придут на счет, вместо Ура!!! Перевод отправлен!

Придерживайтесь единообразия

Многие избегают повторов и считают, что синонимы делают текст более красочным. Но это про литературу, а текстам в интерфейсе нужно единообразие.

В разных местах интерфейса называйте один и тот же объект одинаково: если на одном экране объект назван «Тексты», а на другом «Вирши», пользователь запутается. Чтобы избежать путаницы внутри команды, создайте словарь терминов — глоссарий.

Например история операций, вместо лента операций, список переводов.

Придерживайтесь алгоритма

Если бы существовало только одно правило про UX-тексты, оно бы звучало так: Действуй по схеме: Главное в начале, объяснения в средине, эмоции в конце.

Например Платеж не отменен. Деньги уже ушли из банка. Если заметили ошибку в реквизитах - напишите в чат. Мы отправим уточнение вслед за платежом [Написать в чат]

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

Дополнительные правила

  • Глаголы наполняют наши слова силой.

  • Подзаголовки — хватают подсознание и направляют его на прочтение вашего сообщение (заставляют браузеров текстов останавливаться).

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

  • Пишите как для друга, пишите о том, что ценно для вашего читателя. Говорите больше о нем его проблемах, а не о себе.

  • Придумываете заголовки которые красиво выглядят, которые можно написать как в одну так и в несколько строк. Сравните: JWT, Auth0 Workshop и Современные методы авторизации на базе JWT токенов.

  • Учитывайте начертание символов в заголовках, не используйте в начале и конце слов заголовка буквы которые плохо стыкуются с соседями и не позволяют выровнять край текста такие как I, L, V.

  • Технологии (аббревиатуры) не должны торчать ... как из проруби: Angular, Java, Hibernate, Oracle. Группируйте логически: ... with Java, Oracle and Hibernate at back-end and Angular at the front-end.

Словарь проекта

Чем масштабнее проект, тем больше у вас будет терминов и повторяющихся фраз. Нельзя в одной форме написать «Положите на счет», а в другой — «Пополните счет на сумму». Человек, конечно, поймет, чего вы от него хотите (денег хотите, сразу видно), но консистентность продукта нарушится. А вот если на разных страницах сайта вы будете попеременно использовать то один, то другой термин для одинаковых действий или разделов («Войти на сайт» / «Авторизация», «Тарифы» / «Цены», «Статьи» / «Блог»), пользователи вас проклянут. Текст — это интерфейсный элемент. И параллельно употреблять разные термины — все равно что использовать разные кнопки для одного и того же действия. Чтобы такого не происходило, заведите словарь. По ходу развития проекта вы будете пополнять его новыми типовыми фразами. Дизайнеры собирают все контролы в UI-гайд, и нам было бы полезно перенять эту практику. Если в будущем проект передадут другой компании, ваш словарь поможет коллегам.

  • Копирайтинг упрощает работу дизайнера и помогает сделать продукт лучше.

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

  • Единого инструмента для совместной работы UX-писателя, дизайнера и заказчика пока не существует.

  • Одну фразу можно сочинять целый час. И это того стоит.

  • Копирайтер не просто пишет тексты, он улучшает интерфейс и помогает пользователю.

  • Нужно писать понятно, а не коротко.

  • Заведите словарь проекта, чтобы использовать единые термины и формулировки.

  • Обязательно проводите редактуру и корректуру, чтобы не пропустить ошибки.

Дополнительная информация

PreviousДизайн спринтNextLanding page

Last updated