текстовый стандарт
UX-тексты: как совместить все принципы и писать правильно
Работа с интернет-банком похожа на интерактивное приключение — при переходе на новую страницу клиент встречает разные заголовки, кнопки, подсказки, названия полей и многое другое. Тексты должны помочь клиенту понять, как пользоваться продуктом. Хорошо написанные UX-тексты — пара слов в интерфейсе — помогут вести пользователей и подсказать, что и как надо сделать. На нашем курсе вы научитесь писать лучше и точнее, а в заключение примете участие в квизе, чтобы прокачать свои навыки.
UX-текст — это текст в интерфейсе для коммуникации между пользователем и сайтом, приложением или программой. Он делится на информационные и интерактивные тексты.
Информационные UX-тексты: заголовок и описание
  • Заголовок
    Выделяет важную информацию на странице. Заголовок должен привлекать внимание и быть понятным, чтобы заинтересовать и побудить пользователя к действию, например, «Опции, которые действительно нужны».
  • Описание
    Рассказывает о назначении продукта или дополняет информацию под заголовком. Пишите короткие и содержательные предложения, которые пользователь может быстро просмотреть и понять, что ему надо делать. Количество знаков в тексте зависит от платформы, цели и аудитории, например «Расширьте возможности пакетов услуг и получите дополнительные скидки на услуги банка».
Интерактивные UX-тексты: меню, формы регистрации, СТА-кнопки, уведомления, подсказки и ошибки
  • Меню
    Основной компонент навигации в интерфейсе, который может выступать в роли вкладок или кнопок для переходов в разделы. Названия меню должны состоять из одного или двух слов, например «Продажа недвижимости».
  • Форма регистрации
    Состоит из нескольких ключевых полей с информацией для пользователя, которая не должна дублироваться. Лучше всего задавать ФИО и номер телефона. Другие необязательные данные только отпугнут пользователя.
  • СТА-кнопки
    Это кнопки с чёткими и прямыми инструкциями (call to action). Короткая фраза выделяется и ведёт пользователя к определённому действию. Названия кнопок должны содержать минимальное количество слов, например, «Подключить», «Повторить платёж» или «Добавить из справочника».
  • Уведомления
    Содержат короткие сообщения, которые призывают пользователя вернуться к продукту, сообщают новости или напоминают об обновлении, например «Истёк срок действия оферты для сервиса „Советы бизнесу за 120 секунд“». Старайтесь следить, чтобы текст уведомлений не раздражал пользователя и не выбивался из tone of voice бренда, а также был лаконичным.
  • Текст об ошибке
    Содержит короткую подсказку, что делать, когда что-то пошло не так. Сообщение должно быть чётким и прикладным. Чтобы не тревожить пользователя, напишите развёрнутую формулировку и помогите решить проблему. Например «Перевод невозможен: счета недоступны для списания средств. Оформите новый счёт или снимите ограничения с текущих».
  • Подсказка
    Добавляется к полю с текстовым сообщением. Текст подсказки должен быть ценным и не перегруженным лишней информацией, например «Комиссия за обслуживание спишется после активации карты». Если не удаётся сократить текст, разделите его на два сообщения в разных подсказках.
Проверьте, как хорошо вы знаете виды UX-текстов.
Начать тест
Выберите интерактивные UX-тексты.
Дальше
Проверить
Узнать результат
Выберите информационные UX-тексты.
Дальше
Проверить
Узнать результат
Новичок
Вы не справились, но это только начало, поэтому неплохо было бы повторить.
Пройти ещё раз
Знаток
Где-то помогли знания, а где-то интуиция, но вот удача была не на вашей стороне.
Пройти ещё раз
Профи
Вы отлично усвоили пройденный материал. Скорее расскажите коллегам, какой вы умник.
Пройти ещё раз
Принципы UX-текста
  • Единство
    Используйте единую терминологию и концепцию, единый стиль написания во всём интерфейсе: время глаголов и тон текста. Единство не даёт мыслям пользователя разбредаться.
  • Концепция текста
    Определитесь с основными пятью пунктами.

    1. Ваша роль перед пользователем — эксперт или репортёр.
    2. Стиль изложения — обезличенный, официальный, дружеский.
    3. Позиция — сострадание, ирония, перечисление фактов.
    4. Охват темы — верхнеуровневый обзор или углубление до сути.
    5. Ключевой тезис — передача только одной главной мысли.
  • Аудитория
    Перед началом работы с текстом поймите, что пишете вы в первую очередь для пользователя. Тексты должны быть понятными для широкой аудитории — от второклассника до пенсионерки. Ваша главная задача — овладеть инструментами: форматами, структурой, проработкой темы. Проверяйте на своих близких — если текст поняла ваша бабушка, значит, его поймёт и ваш клиент.
  • Взаимодействие
    Вы делитесь с пользователем своими эмоциями и впечатлениями по теме. Чем сильнее тема вас цепляет, тем быстрее вы привлечёте внимание пользователя, и он будет идти за вами. Два главных качества хорошего текста — человечность и теплота.
  • Простота
    Текст должен быть понятным и простым. Определите стоп-слова и вычищайте каждое предложение, пока не останется только важная информация. Придерживайтесь единой концепции: если пользователь привык к единому названию и действию и на уровне интуиции понимает, что нужно сделать, то он может и не читать название кнопки.
  • Польза
    Без лишних слов и в пределах границ своей области. Проверяйте, что каждое слово действительно работает и не заводит пользователей в тупик, а сама подача мысли информативна и отвечает на вопрос пользователя.
  • Структура
    Соблюдайте последовательность. Это поможет вести пользователя по тексту. Постарайтесь следовать такому порядку:

    — введение, которое погрузит в проблему или конфликт;
    — основной массив с фактами и доказательствами;
    — призыв к принятию предложения.
