Разборы

Как писать тексты для интерфейса. Примеры хорошего и плохого UX

ux-текст для продуктов

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

За 2019 год во всем мире люди установили 204 миллиарда мобильных приложений. Эти приложения становятся частью повседневной жизни, поэтому клиенты предпочитают user-friendly сервисы.

Жители развивающихся стран проводят в мобильных приложениях с каждым годом всё больше и больше времени. В 2019 году эта цифра достигла 3,7 часов в день
Жители развивающихся стран проводят в мобильных приложениях с каждым годом всё больше и больше времени. В 2019 году эта цифра достигла 3,7 часов в день

Мы перевели статью UX Collective о том, как создавать понятные и ёмкие сообщения в интерфейсе и при этом учитывать единый стиль, терминологию и коммуникацию бренда. Вот главные мысли из это статьи.

Что такое тексты для диджитал

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

Текст на сайте Dropbox предупреждает об ошибке и сразу предлагает помощь пользователю
Текст на сайте Dropbox предупреждает об ошибке и сразу предлагает помощь пользователю

Текст в интерфейсе нужен для следующих компонентов диджитал-продукта:

  • Заголовки и подзаголовки, чтобы быстро ориентироваться и понимать, на какой странице находится пользователь.
  • Оповещения — всё, что предупреждает, но не раздражает на экране.
  • Кнопки, как правило обозначают возможное действие на странице приложения или сайта.
  • Уведомления об ошибках — тексты, которые сообщают посетителю, что случилось и как это исправить.
  • Подсказки. Главная их цель — помочь, подсказать пользователю, как взаимодействовать с элементами.
  • Навигация — как правило, названия меню, разделов, вкладок.

Донести ценность продукта до пользователя можно с помощью дизайна, иллюстраций, текста. Вот основные принципы диджитал-текстов:

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

пример
пример

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

пример
пример

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

Вы подписаны!

или

Подписка оформлена

Ты подписался!

или

Ты подписалась!

Диджитал-текст живет в контексте пользователя. UX-текст ставит на первое место важную информацию, а второстепенную — упрощает.

Номера заказа никто не помнит, но все хотят знать, когда прибудет посылка:

пример
пример

UX-текст служит функциям приложения или сервиса. Хороший диджитал-текст направляет и улучшает структуру, добавляет индивидуальности.

Экран калькулятора не содержит лишних приветственных сообщений
Экран калькулятора не содержит лишних приветственных сообщений

Язык диджитал-текстов остаётся неизменным во всех касаниях. Голос приложения или сервиса всегда звучит как один фирменный. Иногда меняется тон, но язык имеет предсказуемый словарный запас как персонаж бренда.

Голос Яндекс.Драйва понятный и всегда с юмором:

пример
пример
пример

Как создать текст для интерфейса

5 шагов к индивидуальному тексту для диджитал-продукта:

1. Формируйте интерес пользователя с первого экрана. 

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

Услуга подписки на кофе преподносится разным способом в зависимости от того, как бренд позиционирует себя
Услуга подписки на кофе преподносится разным способом в зависимости от того, как бренд позиционирует себя

2. Продумайте словарный запас «голоса» бренда. 

Каждое слово в интерфейсе может полностью изменить восприятие продукта. Функции, действия и категории нужно называть единым образом, чтобы вместе они отражали бренд.

Одинаковые предметы воспринимаются по-разному в зависимости от того, как они названы
Одинаковые предметы воспринимаются по-разному в зависимости от того, как они названы

3. Создавайте контент для пользователей. 

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

Без дополнительного контента интерфейс для инвестирования кажется простым. А вот описание может сделать его интересным или даже забавным
Без дополнительного контента интерфейс для инвестирования кажется простым. А вот описание может сделать его интересным или даже забавным

4. Уточняйте голос бренда даже в мелочах. 

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

Нижние колонтитулы завершают интерфейс, но они также доносят последнюю мысль или идею продукта
Нижние колонтитулы завершают интерфейс, но они также доносят последнюю мысль или идею продукта

5. Лучше ясность, чем индивидуальность. 

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

Индивидуальность простым текстам добавляют цвета, стиль, шрифт
Индивидуальность простым текстам добавляют цвета, стиль, шрифт