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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разрешения

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

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

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

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

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

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

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

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

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

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

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

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

Что в итоге

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

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

Коротко

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

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

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

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

Обсуждение

Загружаем…

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

0 / 1500