Онбординг — первое впечатление о продукте. 25% пользователей удаляют приложение после первого использования. Хороший онбординг ведёт к aha-момент, плохой — к удалению.
Цели онбординга
1. Setup — настроить продукт для использования 2. Education — научить ключевым функциям 3. Activation — довести до первой ценности (aha-момент)
Aha-момент — ключевая концепция
Aha-момент — действие, после которого пользователь понимает ценность продукта.
Примеры: - Facebook: добавить 7 друзей за 10 дней - Dropbox: загрузить файл с другого устройства - Slack: отправить 2000 сообщений командой - Spotify: создать первый плейлист
Задача онбординга: довести до aha-момента быстро.
Паттерны онбординга
1. Product Tour
Пошаговый тур по функциям.
+ Подходит для сложных продуктов + Гарантирует, что пользователь видит key features - Пользователи часто пропускают - Может быть навязчивым
2. Progressive Disclosure
Функции открываются постепенно по мере использования.
+ Не перегружает + Контекстуально - Пользователь может не дойти до важных функций
3. Checklist
Список действий для завершения setup.
+ Геймификация + Понятный прогресс - Может казаться работой
4. Empty States
Полезный контент вместо пустых экранов.
+ Контекстуальные подсказки + Не навязчиво - Зависит от пути пользователя
5. Personalization Flow
Вопросы для персонализации опыта.
+ Релевантный контент + Пользователь чувствует внимание - Добавляет шаги до ценности
Метрики онбординга
| Метрика | Что измеряет | |---------|-------------| | Activation Rate | % дошедших до aha-момент | | Time-to-Value | Время до первой ценности | | Onboarding Completion | % завершивших онбординг | | Drop-off Points | Где уходят пользователи | | Day 1 Retention | % вернувшихся на следующий день |
Best practices
1. Минимизируйте шаги до ценности
❌ Регистрация → Заполнение профиля → Tutorial → Использование ✅ Использование → Регистрация (когда нужно сохранить)
2. Показывайте прогресс
Прогресс-бар, чеклист, шаги 1/3.
3. Позвольте пропустить
«Skip» кнопка обязательна. Лучше пропуск, чем удаление.
4. Контекстуальные подсказки
Подсказка в момент, когда она нужна, а не заранее.
5. Персонализация
Спросите use case и адаптируйте опыт.
6. Celebrate wins
Праздновать первые успехи (первый пост, первая покупка).
Примеры для разных продуктов
E-commerce: - Skip регистрацию для browsing - Сохранение корзины без аккаунта - Регистрация на checkout
SaaS: - Demo data для быстрого старта - Template'ы для типовых задач - In-app guidance
Mobile app: - Максимум 3 экрана intro - Разрешения запрашивать в контексте - Push notification permission — после ценности
Частые ошибки
❌ Слишком длинный тур ❌ Обязательная регистрация до ценности ❌ Запрос всех разрешений сразу ❌ Нет возможности пропустить ❌ Одинаковый онбординг для всех сегментов
Визуализация ключевых концепций
Предпросмотр кода
flowchart LR
subgraph UX["UX процесс"]
RES["Research"]
DESIGN["Design"]
TEST["Test"]
ITER["Iterate"]
end
RES --> DESIGN --> TEST --> ITER --> RES...