Onboarding (онбординг) – стартовый элемент дизайна в виде слайдов с инструкциями, который пользователь видит на экране сразу после запуска приложения. Использовать онбординг нужно с умом, так как именно он встречает потенциального пользователя первым.

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

Краткость – сестра таланта​


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


Меньше текста – больше ярких иллюстраций​


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


По возможности старайтесь использовать анимации​


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




Не забывайте о прогресс-барах​


Готов поспорить, вас тоже раздражает отсутствие прогресс-баров в онбордингах. Создается ощущение того, что вы будете листать эти слайды до глубокой старости, а это раздражает пользователей. Учтите этот момент!


Сначала зарекомендуйте приложение​


Многие ошибочно полагают, что если завалить онбординг кучей запросов на разрешение уведомлений, доступа к контактам, камере, микрофону, телевизору бабушки и ноутбуку вашего брата, то пользователь не захочет сразу же удалить ваше приложение, а смиренно будет нажимать одну и ту же кнопку «Разрешить» пять раз. Не стоит начинать знакомство с требований – сначала покажите, что вы можете предложить, а затем уже запрашивайте разрешения.

То же самое касается и запросов в духе «Ого, вы впервые запустили наше приложение, поставьте нам 5 звезд в App Store и мы продолжим». Увы, это так не работает, вы лишь отпугнете потенциальных пользователей.


Ну и самое главное!​


Не забывайте о том, что кто-то ранее уже мог пользоваться вашим приложением, поэтому онбординг будет только раздражать его. Обязательно добавьте кнопку «Пропустить» на этот случай!


Данный онбординг предлагает нам выбор: пропустить обучение либо просмотреть слайды. Отличный пример.

Примеры хороших онбордингов для вдохновения​


Макеты найдены на Dribbble.










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