онбординг что это такое в мобильном приложении сбербанк

Что такое онбординг и как он помогает пользователям

Диджитал-продукты становятся сложнее: разработчики добавляют всё больше функций и экспериментируют с дизайном. Но это не всегда идёт на пользу — некоторые платформы превращаются в лабиринты, сбивая пользователей с толку. Рассказываем, что такое онбординг, зачем он нужен и как помогает пользователям.

Что такое онбординг и зачем он нужен

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

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

Онбординг (англ. onboarding — «введение, вхождение») — процесс адаптация клиента к новому продукту. Маленькие всплывающие подсказки (tooltips) и окна (pop-up) сопровождают пользователей на сайте, рассказывают о разделах или рекомендуют совершить определённые действия.

онбординг что это такое в мобильном приложении сбербанк. image5 1. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-image5 1. картинка онбординг что это такое в мобильном приложении сбербанк. картинка image5 1.

Учебные платформы или конструкторы сайтов могут отправлять lifecycle-рассылки — цепочки писем с инструкцией по работе с платформой. А некоторые мобильные приложения используют онбординг, встроенный прямо в интерфейс продукта. Так, пользователь не получит доступ к функциям приложения, пока не пройдет краткое обучение, не ответит на вопросы и не введёт свои данные — всё это в игровой и доступной форме.

онбординг что это такое в мобильном приложении сбербанк. image2 1. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-image2 1. картинка онбординг что это такое в мобильном приложении сбербанк. картинка image2 1.

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

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

Идеальный онбординг даёт ответы на три главных вопроса:

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

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

Источник

Онбординг в распределенной команде: как эффективно и быстро ввести новых сотрудников в работу

Привет! С вами снова Руслан Остропольский, Head of PMO В СберЗдоровье.

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

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

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

— Быстрый и более управляемый вход в работу.

— Долгосрочные отношения. Мы хотим, чтобы наши сотрудники были с нами 3, 5, а может быть и 10 лет. Нам неинтересно набирать людей, которые через пол года уйдут. Онбординг помогает понять насколько мы друг другу подходим.

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

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

— Снижение нагрузки на руководителя. Никому не хочется вводить людей в работу самостоятельно, особенно во время быстрого роста. Если за квартал нужно нанять 30 новых сотрудников, то руководитель вообще ничем кроме найма и ввода в работу заниматься не будет.

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

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

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

Можно позволить себе, если у вас маленькая команда.

Можно делить часть обязанностей. То есть, вводить Гордея в процессы и начинать потихоньку делегировать.

Тратится много времени руководителя.

Очень долгий вход в работу.

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

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

С этим подходом есть одна проблема. Представим, что в отделе есть 3 старших сотрудника, каждый из которых работает на свои 100%. Когда приходит наш Гордей, его эффективность вряд ли превышает 50%, а скорее всего она еще ниже. Гордей начинает работать с наставником, и производительность этого наставника неизбежно падает. При этом, нагрузка и задачи компании никуда не уходят — они ложатся на остальных сотрудников. В скором времени либо кто-то начнет подгорать, либо ваш отдел будет просто выполнять меньше задач.

Свобода рук руководителя.

У наставника падает эффективность работы.

Наставник может быть не так опытен в управлении, как руководитель. Следовательно, ввод нового человека в должность для него более трудозатратен.

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

Долгий вход в работу.

Такой подход лучше всего подходит для больших команд, особенно если сотрудники работают удаленно. Все достаточно просто: Гордей выходит на работу, проходит максимум одну вводную встречу и затем погружается в Wiki Quick Start — подробное и пошаговое описание того, что ему нужно делать. Какое-то время Гордей идет по Wiki, делает все, что там написано, и один раз в день синхронизируется со своим тимлидом.

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

— Культура и ценности команды

— Инструменты и доступы

Мы используем Wiki уже достаточно давно и за это время у нас накопилось несколько не самых очевидных, но крайне полезных советов и лайфхаков:

Структурируйте информацию в roadmap. Очень важно четко расписать последовательность действий, которую должен пройти Гордей. Нет никакого смысла бежать делать задачи, если он еще не залогинился в Jira.

Используйте вложенность страниц Confluence. Когда мы только начали писать Wiki, первым делом мы описали процессы отдела тестирования. Потом мы пошли к разработке, потому к эксплуатации, продукту и так далее. В итоге у всех появился похожий онбординг, а между процессами разных отделов мы сделали кросс-ссылки. Во-первых, это позволяет каждому отделу поддерживать свой онбординг, а во-вторых, все эти документы крепко связаны между собой.