Проверьте, как хорошо вы усвоили принципы написания UX-текстов.
Начать тест
Как правильно сообщить пользователю о сбое в интернет-банке?
Дальше
Проверить
Узнать результат
Выберите верное название кнопок.
Дальше
Проверить
Узнать результат
Как правильно общаться с пользователем?
Дальше
Проверить
Узнать результат
Не плохо бы повторить
Эх, не удалось сразу. Повторите материал и пройдите тест повторно.
Пройти ещё раз
Есть к чему стремиться
Чуть-чуть не дотянули, но повторенье – мать ученья.
Пройти ещё раз
Бодрое начало
Так держать! Теперь можно двигаться дальше.
Пройти ещё раз
Слова, буквы, знаки
Вы общаетесь с пользователями через интерфейс, поэтому при обращении пишите «вы» со строчной. Исключения — если «вы» стоит в начале предложения, вы пишете письмо высокопоставленному лицу или набираете СМС. И не забывайте использовать букву «ё» везде, где она должна быть.
  • Нет
    Если Вам необходимо осуществить платеж со ставкой НДС 20%…
  • Да
    Если вам необходимо осуществить платёж со ставкой НДС 20 %…
Используйте заглавные буквы в начале предложения, в начале заголовков и названий кнопок и разделов, в аббревиатурах. Названия услуг, сервисов, продуктов, приложений Сбера и кнопок пишите обычным шрифтом (кроме первой буквы) и убирайте в кавычки «ёлочки». Если названия услуг и сервисов написаны латиницей, кавычки не ставятся.
  • Нет
    Нажимая кнопку «Оформить», Вы подтверждаете согласие с Условиями размещения денежных средств.
  • Да
    Нажимая кнопку «Оформить», вы подтверждаете согласие с условиями размещения денежных средств.
  • Нет
    для работы в сети Internet
  • Да
    для работы в интернете
Капслок использовать нельзя, а восклицательные знаки можно только в случаях высокой эмоциональности и согласно правилам русского языка. Чрезмерное использование знаков и капслока создаёт впечатление истеричного заискивающего собеседника.
  • Нет
    Ошибка печати платёжных поручений!
  • Да
    Спасибо за ваше обращение!
Если в описании вы встретили страдательный залог, ищите подлежащее и сказуемое и превращайте фразу в действительный залог.
  • Нет
    Вам одобрен кредит
  • Да
    Банк одобрил кредит
Чтобы не утяжелять текст и не усложнять его прочтение, избегайте причастий и деепричастий в интерфейсе и стори.
  • Нет
    Используя сервис для проведения сделки, вы защитите себя от: …
  • Да
    Сервис для проведения сделки защитит вас от возможных рисков: …
Не используйте модальные глаголы «можно», «должен», «нужно» и наречие «необходимо». Это поможет избежать размытия и ослабления текста.
  • Нет
    Вы можете отправить запрос в банк прямо сейчас.
  • Да
    Отправьте запрос в банк прямо сейчас.
Названия компаний и сервисов пишите так, как они называются на официальном сайте. Названия на латинице не склоняются.
  • Пример
    Сервис «Документооборот»
    Сервис SWIFT GPI Tracker
Используйте сокращения при написании технических текстов, единиц измерения и реквизитов платёжных документов: метров, километров, амперов, уникального идентификатора начисления и так далее. Между значением и сокращением ставьте пробел. В остальных случаях использовать сокращения нельзя.
  • С точкой
    Год, годы – г.
    Штуки – шт.
    Тысяча – тыс.
    Рубль – руб.
    Человек, человека – чел.
  • Без точки
    Тонны – т
    Килограммы – кг
    Миллион – млн
    Метр – м
