Пишите для людей. Тексты в интерфейсе

Приводим в порядок тексты в формах, уведомлениях и личном кабинете Слово редактора Здравствуйте, уважаемые читатели. Тексты — важнейшая составляющая сайта. Мы уже писали об этом: статьи удержат случайного посетителя и помогут разобраться в терминах, анонсы в каталоге — помогут выбрать товар. Но этого недостаточно. В новом выпуске Алевтина Данилова, руководитель департамента аналитики и юзабилити «Ашманов и партнеры» и Дарья Почекуева, арт-директор веб-студии «Кельник», расскажут о том, каким правилам должны подчиняться тексты в интерфейсе: в форме регистрации и в уведомлениях об ошибках, в сообщениях после отправки заказа и на пустых страницах. Позаботиться о текстах очень важно: они влияют на конверсию и на лояльность к бренду. Будьте заботливыми Когда мы приходим в магазин, с нами разговаривает продавец. Он дружелюбно подсказывает, что в комплект к шапке можно подобрать шарф, что новый товар привозят каждую неделю со склада в Москве и что на день рождения можно получить скидку. Такой подход располагает к доверию: покупатель соглашается оставить телефон, чтобы узнать о поступлении нужного размера, назвать дату рождения, чтобы в этот день получить скидку. К сожалению, на многих сайтах тексты в формах такого доверия не вызывают. Как правило, они подстраиваются под программистов, а не посетителей: Пример текста в корзине интернет-магазина Такой подход стоит изменить. Сайт рассчитан на потенциальных клиентов: на то, что им будет удобно работать и легко разобраться, на то, что они справятся с поиском и формами и сделают заказ. Тексты в интерфейсах должны помогать им в этом. Если тексты концентрируются на самом важном, говорят с посетителем заботливо и по-человечески, он это отметит. За счет простых и понятных форм снизится количество незавершенных заказов, а из искренней заботы даже в мелочах будет формироваться доверие к бренду. Измените формулировки Текст на форме должен составлять связное предложение, которое можно будет прочитать, не споткнувшись о формулировки, неоднозначные вопросы и непонятную терминологию. Для этого можно выделить основу — подлежащее и сказуемое: «Заявка» — «Отправить», «Фильтр» — «Выбрать», «Основной пароль» — «Сменить». Форма настройки на «Яндекс.Паспорте» Согласуйте и остальные параметры в форме. Исправьте падежи, уберите лишние прописные буквы и двоеточия после заголовков. Формулировки не должны выглядеть так, будто разговаривает робот: Избавьтесь от лишних слов: «Общие настройки» измените на «Настройки», если у вас не предусмотрено разделения настроек на общие и дополнительные; «Полезные документы» — на «Документы»; «Справочная информация» — на «Информация»; «Каталог продукции» — на «Каталог»; «Архив новостей» — на «Новости». Откажитесь от модальных глаголов, которые не несут полезной информации: «Вы можете изменить пароль» замените на «Изменить пароль»; «Вы можете отправить заявку» — на «Отправить заявку». Перепишите формулировки с наращиванием существительных: «Восстановление пароля» поменяйте на «Я забыл пароль»; «Отправка заказа» — на «Ваш заказ отправляется». Объясняйте, зачем вам информация Каждый раз, когда вы спрашиваете у посетителя его данные, поясняйте, зачем они вам нужны. У человека, который заходит на сайт впервые, пока нет причин ему доверять. Что, если электронный адрес спрашивают только для того, чтобы отправлять спам? Помогите ему понять, что вы собираете информацию для того, чтобы ему было удобнее. Например, так делает «Актион Медиа»: Форма регистрации на сайте «Актион Медиа» Это особенно важно, если вы спрашиваете то, что, на первый взгляд, вам не пригодится — например, дату рождения. Так, «Додо-Пицца» в личном кабинете просит ввести дату рождения для того, чтобы отправить подарок: Форма на сайте «Додо-Пицца» Помогайте заполнить сложные формы Если форма на сайте объемная или ее сложно заполнять, помогите пользователю с ней справиться. Расшифруйте термины, добавьте советы и подсказки, дайте ссылки на нужные разделы. Например, такой подход реализован на сайте управляющей компании «ЮИТ-Сервис». Рядом с формами есть ссылка «Как снять показания счётчиков» и подсказка о том, что делать, если счётчиков несколько: Форма на сайте «ЮИТ-Сервис» В форме заказа на сайте магазина «Лабиринт» есть подсказка в форме для комментариев: Фрагмент формы заказа на сайте «Лабиринт» Пояснение помогает покупателю подумать о том, что еще можно сообщить, а магазину — получить больше информации без дополнительных уточнений по телефону. После того, как клиент заполнит форму, скажите ему, когда ждать ответ. Например, можно написать «Мы свяжемся с вами в течение суток», «Через час перезвоним, чтобы уточнить детали». Если скорость ответа очень важна, подскажите телефонный номер для решения срочных вопросов. Если нужно, направьте человека в смежные разделы или в раздел часто задаваемых вопросов. Форма на сайте «ЮИТ-Сервис» Подсказывайте, как исправить ошибки Если пользователь заполнит форму неправильно, не ограничивайтесь сообщением «В поле допущена ошибка» или ее кодом. Пользователю важно понимать, что именно произошло не так, и как это можно исправить. Удобно, когда такое пояснение появляется рядом с неправильно заполненным полем: тогда не нужно искать его заново, и не нужно закрывать дополнительное всплывающее окно. Например, так реализована корзина в интернет-магазине «Озон»: Форма заказа на сайте ozon.ru Не оставляйте страницы состояний пустыми Если посетитель может оказаться на пустой странице, помогите ему что-то на нее добавить. Например, можно исправить: «Ваша корзина пуста» — на [добавить товары]; «У вас нет друзей» — на «Пригласите друзей из «ВКонтакте» На сайте «Северного города», на пустой странице «Избранного» предусмотрена кнопка «Добавить». Она перебрасывает посетителя на страницу подбора квартир. При этом иллюстрация и заглавная иконка помогают разобраться в том, на что нужно нажать, чтобы квартира появилась в «Избранном». форма на сайте «Северного города» Избавляйтесь от текстов там, где они не нужны Любая демонстрация работает лучше, чем текст. Если можно не писать, а показать картинкой — не пишите. Если можно упростить интерфейс и отказаться от лишних полей и уведомлений — упрощайте. Так, например, Google Maps смогли отказаться от текста с просьбой подождать окончания загрузки карты. Карта увеличивается прямо по мере движения пользователя, используя уже загруженные данные, а детали проявляются чуть позже. Основные правила Тексты в интерфейсе должны сделать взаимодействие с сайтом проще. Поэтому главное, о чем нужно помнить — они должны быть простыми, понятными, однозначными. Ориентируйтесь на заботу о пользователях. Не используйте продающие формулировки и канцелярит, объясняйте термины, давайте пользователям подсказки о том, как исправить возникающие ошибки — и они будут чаще заполнять формы до конца, делать заказы и оставлять свои контактные данные. Новости рынка Слияние Яндекс.Такси и Uber Компании «Яндекс.Такси» и Uber объявили о слиянии. Они будут действовать совместно на территории России, Белоруссии, Грузии, Азербайджана и Армении. Контроль будет на стороне «Яндекса»: ему принадлежит более 59% акций новой компании. Оба приложения по-прежнему будут доступны для пользователей, однако водители будут входить в единую базу, и работать на единой технологической платформе «Яндекса». Видеореклама в Яндекс.Директе: закрытый эксперимент В системе «Яндекс.Директ» появилась возможность протестировать новый формат объявлений — реклама с видеодополнением. Короткие видеоролики состоят из фоновой подложки, на который накладывается заголовок и текст объявления, и кнопка перехода. Видеоподложку можно выбрать в конструкторе объявлений. Объявления показываются на сайтах партнерской видеосети «Яндекса». Оплата рассчитывается за переходы. Ответы клиентам во «ВКонтакте» от имени компании Социальная сеть внедрила возможность оставлять комментарии от имени сообщества в любой группе или аккаунте пользователя. Теперь можно реагировать на упоминания компании и обращаться к пользователям от имени официального аккаунта компании, а не ее администратора. Комментировать можно будет от имени групп, публичных страниц и мероприятий. Конструктор платежных форм от «Яндекс.Денег» «Яндекс.Деньги» представили новый сервис для сайтов небольших компаний — «Яндекс.Платежка». Он позволяет создать на сайте платежную форму за несколько минут, без сложной технической работы. Сервис работает без комиссии: его стоимость — 3000 рублей за 100 операций на общую сумму 100 000 рублей. Покупки клиент сможет оплачивать как с карты, так и с электронного кошелька. О чем вам рассказать? Мы регулярно публикуем статьи и проводим образовательные мероприятия: семинары, курсы и конференции. Мы заинтересованы в том, чтобы давать вам полезный контент, который помогает вам решать разнообразные задачи и принимать верные стратегические решения. Чтобы рассказать, какие темы для вас актуальны, пройдите, пожалуйста, короткий опрос. Выпуск подготовила Татьяна Половиченко. Присылайте ваши вопросы и предложения по адресу editor@ashmanov.com. © 2003—2017 «Ашманов и партнеры»