Прописывайте DoD — Definition of Done. В свое время к каждому пункту мы добавили четкое и понятное описание того, что мы вообще ожидаем от человека после того, как он пройдет онбординг. Добавляйте контакты в помощь. Здесь все просто — я советую добавить в Wiki контакты людей, которые лучшего всего знают тот или иной функционал или систему, чтобы Гордей в случае чего мог обратиться к ним напрямую.

Источник

Онбординг: как знакомить пользователей с сайтом

онбординг что это такое в мобильном приложении сбербанк. thumb c9cc9ee15562772893d31af3f0fbffd4. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-thumb c9cc9ee15562772893d31af3f0fbffd4. картинка онбординг что это такое в мобильном приложении сбербанк. картинка thumb c9cc9ee15562772893d31af3f0fbffd4.

онбординг что это такое в мобильном приложении сбербанк. thumb c9cc9ee15562772893d31af3f0fbffd4. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-thumb c9cc9ee15562772893d31af3f0fbffd4. картинка онбординг что это такое в мобильном приложении сбербанк. картинка thumb c9cc9ee15562772893d31af3f0fbffd4.

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

Как же избежать подобных ситуаций и не отпугнуть клиентов после их первого контакта с вашим продуктом?

онбординг что это такое в мобильном приложении сбербанк. retina 7b03c0324d95d445780409002f55df11. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 7b03c0324d95d445780409002f55df11. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 7b03c0324d95d445780409002f55df11.

Онбординг — что это и зачем он нужен?

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

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

онбординг что это такое в мобильном приложении сбербанк. retina 156c78487451c7ebb6b51dff6f1af7d4. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 156c78487451c7ebb6b51dff6f1af7d4. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 156c78487451c7ebb6b51dff6f1af7d4.

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

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

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

Инструменты онбординга

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

Всплывающие подсказки (Tooltips)

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

онбординг что это такое в мобильном приложении сбербанк. retina 9afe9e37b7c206b0fde8b2d20d4b27bd. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 9afe9e37b7c206b0fde8b2d20d4b27bd. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 9afe9e37b7c206b0fde8b2d20d4b27bd.

Первый интерактивный помощник от Microsoft Office

Более современный пример подсказок на сайте:

онбординг что это такое в мобильном приложении сбербанк. retina 22d5a16eba5f0e2278918ebbf1d4c47b. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 22d5a16eba5f0e2278918ebbf1d4c47b. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 22d5a16eba5f0e2278918ebbf1d4c47b.

Подсказки от Facebook

Всплывающие окна (Pop-up)

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

онбординг что это такое в мобильном приложении сбербанк. retina 3af1161437b79390612f4ce3b5c3810a. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 3af1161437b79390612f4ce3b5c3810a. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 3af1161437b79390612f4ce3b5c3810a.

Интерактивные туры

Тур по продукту — это совокупность сразу нескольких всплывающих подсказок и/или попап-окон, которые появляются по мере продвижения пользователя по сайту и могут переключаться при помощи кнопки «Далее». Обычно, если пользователю не нужна подобная «экскурсия», он может отключить интерактивный тур, нажав на крестик (некоторые сайты используют кнопку «Все понятно!»). Иногда в этот инструмент также входит вступительный видеоролик с пояснениями о функционале интернет-ресурса.

онбординг что это такое в мобильном приложении сбербанк. retina 268bcb49113e21d207a08aca63ddc399. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 268bcb49113e21d207a08aca63ddc399. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 268bcb49113e21d207a08aca63ddc399.

Тур по панели инструментов

онбординг что это такое в мобильном приложении сбербанк. retina e11330ac76040df9555cba6d6ab78ae4. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina e11330ac76040df9555cba6d6ab78ae4. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina e11330ac76040df9555cba6d6ab78ae4.

Обучающий видео-ролик, встроенный в попап-окно

Пустые состояния

Этот неочевидный инструмент буквально представляет собой пустую интернет-страницу: это может быть альбом, в который пока не добавлены фотографии, стена в социальной сети, где еще нет записей, страница ошибки, когда по запросу пользователя не удалось найти ответа. Однако эту пустоту можно выгодно использовать, если заменить ее призывом пользователя к действию: «Упс, здесь пока ничего нет. Создайте свой проект!»

онбординг что это такое в мобильном приложении сбербанк. retina 402610562166b32bc576c0f4ce68d500. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 402610562166b32bc576c0f4ce68d500. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 402610562166b32bc576c0f4ce68d500.

Пример пустого состояния

Шкалы прогресса

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