Косая черта затрудняет чтение, поэтому замените её на союзы «и» и «или».
  • Нет
    Приём онлайн-платежей за товары/услуги.
  • Да
    Приём онлайн-платежей за товары и услуги.
Если пишете номер документа или размер ставки, то добавьте пробел между знаком и цифрой.
  • Нет
    В договоре № 303 указана ставка НДС — 20%.
  • Да
    В договоре № 303 указана ставка НДС — 20 %.
Зачастую ссылка длинная и при прочтении пользователь может не понять, куда попадёт по клику. Чтобы этого избежать, прячьте ссылку под слова.
Найдите и исправьте ошибки в тексте.
Укажите ваши контактные данные, чтобы узнать результаты.
Борьба с мусором
Канцеляризмы — это штампы, которые образуются в официально-деловой речи и переходят в бытовую лексику. Из-за этого тексты трудно воспринимать, они становятся громоздкими. Не накручивайте официоз — пишите просто.
  • Нет
    В данном окне осуществляется открытие счёта.
  • Да
    Здесь вам откроют счёт.
Наречия и прилагательные без цели не несут смысловой нагрузки, а лишь дублируют рядом стоящий глагол. Чтобы не мусорить лишними словами, удалите их из текста.
  • Нет
    Документ успешно создан
  • Да
    Документ создан
Страдательный залог и пассив усложняют прочтение текста и заставляют пользователя сомневаться. Глаголы в активной форме, наоборот, выражают ясность и энергичность, призывают пользователя к выполнению действия.
  • Нет
    Сумму и назначение можно будет изменить при создании документа
  • Да
    Измените сумму и назначение при создании документа.
Найдите и исправьте ошибки в тексте.
Укажите ваши контактные данные, чтобы узнать результаты.
Проверка текста на простоту и понятность
Говорите в настоящем времени
Пишите в форме «сегодня, завтра или вчера», потому что пользователь работает с продуктом сейчас.
  • Пример
    Как спрос опередил предложение
    В июне 2020-го на фоне объявления льготной ипотеки спрос начал расти, а предложение отставало — цены рванули вверх. Так, стоимость жилья на первичном рынке Москвы за прошлый год выросла в среднем на 20 %.
Используйте единый стиль
Придерживайтесь одного стиля для набора заголовков и других предложений: либо все буквы заглавные, либо все строчные, кроме первой в предложении, именах и названиях.

Цепляйте внимание
Цифры и метки в тексте привлекают внимание пользователя. Именно цифры в первую очередь бросаются в глаза, их можно перенести в отдельную строку и выделить жирным шрифтом, но главное – не переборщить.
  • Пример
    Один из крупнейших HR-сервисов страны
    И для клиентов Сбера тут специальные условия. В базе сервиса Работа.ру 17+ млн проверенных резюме и 485+ тыс. работодателей. Каждый месяц в сервисе размещаются более 200 тыс. вакансий.
Говорите просто
Пишите простыми и нейтральными словами, чтобы быть понятным для всех. Для ясности и экономии места избегайте трудных для восприятия речевых конструкций.
  • Нет
    Вы уже создали подобную заявку в статусе «Вывод данных» 25.03.2021. Последние изменения 25.03.2021 в 12:14.
  • Да
    Есть заявка с аналогичными параметрами в статусе «Вывод данных» Создана 25.03.2021, последнее изменение 25.03.2021 в 12:14.
Не используйте аббревиатуры
Старайтесь избегать аббревиатур, ведь не каждый пользователь знает, что это такое, и тратит время на поиски верного значения. А если не найдёт, то позвонит в поддержку. Если использование аббревиатуры обязательно, добавляйте подсказку с расшифровкой.
  • Нет
    Затраты на изменение ВРИ
  • Да
    Затраты на изменение видов разрешённого использования земельного участка
Попробуйте сделать текст более простым и понятным.
Укажите ваши контактные данные, чтобы узнать результаты.
Резюме: основные тезисы по курсу
Восемь заповедей по написанию UX-текстов
1. Упрощайте
Пишите тексты логично, ёмко и понятно. Лишние слова путают и занимают много места.
  • Нет
    Укажите сотрудника, которому будет присвоена роль «Администратор ОРТ» для работы в системе с правом управления профилем вашей организации и получения информационных материалов.
  • Да
    Сотруднику будет присвоена роль «Администратор ОРТ» для управления вашей организацией и получения информации по работе в системе.
2. Главное — цель
В начале предложения назовите цель, а дальше напишите, что нужно сделать для её достижения.
  • Нет
    Нажмите кнопку Новая карта, чтобы её выпустить.
  • Да
    Для выпуска зарплатной карты нажмите кнопку Новая карта.
