Мобильная навигация
Overgear — ecommerce платформа для геймеров из США и Европы, где геймеры покупают и продают внутриигровые услуги и валюты. Продукт уже нашел свой Product-market fit на рынке, поэтому точками роста были расширение игр и типов услуг, улучшение операционных процессов.
Product Designer - Full-time
С ноября 2022
Проблемы
Изначально в мобильной версии использовались аналогичные десктопным решения, за время роста продукта накопилось много легаси кастомных решений, например бургер-меню.
Большинство новых пользователей попадают на страницу игры или категории, но больше 70% не доходят до страницы продукта. Они переходят между продуктами, редко используют каталог и поиск.
Игра
Категория
Попадая сюда новые пользователи видят 3 категории
и листинг всех продуктов по игре
Спрятан поиск
Слишком большие карточки
💡 Есть 2 типа пользователей:
те, кто покупает услуги и валюты
Услуги — сложные, кастомизируемые офферы, пользователь настраивает их полностью под свои нужды. Покупка услуг сезонна, зависит от ивентов в играх и времени внутриигровых активностей.
Валюты — быстрая, импульсивная покупка, зависит от потребности пользователя в игре
в конкретный момент, кроме названия валюты
и ее количества пользователю ну нужно ничего настраивать.
Оффер услуги левелинга
Оффер валюты
Исследование
Мы поговорили с 12 пользователями, которые в первый раз сделали покупку с мобильных устройств.
Наши пользователи это мужчины, живут в Европе, Америке, Канаде. Пользуются сервисом дома в свободное время. Делают
это как правило вечером после работы.
Мотиваторы к покупке:

• Доверие и безопасность

• Большая продуктовая матрица

• Гибкие офферы
Небольшая часть пользователей идет в каталог и поиск
52% уходят уже после первого клика
Микроулучшения
1 итерация
Сначала мы добавили беклинки на все внутренние экраны, снизили таким образом дроп-офф пользователей, которые ошиблись
с выбором категории или продукта
Затем спрятали SEO текст на странице игры, категорий и подкатегорий, повысили таким образом конверсию в клик по первым двум карточкам.
Было
Стало
Гипотеза
Наша гипотеза заключалась в том, что пользователи не могут быстро найти нужную категорию или продукт в ленте, что приводит к оттоку.
В то время как на десктопе есть меню категорий и хедер и ими пользуется более больше 47% новых пользователей, для мобильных юзеров очевидного перехода в категории нет.
Верхнеуровневая навигация
2 итерация
Верхнеуровневая навигация была устаревшей и не пользовалась популярностью у пользователей. Хедером в мобильной версии пользовалось в 3 раза меньше пользователей, чем на десктопе. Так же на юзабилити-тестированиях респонденты неоднократно упоминали неудобную навигацию.
Хедер в каталоге
Фиксированные кнопки на странице оффера
Мы переместили часть функционала хедера в bottom bar и убрали бургер-меню, что повысило конверсию в каталог у новых пользователей.
Затем доработали верхнюю навигацию: зафиксировали заголовок при скролле и сделали поиск контекстным, показывая его только на нужных экранах.
в 2 раза
Чаще пользователи стали заходить в каталог. Мы связываем это с тем, что кнопка каталога стала более доступной и понятной.
на 15%
Повысилось количество завершенных поисков (когда пользователи доводили процесс поиска до конца и переходили в продукт).
еще заметили
Что раньше пользователи чаще скроллили страницу оффера в поисках цены так как не видели маленькую цену на кнопке. Теперь когда цена стала контрастнее, мы не видим такой глубины скролла в Hotjar.
Категории на странице игры
3 итерация
У нас была гипотеза, что добавление категорий на страницу игры может повысить конверсию в просмотр категорий и, потенциально, страниц продуктов.
💡 После бенчмаркинга фичей конкурентов и лучших e-commerce практик первой идеей стали вкладки категорий, но возникла проблема
Что в таком случае мы должны были показать?
Есть состояния, когда в роуте категории ссылка на продукт
Или подгружать сразу страницу оффера?
Одинокий продукт в листинге?
Hi-fi дизайн
Затем я задизайнила и мы выбрали выбрали три лучших решения для юзабилити-тестирования. Хотели понять, влияет ли иконка на понятность карточки для пользователя и важно ли количество офферов на карточке.
Следующим шагом провели A/B тест на новых мобильных пользователях, постепенно раскатывая его на всех.
Было
Стало
🎉 Конверсия переходов
на категории выросла с 8% до
%
%
Средняя конверсия по воронке игра-категория-продукт. Мы считаем это хорошим показателем, таким образом мы к десктопной конверсии.
в 4 раза
Выросла конверсия в просмотр категорий, таким образом она почти приблизилась к десктопным показателям, где есть меню категорий.
на 12%
Увеличили конверсию в покупку, продолжаем наблюдать т.к в услугах есть сезонность, но мы прогнозируем долгосрочный эффект от фичи у новых пользователей.
Конверсия в просмотр продуктов снизилась не стат. значимо
и выросла на следующих шагах
Мобильные карточки продуктов
4 итерация
Мобильные карточки были перегружены, дублируя десктопный вид. Мы обновили их дизайн, потом провели два ухудшающий A/B тестов, чтобы оценить влияние описания и кнопки на конверсию.
Было
Вариант B
Вариант С
Карточка C показала более высокую конверсию в клик среди новых пользователей, среди остальных когорт между вариантами В и С не было разницы в конверсии.
🎉 Поэтому мы внедрили вариант B для всех пользователей как самый безопасный
Что дальше?
Результаты
После внедрения изменений показатели мобильной навигации приблизились к уровню десктопа.
в 2 раза
Увеличилась скорость прохождения флоу мобильной навигации.
При этом пользователи не стали реже пользоваться поиском и каталогом.
%
Стала конверсия в просмотр категорий, это хороший показатель, даже выше, чем на десктопе у новых пользователей.
на 43%
Вырос CR в просмотр продукта.
Конверсия в покупку так же выросла, в дальнейших изменениях мы целимся в десктопную конверсию в покупку.
Будем развивать мобильные карточки
Задизайним поиск