онбординг что это такое в мобильном приложении сбербанк. retina d5a00cf3c01f7b97fed6e953488e856f. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina d5a00cf3c01f7b97fed6e953488e856f. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina d5a00cf3c01f7b97fed6e953488e856f.

Шкала прогресса рекрутингового сайта

Рассылки (или Lifecycle-рассылки)

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

онбординг что это такое в мобильном приложении сбербанк. retina 34538b5340903c118f489e2469d2246e. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 34538b5340903c118f489e2469d2246e. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 34538b5340903c118f489e2469d2246e.

Пример обучающего письма от конструктора сайтов

Как настроить онбординг под пользователя?

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

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

Неуместные или чересчур банальные подсказки (например, «Нажмите кнопку «Загрузить файл», чтобы загрузить файл») не помогут пользователям, а, напротив, запутают их или вызовут отторжение. Также не следует перегружать сайт всплывающими окнами, стрелочками и прочими отвлекающими объектами — онбординг должен дополнять страницу, с который работает пользователь, а не усложнять интерфейс еще сильнее. В противном случае, внимание потенциального клиента рассеется, и он уйдет с сайта, не сумев добраться до нужной ему цели.

Примеры сайтов с хорошим онбордингом пользователей

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

онбординг что это такое в мобильном приложении сбербанк. retina 3ccb19e135b443497286e1f2a34d760e. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 3ccb19e135b443497286e1f2a34d760e. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 3ccb19e135b443497286e1f2a34d760e.онбординг что это такое в мобильном приложении сбербанк. retina 38b9f5d5731597f7937e72f20ec1e10f. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 38b9f5d5731597f7937e72f20ec1e10f. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 38b9f5d5731597f7937e72f20ec1e10f.онбординг что это такое в мобильном приложении сбербанк. retina fc1af1e4b9b099c3f852543df26ee8c6. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina fc1af1e4b9b099c3f852543df26ee8c6. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina fc1af1e4b9b099c3f852543df26ee8c6. онбординг что это такое в мобильном приложении сбербанк. retina 0ef519cde87455ba31c4a1e53000574f. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 0ef519cde87455ba31c4a1e53000574f. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 0ef519cde87455ba31c4a1e53000574f.

онбординг что это такое в мобильном приложении сбербанк. retina 8a0694203099d9292c9f6ae568f1ebf2. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 8a0694203099d9292c9f6ae568f1ebf2. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 8a0694203099d9292c9f6ae568f1ebf2. онбординг что это такое в мобильном приложении сбербанк. retina 3b7a7ac450cc5b4c09ac61db0bc078ad. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 3b7a7ac450cc5b4c09ac61db0bc078ad. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 3b7a7ac450cc5b4c09ac61db0bc078ad.

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

онбординг что это такое в мобильном приложении сбербанк. retina 55f2961ce9937f04b85ea39bd5536813. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 55f2961ce9937f04b85ea39bd5536813. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 55f2961ce9937f04b85ea39bd5536813.онбординг что это такое в мобильном приложении сбербанк. retina c26272ededdd80a65d1c28672fbe9190. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina c26272ededdd80a65d1c28672fbe9190. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina c26272ededdd80a65d1c28672fbe9190.онбординг что это такое в мобильном приложении сбербанк. retina cc935e778fd2b4e91ca5ce7b1b29f651. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina cc935e778fd2b4e91ca5ce7b1b29f651. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina cc935e778fd2b4e91ca5ce7b1b29f651.онбординг что это такое в мобильном приложении сбербанк. retina 99d18261c44a811b0c2391a796c69696. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 99d18261c44a811b0c2391a796c69696. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 99d18261c44a811b0c2391a796c69696.онбординг что это такое в мобильном приложении сбербанк. retina f67989b4fcbfb37f69fbee95eb7b453d. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina f67989b4fcbfb37f69fbee95eb7b453d. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina f67989b4fcbfb37f69fbee95eb7b453d.

Онбординг поверх сайта

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

Здесь есть решение, которое не потребует особых дополнительных затрат — онбординг не в структуре самого сайта, а «поверх» него. Как, например, у Experrto.io — конструктора интерактивных подсказок, который не требует знаний верстки, дизайна и программирования.

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

онбординг что это такое в мобильном приложении сбербанк. retina dffe17ff25f1ecc25bf81fb536c7fe86. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina dffe17ff25f1ecc25bf81fb536c7fe86. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina dffe17ff25f1ecc25bf81fb536c7fe86.

Статистика онбординга в личном кабинете Experrto

