Прокачайте ваш онбординг
с навигатором интерфейсов Experrto
Выберите категорию

Как оптимизировать онбординг с помощью UX-текстов

Как оптимизировать онбординг с помощью UX-текстов

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

Беда в том, что современные пользователи не славятся терпением и готовы тут же распрощаться с приложением или сайтом, если те хоть в чем-то их не устроят или окажутся непонятными, сложными. Избежать отторжения и повысить конверсии может помочь процесс адаптации, или онбординг.

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

Содержание статьи

Краткое введение в UX-райтинг

В какой части онбординга UX-тексты важны больше всего

1. Пояснительные popup-окна
2. Уведомления об ошибках
3. Призывы к действию и подтверждения

Заключение

Краткое введение в UX-райтинг

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

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

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

Меньше рутины, больше дохода. Бухучет мы возьмем на себя — Bench

Меньше рутины, больше дохода. Бухучет мы возьмем на себя — Bench

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

Разница небольшая, но важная. 

UX-контент помогает пользователям получить от вашего продукта пользу, в то время как задача копирайтинга — продать им эту пользу.

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

Ярким примером этой тенденции является такой элемент, как панель поиска. Когда перед людьми пустое поле, довольно часто бывает, что им сложно подобрать правильные слова для описания предмета поиска. Им нужно какое-то руководство. Лаконичный, но содержательный гайд. Взгляните на то, как с этой проблемой справляется сервис Airbnb:

Пример запроса: «Серфинг в Лос-Анджелесе» 

Пример запроса: «Серфинг в Лос-Анджелесе» 

То, что когда-то могло поставить людей в тупик, теперь таковым не является, благодаря подсказке, размещенной в строке в качестве примера запроса. Эта техника настолько эффективна, что теперь такие примеры в поисковой строке — обычное дело.

Взгляните на то, как сервис Canva помогает пользователям определиться с тем, какого рода элементы для дизайна они хотят найти:

Текст подсказки: «Попробуйте «Арт для Youtube-канала»

Текст подсказки: «Попробуйте «Арт для Youtube-канала»

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

Роль этих UX-текстов может показаться незначительной, но на самом деле они имеют огромное значение для качественного вовлечения пользователей. Google понадобилось всего лишь поменять фразу «забронировать номер» на «проверить наличие свободных номеров», чтобы увеличить конверсию на 17% в своем решении поиска отелей.

4 причины, почему trial-пользователи не конвертируются в клиентов

В какой части онбординга UX-тексты важны больше всего

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

Ниже — три сценария, где значение удачной микротекстов трудно переоценить.

1. Пояснительные popup-окна

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

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

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

Выводить их на экран можно двумя разными способами: в popup-окне, которое будет появляться на экране всякий раз при наведении пользователем курсора мыши на конкретный элемент; либо в виде полноценного тура по продукту, когда popup-окна будут всплывать на экране в заранее определенном порядке, попутно объясняя, что сейчас на нем происходит. Оба варианта имеют право на жизнь, и каждый требует первоклассных микротекстов.

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

Тексты предельно лаконичны и содержательны. Всего за пару кликов вы переходите от пустого поля к редактируемому шаблону.

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

Адаптивные системы помощи: всплывающие подсказки и справка

2. Уведомления об ошибках

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

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

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

Взгляните на то, как реагирует система, когда вы допускаете ошибку при создании своего профиля в Mailchimp:

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

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

Как вовлекать пользователей при помощи «пустых состояний»?

3. Призывы к действию и подтверждения

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

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

Этот пример из Headspace — один из самых удачных:

Итак, план такой. Начнешь с базового курса: он бесплатный, и с его помощью освоишь основы медитации. Базовый курс: 10 сессий, 2 техники. Длительность сессии — 5 минут. Начало в 7.30, после пробуждения. Как только почувствуешь, что готов перейти на следующий уровень, можешь перейти на план Headspace Plus и открыть доступ ко всей библиотеке материалов, включая наш курс, посвященный продуктивности. CTA: «Начать мою первую медитацию»

Итак, план такой.
Начнешь с базового курса: он бесплатный, и с его помощью освоишь основы медитации.
Базовый курс: 10 сессий, 2 техники. Длительность сессии — 5 минут. Начало в 7.30, после пробуждения.
Как только почувствуешь, что готов перейти на следующий уровень, можешь перейти на план Headspace Plus и открыть доступ ко всей библиотеке материалов, включая наш курс, посвященный продуктивности.
CTA: «Начать мою первую медитацию»

Текст в разделе «Базовый курс» дает пользователю четкое представление о том, что он получит, если запишется на него. В CTA прямым текстом указывается, что произойдет, когда он щелкнет по кнопке.

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

8 user-тестов, которые помогут вам обойти конкурентов

Заключение

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

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

С помощью платформы Experrto вы можете не только обратиться к клиентам с правильными словами и «провести» их через ваш продукт, но и предоставить нужную помощь в нужное время, тем самым значительно сократив отток и повысив конверсию.

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

Прокачайте ваш онбординг!

По материалам userlane.com Изображение: freepik.com

Прокачайте ваш онбординг
с навигатором интерфейсов Experrto