VK | Ответы Mail

Продуктовые гипотезы

  • design
  • product
  • web
  • mobile
  • А/В
Обложка кейса «Продуктовые гипотезы»

Описание проекта

Бизнес проблема

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

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

На мобилке отсутствовали простые и нативные механизмы для подписки на авторов и интересные темы («Пространства»), из-за чего новый функционал по подпискам и пространствам было неактуальном или о нем не знали.

Задача от бизнеса

Вырастить ключевые метрики вовлеченности и глубины просмотра, сформировать у пользователей четкое понимание разделов и возможностей портала, а также помочь им легко собрать персональную ленту через подписки на авторов и тематические «Пространства».

1. Реализация Таббара

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

Гипотеза: Вынос навигации основных разделов в мобильной версии вниз экрана увеличит кол-во переходов на пользователя, поскольку все основные разделы продукта будут в пределах 1-го тапа. Помимо этого, улучшит пользовательский опыт.

Целевые метрики:

  • Среднее кол-во переходов на пользователя;
  • Среднее кол-во инициализаций публикации на пользователя;
  • Доля пользователей с инициализаций публикации;
  • Доля пользователей с переходами.

Процесс

Проанализировал общие паттерны популярных сервисов и порталов, использующие одно или две навигации (одно с ключевыми разделами, второе вспомогающее), выделил общие поведения, логику, которую мы можем переиспользовать.

Референсы
Референсы

После анализа разных сервисов выделил пул задач, которые в макетах необходимо отразить:

  • Согласовать разделы, которые будут в таббаре;
  • Реализовать сам таббар, сделать его компонентом локальным, найти или отрисовать иконки и описать спецификацию;
  • Отразить вид и поведение для авторизованных и не авторизованных юзеров;
  • Отразить поведение при скроллах-подскроллах
  • Показать поведение меню при разной ширине верстки.

Подготовил компонент таббара, основной флоу с описанием поведения и логикой для разработки:

Отразил макеты и описание со скроллом и подскроллом на верх страницы на основных разделах:

Подготовил макеты для разных размеров экрана и спецификацию по компоненту.

Результаты

Детали эксперимента: использовался инструмент Omicron, длительность 14 дней, охват 100% аудитории.

Перевод навигации в доступную область экрана дал статистически значимый рост по ключевым продуктовым метрикам вовлечения:

  • Доля пользователей, использующих навигацию: +520.05%;
  • Среднее кол-во инициализаций публикации на пользователя: +43.90%;
  • Доля пользователей с инициализацией публикации: +65.98%;

Для нас тут главное, что кнопку “Создания поста” не потеряли и метрики по долям созданных постов не уменьшилось.

  • Глубина просмотра: +0.58%.

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

После завершения эксперимента метрики в MyTracker показали рост трафика и количества переходов в раздел «Пространства» по сравнению, когда он был скрыт в бургер-меню.


2. Плашка пространств

Проблема: После перезапуска у раздела «Пространств» низкое количество переходов и подписок. Нам важно подсветить пользователям, что у нас появились тематические разделы, где может быть смежные или интересные.

Гипотеза: Плашка «Пространства» на странице поста позволит легко переходить к схожему контенту и подписываться на темы, а кнопка «Вступить» станет дополнительной точкой конверсии для неавторизованных пользователей.

Целевые метрики:

  • Доля пользователей с подпиской на пространства;
  • Доля пользователей с переходом в пространство;
  • Доля пользователей с успешной авторизацией;
  • Глубина просмотра страниц.

Процесс

Проанализировал паттерны на контентных платформах (Reddit, VC, Хабр). Главный паттерн – подсвечивать тематические сообщества в процессе скролла контента, не перегружая первый экран.