Расширение доступно в интернет-магазине Google, и, пока оно находится в стадии открытого тестирования, его можно попробовать бесплатно.

Подведем итоги

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

Онбординг — это лишь одна из множества важных тем, в которых необходимо разбираться современному веб-дизайнеру. Для того, чтобы все системно изучить, будет полезно пройти полноценный курс — например, на факультете веб-дизайна GeekUniversity. Новый поток начнется в ближайшие дни — отличная возможность не откладывать в долгий ящик 😉

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

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

Как же избежать подобных ситуаций и не отпугнуть клиентов после их первого контакта с вашим продуктом?

онбординг что это такое в мобильном приложении сбербанк. retina 7b03c0324d95d445780409002f55df11. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 7b03c0324d95d445780409002f55df11. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 7b03c0324d95d445780409002f55df11.

Онбординг — что это и зачем он нужен?

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

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

онбординг что это такое в мобильном приложении сбербанк. retina 156c78487451c7ebb6b51dff6f1af7d4. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 156c78487451c7ebb6b51dff6f1af7d4. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 156c78487451c7ebb6b51dff6f1af7d4.

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

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

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

Инструменты онбординга

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

Всплывающие подсказки (Tooltips)

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

онбординг что это такое в мобильном приложении сбербанк. retina 9afe9e37b7c206b0fde8b2d20d4b27bd. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 9afe9e37b7c206b0fde8b2d20d4b27bd. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 9afe9e37b7c206b0fde8b2d20d4b27bd.

Первый интерактивный помощник от Microsoft Office

Более современный пример подсказок на сайте:

онбординг что это такое в мобильном приложении сбербанк. retina 22d5a16eba5f0e2278918ebbf1d4c47b. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 22d5a16eba5f0e2278918ebbf1d4c47b. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 22d5a16eba5f0e2278918ebbf1d4c47b.

Подсказки от Facebook

Всплывающие окна (Pop-up)

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

онбординг что это такое в мобильном приложении сбербанк. retina 3af1161437b79390612f4ce3b5c3810a. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 3af1161437b79390612f4ce3b5c3810a. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 3af1161437b79390612f4ce3b5c3810a.

Интерактивные туры

Тур по продукту — это совокупность сразу нескольких всплывающих подсказок и/или попап-окон, которые появляются по мере продвижения пользователя по сайту и могут переключаться при помощи кнопки «Далее». Обычно, если пользователю не нужна подобная «экскурсия», он может отключить интерактивный тур, нажав на крестик (некоторые сайты используют кнопку «Все понятно!»). Иногда в этот инструмент также входит вступительный видеоролик с пояснениями о функционале интернет-ресурса.

онбординг что это такое в мобильном приложении сбербанк. retina 268bcb49113e21d207a08aca63ddc399. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 268bcb49113e21d207a08aca63ddc399. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 268bcb49113e21d207a08aca63ddc399.

Тур по панели инструментов

онбординг что это такое в мобильном приложении сбербанк. retina e11330ac76040df9555cba6d6ab78ae4. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina e11330ac76040df9555cba6d6ab78ae4. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina e11330ac76040df9555cba6d6ab78ae4.

Обучающий видео-ролик, встроенный в попап-окно

Пустые состояния

Этот неочевидный инструмент буквально представляет собой пустую интернет-страницу: это может быть альбом, в который пока не добавлены фотографии, стена в социальной сети, где еще нет записей, страница ошибки, когда по запросу пользователя не удалось найти ответа. Однако эту пустоту можно выгодно использовать, если заменить ее призывом пользователя к действию: «Упс, здесь пока ничего нет. Создайте свой проект!»

онбординг что это такое в мобильном приложении сбербанк. retina 402610562166b32bc576c0f4ce68d500. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 402610562166b32bc576c0f4ce68d500. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 402610562166b32bc576c0f4ce68d500.

Пример пустого состояния

Шкалы прогресса

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

онбординг что это такое в мобильном приложении сбербанк. retina d5a00cf3c01f7b97fed6e953488e856f. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina d5a00cf3c01f7b97fed6e953488e856f. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina d5a00cf3c01f7b97fed6e953488e856f.

Шкала прогресса рекрутингового сайта

Рассылки (или Lifecycle-рассылки)

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

онбординг что это такое в мобильном приложении сбербанк. retina 34538b5340903c118f489e2469d2246e. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 34538b5340903c118f489e2469d2246e. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 34538b5340903c118f489e2469d2246e.

Пример обучающего письма от конструктора сайтов

Как настроить онбординг под пользователя?

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

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