3. Не забывайте про пользователя
Не используйте безличные формулировки: пользователь должен понимать, что мы обращаемся к нему и именно его просим выполнить действия.
  • Нет
    Необходимо приложить контракт в качестве документа, подтверждающего перевод между отдельными счетами.
  • Да
    Приложите контракт, подтверждающий перевод между отдельными счетами.
4. Проявляйте сострадание
Если в работе с системой возникла ошибка, пользователь не станет разбираться в заумных словах и алгоритмах выполнения операции. Не заставляйте его звонить в службу поддержки. Добавьте эмодзи, кратко объясните, из-за чего возникла проблема и как её решить.
  • Нет
    Произошла неизвестная ошибка: На сервере anyservice.sberbank.ru учётная запись не найдена.
  • Да
    Организация не найдена.
5. Избегайте жаргона
Не используйте технические термины и профессиональный жаргон. Возьмите за правило: не используйте то, что надо гуглить.
  • Нет
    Заполните простую анкету с информацией по проекту и выберите одного или нескольких fee-developer из списка.
  • Да
    Заполните информацию о проекте и выберите из списка одного или нескольких специалистов по привлечению инвесторов.
6. Интуитивно понятный интерфейс
Тексты должны быть понятными любому пользователю. Подписывайте кнопки, оставляйте подсказки, избавляйтесь от сложных фрагментов, чтобы не приходилось вчитываться. Пользователь на любом этапе должен интуитивно понимать, где находится и что ему делать дальше.

7. Иногда синонимы — это зло
Не используйте синонимы в разных частях интерфейса. Если в одной части вы называете кнопку «изменить», не называйте её «корректировать» в другой части интерфейса.

8. Держите эмоции в узде
Мы не говорим, что нужно отказаться от эмоций, но прежде чем их добавлять, поставьте себя на место пользователя — если чувства совпадают, расскажите сначала о главном, а эмоции ставьте на последнее место.
  • Нет
    А вдруг в суд? Узнайте, заведено ли на вас арбитражное дело
  • Да
    Проверьте рейтинг своих партнёров и оцените их финансовое состояние.
Мозговой штурм
Или насколько хорошо вы освоили текстовый стандарт?
Начать тест
Что больше всего цепляет внимание пользователя? Выберите вариант ответа.
Дальше
Проверить
Узнать результат
Кому в первую очередь должен быть понятен текст в интерфейсе?
Дальше
Проверить
Узнать результат
В каких элементах интерфейса не обойтись без текста?
Дальше
Проверить
Узнать результат
Выберите правильный вариант обращения к пользователю.
Дальше
Проверить
Узнать результат
Что не так в тексте? Выберите правильные варианты.
Вы можете оформить заказ в личном кабинете или по телефону. Чтобы продолжить, нужно ввести проверочный СМС-код. Для удостоверения личности необходимо обратиться в службу паспортного контроля.
Дальше
Проверить
Узнать результат
В каких предложениях встречаются канцеляризмы? Выберите правильные варианты.
Дальше
Проверить
Узнать результат
Как правильно написать информацию о данных?
Дальше
Проверить
Узнать результат
Если формулировка относится к временному интервалу, то как правильно написать?
Дальше
Проверить
Узнать результат
Как правильно написать текст об ошибке?
Дальше
Проверить
Узнать результат
Как правильно писать сокращения и обозначения физических величин?
Дальше
Проверить
Узнать результат
Какой вариант логичнее использовать в русскоязычной версии интерфейса?
Дальше
Проверить
Узнать результат
Какие аббревиатуры допустимо использовать в интерфейсе?
Дальше
Проверить
Узнать результат
Какие кавычки нужно поставить в тексте? Выберите правильные варианты.
Дальше
Проверить
Узнать результат
Двоечник-лентяй
Ох, слишком сложно! Ну его, этот текстовый стандарт.
Пройти ещё раз
Усердный хорошист
Вы так любите текстовый стандарт, что практически не допускаете ошибок.
Пройти ещё раз
Блистательный отличник
Вы — гроза всех невежд. Вы безупречно знаете текстовый стандарт.
Пройти ещё раз
Что почитать?
  1. Статья «Главное, чтобы интерфейс понравился маме».
  2. Фитцпатрик Роб «Спроси маму. Как общаться с клиентами и подтвердить правоту своей бизнес-идеи, если все кругом врут?».
  3. Уильям Зинсер «Как писать хорошо. Классическое руководство по созданию нехудожественных текстов».
  4. Чалдини Роберт Б. «Психология влияния. Убеждай. Воздействуй. Защищайся.».
  5. Нора Галь «Слово живое и мёртвое».
  6. Кирилл Егерев «Этой кнопке нужен текст».
  7. Пётр Панда «Тексты, которым верят».
  8. «Сто текстов о языке» от создателей Тотального диктанта.
С любовью, Цифровой Корпоративный Банк!