5 способов познакомить пользователей с продуктом Статьи редакции

Главный дизайнер рекламного агентства Innovatemap Кристиан Бек о том, как стоит реализовывать онбординг для мобильных и веб-проектов.

Перевод от основателя агентства контент-маркетинга Smile Bright Media Александра Лашкова.

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

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

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

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

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

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

Для начала рассмотрим наиболее распространённый способ решения задачи.

• ​Метод: пользователю сразу показываются главные функции.
• Для чего подходит: для популярных сфер и решения общеизвестных задач.
• Плюсы: позволяет сразу приступить к формированию бренда и визуального стиля. Информация выдаётся дозированно, что облегчает восприятие.
• Ограничения: возможность предоставления подробных инструкций сильно ограничена — читать большие полотна текста никто не станет.

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

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

• Методы: «боковые колеса» и лучшие практики (об этом ниже)​.
• Для чего подходит: для презентации новой модели мышления или инновационного решения привычных задач.
• Плюсы: каждый пользователь может обучаться в своём темпе.
• Ограничения: лучшие практики применимы не всегда.

Чтобы погреться перед камином, сначала нужно его растопить. Так и пользователям нельзя предлагать новую идею, предварительно их не «разогрев». Метод концепции нового довольно сложен, поскольку предполагает баланс на грани между тем, чтобы перечислить всё необходимое, но при этом не перестараться и не указать лишнее. Этот подход можно разделить на два подтипа: «боковые колеса» и «лучшие практики».

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

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

Процесс создания задачи предусматривает несколько шагов. И один из них — назначение задачи какому-либо пользователю. Поскольку в приведённом примере изучается именно создание задачи, а не создание пользователей (для этого нужно предпринять совсем другие действия), то от последнего действия человека можно освободить. Так он сможет на 100% сфокусироваться на том, что важно изначально.

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