VIDEMIND
UI/UX Мобильные интерфейсыГид

Онбординг: как не потерять человека на первом экране

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

Абстрактная графика VIDEMIND: схематичный макет экрана: тёмная шапка, строки-плашки и боковая колонка
VIDEMIND
Содержание · 10
  1. Проблема обучающих слайдов
  2. Обучение в контексте
  3. Первое полезное действие
  4. Разрешения
  5. Пустой первый экран
  6. Почему вводные экраны пролистывают
  7. Что работает вместо тура
  8. По чему понять, что знакомство удалось
  9. Возвращение того, кто ушёл
  10. Что в итоге

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

Проблема обучающих слайдов

Классические три-четыре слайда перед входом решают задачу продуктовой команды («мы объяснили»), а не пользователя. Их пролистывают не читая, потому что человек ещё не столкнулся с проблемой, которую они объясняют.

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

Обучение в контексте

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

Такой подход дольше по времени, но заметно эффективнее: каждая подсказка приходит тогда, когда она понятна.

Три подхода к онбордингу

Слайды до входаТур по интерфейсуОбучение в контексте
ЗапоминаемостьНизкаяСредняяВысокая
Стоимость разработкиНизкаяСредняяВысокая
РаздражаетУмеренноСильноСлабо
Когда уместноПростой продуктСложный интерфейсПочти всегда

Первое полезное действие

У каждого продукта есть действие, после которого человек понимает ценность: первая заметка, первый заказ, первый добавленный объект. Задача онбординга — довести до него как можно быстрее.

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

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

Разрешения

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

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

  • Не запрашивать разрешения на первом экране.
  • Объяснять пользу до системного диалога.
  • Показывать, что произойдёт при отказе.
  • Давать возможность включить позже из настроек.
Абстрактная графика VIDEMIND: плавные волнистые линии
VIDEMIND

Пустой первый экран

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

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

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

Почему вводные экраны пролистывают

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

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

Абстрактная графика VIDEMIND: схематичный макет экрана: тёмная шапка, строки-плашки и боковая колонка — к разделу «Почему вводные экраны пролистывают»
VIDEMIND

Что работает вместо тура

  • Пустое состояние как инструкция: экран без данных показывает, что делать первым.
  • Подсказка в момент первой встречи с функцией, один раз и с возможностью закрыть.
  • Заполненный пример, который можно посмотреть и удалить, — быстрее любого описания.
  • Прогресс настройки, если шагов действительно несколько и они обязательны.
Абстрактная графика VIDEMIND: схематичный макет экрана: тёмная шапка, строки-плашки и боковая колонка — к разделу «Что работает вместо тура»
VIDEMIND

По чему понять, что знакомство удалось

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

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

Возвращение того, кто ушёл

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

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

Абстрактная графика VIDEMIND: сетка клеток: часть залита цветом, в некоторых круг или диагональ
VIDEMIND

Что в итоге

Онбординг измеряется не досмотренными слайдами, а долей дошедших до первого полезного действия.

Убирайте препятствия с этого пути, обучайте в контексте и не запрашивайте разрешения раньше, чем объясните зачем.

Коротко

Сколько экранов должно быть во вводном обучении?
Ноль, если интерфейс понятен сам. Если без объяснения не обойтись — не больше трёх, и каждый должен показывать пользу, а не устройство меню.
Когда лучше показывать подсказку?
В момент, когда функция понадобилась, а не при первом запуске. Подсказка в контексте запоминается, вводный тур пролистывают.
Продолжить тему · Мобильные интерфейсы

Адаптивный дизайн

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

Нашли ошибку или неточность в атрибуции? Напишите нам

Обсуждение

Загружаем…

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

0 / 1500