Новые онбординги ВКонтакте
Роль
Продуктовый дизайнер
Платформы
iOS, Android, WEB, mVK
Период
2024
Компания
ВКонтакте
проблема
ВКонтакте — экосистемный продукт с десятками команд и параллельных запусков, где онбординги развивались несистемно. В результате пользователи сталкивались с перегрузкой баннерами, тултипами и фуллскринами, не было единых правил частоты и приоритетов показа, а сами онбординги часто появлялись в неподходящий момент и не были связаны с продуктовыми метриками, из-за чего их эффективность было сложно оценить.
решение
Я спроектировал и внедрил единую систему онбордингов ВКонтакте: набор инструментов с чёткими правилами применения, системой приоритетов и ограничений показа. Онбординг стал частью продуктового процесса — с принципом добровольного вовлечения, фокусом на пользовательской ценности и обязательной привязкой к метрикам — и был масштабирован на ключевые продукты платформы.
→
Пользователь сталкивался с перегрузкой: баннеры, тултипы и фуллскрины появлялись хаотично в разных разделах
→
Отсутствовали единые правила частоты, приоритетов и кросс-платформенного показа
→
Онбординги часто были блокирующими, появлялись в неподходящий момент и фокусировались на запуске фичи, а не на ценности для пользователя
Анализ существующих онбордингов
В процессе анализа существующих онбордингов были выявлены основные паттерны и принципы использования, на основе которых предложены новые инструменты и логика их применения
Главная ценность новых онбордингов — спокойно и ненавязчиво подсказывать пользователям полезные возможности продукта и помогать им чувствовать себя в нём увереннее, без давления и ощущения рекламы
В качестве метафоры для новых инструментов мы взяли маркер-выделитель — как в реальной жизни, когда нужно быстро и аккуратно подчеркнуть самое важное
Инструмент «Тултип» для акцентной подсветки изменений
Инструмент «Фулскрин» для подробного рассказа об изменениях
Инструмент «Хайлайтер» для контекстной подсветки изменений
Инструмент «Баннер» для обозначения крупных изменений или размещения CTA
Инструмент «Тост» для отображения критически важной информации
После проектирования базового набора инструментов провели качественное сравнительное исследование: пользователям показывали старые и новые онбординги в одинаковых сценариях. Новые решения показали более высокую понятность и воспринимаемую ценность. По итогам обратной связи были внесены доработки
В рамках проекта была выстроена единая система запуска и управления онбординг-кампаниями, подготовлен SDK для внедрения в любые продукты платформы, а также разработана сопровождающая документация для команд
Для дизайнеров продуктовых команд мной был подготовлен UI Kit с онбординговыми компонентами: в нём проработаны все состояния, варианты обводок и формы линии маркёра для разных сценариев использования
Набор компонентов из UI Kit
итог
Онбординг перестал быть источником визуального шума и стал управляемым продуктовым инструментом. Система позволила безопасно запускать масштабные кампании на десятки миллионов пользователей: промо VK Видео охватило 33 млн человек и принесло 27,2 тыс. установок, а фуллскрин кампании 9 мая показал конверсию в переход 20,6% при 9,4 млн показов.