После анализа разных сервисов выделил пул задач, которые в макетах необходимо отразить и описать:

  • Спроектировать компонент под разные типы устройств — на мобильных экранах плашка фиксируется сверху под меню, а на десктопе отображается плавающим баром внизу страницы;
  • Проработать отклик на взаимодействия – смену состояний кнопки «Вступить», кликабельность названия и шеврона для перехода в пространство;
  • Проработать подтверждение подписки и с переходом в «Мою ленту»;
  • Проработка кейсов:
    • Логика скролла – плашка появляется только при уходе шапки поста из зоны видимости и автоматически скрывается внизу страницы перед блоком «Другие посты», чтобы переключить фокус на следующий контент;
    • Флоу для неавторизованных – клик на «Вступить» перенаправляет в окно авторизации; после успешного входа подписка оформляется автоматически без повторного клика и с сохранением места на странице.
Макеты страницы Пространства.
Макеты страницы Пространства.
Макеты страницы Пространства.
Макеты страницы Пространства.

Подготовил макеты аналогичного поведения и логики плашки на странице поста.

Макеты страницы поста
Макеты страницы поста
Макеты страницы поста
Макеты страницы поста

После фиксации требований и спецификации подготовил макеты и передал фичу в разработку для проведения A/B-теста.

Результаты

Детали эксперимента: использовался инструмент Omicron, длительность 7 дней, охват 20% аудитории.

Внедрение плашки дало значимый прирост по ключевым целевым действиям вовлечения в «Пространства»:

  • Доля пользователей с подпиской на пространства: +167.67%;
  • Доля пользователей с переходом в пространство: +13.71%;
  • Глубина просмотра и авторизация: Метрики остались на прежнем уровне.

Эксперимент с внедрением плашки пространств доказала свою эффективность в привлечении внимания к тематическим разделам и росте подписок. Функционал раскатан на 100% пользователей.


3. Подписка на автора и его другие посты

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

Гипотеза: Если рядом с ником автора добавить кнопку «Подписаться» с мгновенным действием, а после подписки предлагать переход к другим постам автора («Ещё от автора»), то это увеличит конверсию в подписки и переходы в профили. Пользователю проще совершить простое действие в моменте возникновения интереса.

Целевые метрики:

  • Доля пользователей с подпиской на профиль;
  • Количество подписок на профиль пользователя;
  • Доля пользователей с переходом в профиль автора;
  • Глубина просмотра страниц.

Процесс

Проанализировал решения разных сервисов с похожей механикой (Дзен, VC, Medium, Telegram, YouTube). Главный паттерн рынка — кнопка подписки находится в зоне естественного внимания при чтении и не требует перехода на отдельный экран.

Ценность для продукта – рост аудитории главный стимул для авторов создавать качественный контент и регулярно возвращаться на платформу.

Эффективность разработки – задача требовала точечных UI-изменений без переработки бэкенд-логики, так как механизм подписок уже был реализован на платформе.

После анализа рынка и первых набросов требований выделил пул задач, которые в макетах необходимо отразить:

  • Разместить компактную, но акцентную кнопку «Подписаться» справа от имени автора в теле поста и ответа;
  • Спроектировать наглядную обратную связь и смену состояний кнопки после клика;
  • Проработка кейсов:
    • На устройствах с шириной экрана 359px и ниже кнопка скрывается, чтобы сохранить читаемость ника и целостность верстки (при медианной ширине экрана 390px);
    • Для автора публикации кнопка подписки не отображается.

После фиксации требований подготовил макеты и передал фичу в разработку для проведения A/B-теста.

Макеты дестопной и мобильной версии с обновленной шапкой поста
Макеты дестопной и мобильной версии с обновленной шапкой поста

Результаты

Детали эксперимента: использовался инструмент Omicron, длительность 7 дней, охват 50% аудитории.

Устранение лишнего шага и внедрение целевых действий в момент проявления интереса дали кратный рост показателей вовлечения:

  • Доля пользователей с подпиской на профиль: +101.11%;
  • Количество подписок на профиль пользователя: +109.06%;
  • Доля пользователей с переходом в профиль автора: +38.93%;
  • Глубина просмотра и авторизация – метрики остались на прежнем уровне.

Бесшовное действие в месте возникновения внимания снизило барьер входа, помогло пользователям быстрее сформировывать списк подписок и повысило интерес к авторам. Функционал раскатан на 100% пользователей.