Онбординг в мобильном приложении: как остаться в сердце пользователя и на экране его смартфона

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

Онбординг помогает решать разные бизнес-задачи. Рассмотрим ключевые:

Онбординг напрямую влияет на пользовательский опыт. Рассмотрим его преимущества для аудитории:

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

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

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

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

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

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

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

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

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

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

Условно онбординг делится на три ключевых этапа. Рассмотрим особенности каждого.

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

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

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

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

Хороший онбординг — простой, быстрый и полезный. Делимся советами, которые помогают сделать его таким.

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

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

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

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

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

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

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

Например, в сервисе для доставки еды можно сначала показать, как искать рестораны и оформлять заказы. А затем попросить разрешение на использование геолокации и уточнить, что это нужно для точного расчёта времени доставки.

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

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

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

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

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

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

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

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

Разберём примеры, как команда MobileUp реализовала онбординг в цифровых продуктах для разных ниш бизнеса.

ИЛЬ ДЭ БОТЭ. Пользователей приложения встречает короткий онбординг, который состоит из четырёх слайдов. Они рассказывают о программе лояльности, странице оформления заказа, вкладке с акциями и мероприятиями. Скриншоты показывают, какая информация и какие функции находятся в этих разделах, а текст поясняет, чем они будут полезны. В конце онбординга сервис запрашивает доступ к геолокации и объясняет, зачем это нужно.

LU Cards. Приложение начинает онбординг с информации о том, что такое метафорические ассоциативные карты (МАК) и чем полезен этот психологический инструмент. Авторы проекта поясняют, что это карточки с изображениями, которые помогают человеку погрузиться в бессознательное, проанализировать свои чувства и найти ответы на волнующие вопросы. Далее пользователей ждёт продуктовый тур и краткий обзор основных функций сервиса. А во время первого использования продукта юзеров сопровождают лаконичные подсказки с объяснениями, как делать расклады. Если человек что-то не поймёт или не запомнит, он может вернуться к обучению позже. Финальная карточка сообщает, как пройти онбординг повторно.

Иду. Это лайфстайл-приложение, которые подбирает места по интересам. После его установки пользователей ждёт интерактивная инструкция, как с ним работать. Сначала с помощью графики и анимации показывают, как настроить алгоритмы сервиса под свой вкус. А затем объясняют, как управлять приложением жестами, где искать информацию о разных локациях и как выстраивать маршрут.

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

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

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