Неуместные или чересчур банальные подсказки (например, «Нажмите кнопку «Загрузить файл», чтобы загрузить файл») не помогут пользователям, а, напротив, запутают их или вызовут отторжение. Также не следует перегружать сайт всплывающими окнами, стрелочками и прочими отвлекающими объектами — онбординг должен дополнять страницу, с который работает пользователь, а не усложнять интерфейс еще сильнее. В противном случае, внимание потенциального клиента рассеется, и он уйдет с сайта, не сумев добраться до нужной ему цели.

Примеры сайтов с хорошим онбордингом пользователей

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

онбординг что это такое в мобильном приложении сбербанк. retina 3ccb19e135b443497286e1f2a34d760e. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 3ccb19e135b443497286e1f2a34d760e. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 3ccb19e135b443497286e1f2a34d760e.онбординг что это такое в мобильном приложении сбербанк. retina 38b9f5d5731597f7937e72f20ec1e10f. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 38b9f5d5731597f7937e72f20ec1e10f. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 38b9f5d5731597f7937e72f20ec1e10f.онбординг что это такое в мобильном приложении сбербанк. retina fc1af1e4b9b099c3f852543df26ee8c6. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina fc1af1e4b9b099c3f852543df26ee8c6. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina fc1af1e4b9b099c3f852543df26ee8c6. онбординг что это такое в мобильном приложении сбербанк. retina 0ef519cde87455ba31c4a1e53000574f. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 0ef519cde87455ba31c4a1e53000574f. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 0ef519cde87455ba31c4a1e53000574f.

онбординг что это такое в мобильном приложении сбербанк. retina 8a0694203099d9292c9f6ae568f1ebf2. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 8a0694203099d9292c9f6ae568f1ebf2. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 8a0694203099d9292c9f6ae568f1ebf2. онбординг что это такое в мобильном приложении сбербанк. retina 3b7a7ac450cc5b4c09ac61db0bc078ad. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 3b7a7ac450cc5b4c09ac61db0bc078ad. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 3b7a7ac450cc5b4c09ac61db0bc078ad.

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

онбординг что это такое в мобильном приложении сбербанк. retina 55f2961ce9937f04b85ea39bd5536813. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 55f2961ce9937f04b85ea39bd5536813. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 55f2961ce9937f04b85ea39bd5536813.онбординг что это такое в мобильном приложении сбербанк. retina c26272ededdd80a65d1c28672fbe9190. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina c26272ededdd80a65d1c28672fbe9190. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina c26272ededdd80a65d1c28672fbe9190.онбординг что это такое в мобильном приложении сбербанк. retina cc935e778fd2b4e91ca5ce7b1b29f651. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina cc935e778fd2b4e91ca5ce7b1b29f651. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina cc935e778fd2b4e91ca5ce7b1b29f651.онбординг что это такое в мобильном приложении сбербанк. retina 99d18261c44a811b0c2391a796c69696. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina 99d18261c44a811b0c2391a796c69696. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina 99d18261c44a811b0c2391a796c69696.онбординг что это такое в мобильном приложении сбербанк. retina f67989b4fcbfb37f69fbee95eb7b453d. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina f67989b4fcbfb37f69fbee95eb7b453d. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina f67989b4fcbfb37f69fbee95eb7b453d.

Онбординг поверх сайта

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

Здесь есть решение, которое не потребует особых дополнительных затрат — онбординг не в структуре самого сайта, а «поверх» него. Как, например, у Experrto.io — конструктора интерактивных подсказок, который не требует знаний верстки, дизайна и программирования.

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

онбординг что это такое в мобильном приложении сбербанк. retina dffe17ff25f1ecc25bf81fb536c7fe86. онбординг что это такое в мобильном приложении сбербанк фото. онбординг что это такое в мобильном приложении сбербанк-retina dffe17ff25f1ecc25bf81fb536c7fe86. картинка онбординг что это такое в мобильном приложении сбербанк. картинка retina dffe17ff25f1ecc25bf81fb536c7fe86.

Статистика онбординга в личном кабинете Experrto

Расширение доступно в интернет-магазине Google, и, пока оно находится в стадии открытого тестирования, его можно попробовать бесплатно.

Подведем итоги

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

Онбординг — это лишь одна из множества важных тем, в которых необходимо разбираться современному веб-дизайнеру. Для того, чтобы все системно изучить, будет полезно пройти полноценный курс — например, на факультете веб-дизайна GeekUniversity. Новый поток начнется в ближайшие дни — отличная возможность не откладывать в долгий ящик 😉

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *