Мобильный adult-проект: что ломается на телефоне и как это чинится
Коротко. Спорить о том, нужна ли мобильная версия, давно не о чем: телефон здесь основное устройство. Разговор сместился в другое место — в adult-проекте на телефоне ломаются не макеты, а три конкретные вещи: возрастной гейт, вес медиа и оплата. Каждая из них выбрасывает часть людей, и ни одну не видно в отчёте о посещаемости, потому что ушедший человек выглядит там как обычный посетитель, который просто не купил. Ниже — где именно теряются люди и как это измерить.
Страница про то, что происходит на устройстве. Про архитектуру всей системы есть отдельный разбор — стек для adult-проекта.
Почему мобильный путь в этой нише короче обычного
В обычной электронной торговле человек может отложить покупку: положить в корзину, вернуться вечером с компьютера, получить письмо с напоминанием. В adult ни один из этих путей не работает так же.
-
Возвращаться некуда. Ссылку на такой сайт не сохраняют в закладки и не пересылают себе в мессенджер так же охотно, как ссылку на магазин обуви.
-
Письмо-напоминание нежелательно. Почта с названием тематического проекта в теме — риск для получателя, и его открываемость это отражает.
-
Ретаргетинг в крупных сетях недоступен. Категорию не берут, а значит вернуть ушедшего рекламой почти нечем.
Отсюда практический вывод: сессия одна. Что не случилось сейчас, не случится позже. Поэтому каждый лишний экран на пути к оплате стоит дороже, чем в любой другой тематике, и поэтому три поломки ниже так дороги.
Поломка первая: возрастной гейт
Подтверждение возраста — первое, что видит человек, и часто единственное, что он успевает увидеть. Типичные ошибки одинаковы у всех.
| Что сделано | Что происходит на телефоне | Как правильно |
|---|
| Модальное окно поверх страницы, которое грузится последним |
Секунду видно содержимое, потом его закрывает окно. Для случайного посетителя это выглядит как подмена |
Гейт решается до отрисовки содержимого, а не поверх него |
| Выбор даты рождения тремя выпадающими списками |
Три касания и прокрутка списка лет на маленьком экране. Самый дорогой способ спросить одно и то же |
Одна кнопка подтверждения, если закон страны не требует большего |
| Решение не запоминается |
Гейт показывается на каждой странице. Человек уходит на втором |
Запоминать выбор; срок хранения согласовать с требованиями к согласию |
| Кнопка отказа выглядит одинаково с кнопкой согласия |
Часть людей нажимает не то и уходит навсегда |
Разная заметность, но без обмана: отказ остаётся рабочим |
⚠ Требования к проверке возраста различаются по странам и в последние годы ужесточаются. Здесь речь только о том, как не терять людей на технически неудачном гейте; что именно обязаны проверять вы — вопрос юрисдикции, и решать его по статье в интернете нельзя.
Поломка вторая: вес
Мобильный интернет неравномерен: в метро, в лифте, за городом соединение проседает, и страница, которая на столе открывалась мгновенно, перестаёт открываться вовсе. В adult-проекте это бьёт сильнее, потому что содержимое — изображения и видео.
-
Превью в полном размере. Самая частая и самая дорогая ошибка: в сетку выдачи отдаются те же файлы, что и на страницу материала, а браузер уменьшает их на лету. Человек скачивает десятки мегабайт, чтобы увидеть картинки размером с ноготь.
-
Автовоспроизведение превью. Выглядит эффектно, съедает и трафик посетителя, и ваш исходящий. На мобильном соединении часто даёт обратный эффект: страница не оживает, а зависает.
-
Отсутствие ленивой загрузки. Длинная сетка тянет всё разом, включая то, до чего человек не долистает.
-
Шрифты и сторонние скрипты. Счётчики, виджеты, чаты нередко весят больше, чем само содержимое страницы.
Проверяется это без инструментов и без споров: откройте свою же выдачу на телефоне с медленным соединением и засеките, через сколько секунд появится первая картинка. Всё, что дольше нескольких секунд, — потерянные люди, и их доля тем выше, чем дешевле канал, из которого они пришли.
Поломка третья: оплата
Форма оплаты на телефоне — место, где теряется больше всего денег, и почти всегда по одним и тем же причинам.
| Причина потери | Признак | Что делать |
|---|
| Ввод карты руками |
Длинная форма, цифровая клавиатура не поднимается автоматически |
Правильные типы полей, автозаполнение, поддержка платёжных кошельков телефона там, где провайдер их даёт |
| Переход на сторону провайдера |
Человек уходит на чужую страницу с другим оформлением и возвращается не всегда |
Предупредить о переходе; проверить, что возврат ведёт туда, откуда ушли, а не на главную |
| Подтверждение банка |
Приложение банка открывается поверх браузера, вкладка теряется |
Состояние заказа хранится на сервере, а не на странице: вернувшийся человек должен увидеть результат, а не пустую форму |
| Незаметная цена |
Условия продления или срок доступа написаны мелким текстом |
Писать прямо. Скрытые условия возвращаются оспариваниями, а они дороже несостоявшейся продажи |
Последняя строка — не про этику, а про деньги. Оспаривание стоит дороже отменённой покупки: помимо возврата суммы платите штраф провайдера, а их доля влияет на сохранение обслуживания в целом.
Как измерить потери, а не догадываться о них
Обычная аналитика показывает посещения и не показывает обрывы. Чтобы увидеть три поломки, нужны четыре события, и их придётся завести отдельно:
- гейт показан — гейт пройден;
- страница материала открыта — первый кадр или первое изображение отрисовано;
- форма оплаты открыта — отправлена;
- возврат со стороны провайдера — результат показан.
Потеря на шаге = 1 − (событий на выходе ÷ событий на входе)
Считать отдельно для телефонов и для компьютеров: усреднённое число скрывает ровно ту разницу, ради которой всё и меряется
Смысл в разнице между устройствами, а не в абсолютных значениях. Если на компьютере до формы оплаты доходит заметно больше людей, чем на телефоне, вы нашли место, где чинить. Если разницы нет, дело не в мобильной версии, и деньги на неё тратить рано.
Чего делать не стоит
-
Отдельный мобильный поддомен. Решение из прошлого десятилетия: удваивает адреса, требует взаимных указаний на основную версию и в этой нише не окупается.
-
Мобильное приложение как первый шаг. Магазины приложений эту категорию ограничивают, и проект рискует остаться без канала распространения, потратив на него больше, чем на сайт.
-
Всплывающие предложения на первом экране. На маленьком экране они перекрывают всё содержимое, и человек закрывает вкладку вместе с предложением.
Что проверить прямо сейчас
- Сколько секунд до первой картинки на телефоне при медленном соединении.
- Отдаются ли в сетку уменьшенные превью, а не полноразмерные файлы.
- Запоминается ли решение возрастного гейта и не показывается ли он повторно.
- Поднимается ли цифровая клавиатура сама в поле номера карты.
- Что видит человек, вернувшийся из приложения банка: результат или пустую форму.
- Считается ли воронка отдельно по телефонам и компьютерам.
- Сколько весят сторонние скрипты по сравнению с содержимым страницы.
Как это делает adults.dev
Мы начинаем не с макетов, а с замера: где на телефоне обрывается путь и насколько эта картина отличается от компьютера. Обычно выясняется, что две трети потерь дают две вещи — тяжёлые превью и возврат после подтверждения банка, — и обе чинятся без переделки дизайна.
Дальше уже имеет смысл говорить о внешнем виде: когда известно, где именно уходят люди, редизайн перестаёт быть ставкой и становится работой с понятным результатом.
Обсудить мобильную часть проекта:
Telegram: @adultsdev
E-mail: info@adults.dev