hardclient scroll to top
hardclient telegram
Подписывайтесь на мой новый канал: рассказываю об интересных фичах из мира e-commerce каждый день

Пэйволлы: прокачиваем насмотренность

Часть II
200+ моментов, которые стоит учесть при проектировании
Это вторая часть статьи, посвященной проектированию пэйволлов. В ней мы обсуждаем сложившиеся паттерны, тонкости, которые стоит учитывать, и грабли, на которые лучше не наступать.

В этой статье в структурированной форме описано все, что я заметил после просмотра 3000+ paywall’ов. Если я что-то упустил, жду вас в комментариях. Ну а если материал полезен, буду рад, если поделитесь им с коллегами.

Для удобства, структуру материала я дублирую и оставляю единой в обеих частях.
Партнер Experience.Partners
Автор сайта HardClient.com
Структура статьи
Часть 1:
Часть 2:

6. Тарифы

В этом блоке мы сначала обсудим моменты, связанные с процессом сравнения тарифов, а затем более детально остановимся на отображении цен и скидок.
6.1 Сравнение тарифов

Тарифы не спрятаны

Некоторые в пэйволле подсвечивают тариф, наиболее выгодный для компании, при этом пряча остальные за неброский label и намеренно затрудняя сравнение.
Zero

Тарифы на одном экране

По возможности постарайтесь разместить тарифные планы в рамках одного экрана, чтобы клиенту легче было их сравнить. Особенно если их всего 2, как в примере:
Deliveroo

Тарифов не слишком много

По возможности не используйте более 3 тарифов. Паралич выбора применим и для paywall'ов: чем больше опций, тем труднее выбрать оптимальную.
Bumble

Разница в тарифах понятна

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

Мотивация к длительной подписке

Более длительную подписку часто делают финансово более выгодной, давая скидку и мотивируя клиентов оставаться с компанией дольше.
Open

Тариф по умолчанию

Некоторые компании, вместо того, чтобы предоставить выбор клиенту, делают первый шаг за него, выбирая (более выгодный для себя) тариф по умолчанию.
TimePage

Платные vs. бесплатные фичи

Некоторые не просто рассказывают о фичах, а противопоставляют их тому, чем клиент пользуется в бесплатной версии, тем самым усиливая эффект.
Spotify

Сравнение фич списком

Если фичи бинарны (либо есть, либо нет), а тариф лишь один, сравнение можно реализовать в формате наглядного списка с 3 столбцами.
Duolingo

Структурированные списки

Если список фич длинный, для облегчения восприятия фичи в нем можно разбить по смысловым группам.
Craft

Сравнение без перегрузки

Однако в порыве реализовать сравнение тарифов по фичам убедитесь, что вы не слишком перегружаете экран. Вот такого исполнения лучше избегать:
LinkTree

Отдельная карточка

Если фич много, их сравнение прямо в рамках основного экрана paywall'а может перегрузить интерфейс. Поэтому их можно вынести в отдельную карточку.
Flighty

Сравнение при переключении

В качестве альтернативы можно дать пользователю возможность переключаться между тарифами и подсвечивать, какие фичи активны в каждом из них.
Evernote

Дублирование фич в тарифах?

Некоторые компании проектируют paywall таким образом, что фичи в карточках начинают дублироваться, тем самым затрудняя процесс сравнения.
Spotify

Удобство переключения

Расположите кнопки тарифов так, чтобы до них не приходилось далеко тянуться. В примере выбрать срок подписки относительно менее удобно.
Linktree

Подобное с подобным

Если, скажем, у вас есть годовая и месячная подписки, имеет смысл подсветить стоимость годовой в расчете на месяц, чтобы облегчить сравнение.
Endel

Сравнение с другими тратами

По аналогии с предыдущим пунктом, некоторые подсвечивают низкую стоимость за счет сравнения с другими тратами – например, чашкой кофе. Как вам такое?
Olio

Использование маркеров

Нередко компании подсвечивают наиболее популярные тарифы или лучшие цены с помощью маркеров, акцентируя на них внимание клиента.
Badoo

Читаемость маркеров

При этом сама информация на маркере должна хорошо читаться: текст должен быть контрастным и не должен мельчить.
Koloro

Не выбранный vs. неактивный

В некоторых кейсах тарифы, которые не были выбраны, настолько визуально вторичны, что становятся похожи на неактивные тем самым вводя клиента в заблуждение.
Lifesum
6.2 Отображение цен и скидок

Цены тарифов видны

Понимаю, что это базовый момент, но просто не мог не обойти этот пример стороной: если продаете платный тариф, позаботьтесь о том, чтобы его стоимость была видна.
Slowly

Цены хорошо заметны

Делая цену подписки слишком мелкой и неконтрастной, компания как бы намекает, что не хочет акцентировать на ней внимание клиента. От такого лучше воздержаться:
Apple Fitness

Итоговая цена есть на экране

За 1 шаг до оплаты клиент должен видеть итоговую цену. В примере видна только цена альтернативной подписки, но не подписки, стоящей за основной кнопкой free trial'а.
Picsart

Итоговая цена понятна

Некоторые в годовой подписке вместо общей стоимости пишут лишь (более низкую) цену в расчете на месяц, заставляя клиента считать самому. Так лучше не поступать:
Fabulous

Цены за короткие периоды

Некоторые, чтобы создать ощущение низкой цены, при оплате года подсвечивают стоимость за день или неделю. Dark pattern или неплохо? Напишите в комментах.
Picture This

100 или 99.95?

Многие пользуются тем, что фокус внимания чаще падает на левую часть цены, и визуально снижают ее на 1, 10, 100 долларов, отнимая лишь несколько центов.
Loona

Валюта локализована

Цена должна отображаться в валюте, соответствующей рынку, в котором зарегистрирован пользователь.
Sleep Cycle

Скидки отображаются

Если тариф на длительный период предполагает скидку, грех не подсветить этот факт в рамках paywall'а.
Greg

Форматы скидок

Вы можете отображать скидки в 3 основных форматах: процентные, абсолютные и период подписки в подарок.

Скидка хорошо заметна

Реализуйте скидку в виде хорошо заметного маркера. Смысла в том, чтобы делать ее визуально посредственной, мало. Особенно если сама скидка значительная.
Epicurious

Скидка значима

Просто не мог не обойти стороной этот пример: если скидка незначительная, возможно, ее и не стоит подсвечивать? Особенно если скидка – 0%.
Tagged

Скидка видна по умолчанию

Скидка на тарифный план должна быть видна по умолчанию, а не только тогда, когда пользователь его выбирает.
Perform

Старая и новая цены

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

Старая цена перечеркнута

Если вы используете механику старой и новой цен, используйте устоявшийся паттерн перечеркивания, чтобы не вызывать лишних вопросов.
Flighty

Старая цена легко читается

В своем порыве перечеркнуть старую цену некоторые перегибают палку – так что ее становится трудно прочитать.
Demo

Благотворительные тарифы

Встречаются кейсы, когда нуждающимся доступ к приложению дают бесплатно. Это, помимо прочего, придает позитивный окрас компании в глазах клиентов.
Transit

Выбор стоимости

Некоторые дают клиенту самому выбрать цену подписки, но при этом указывают на популярный выбор либо пишут, во сколько по затратам им обходится 1 пользователь.
Alan Mind

Тарифы по акции

Нередко можно встретить кейсы, когда к тарифам также применяется акционная скидка, нацеленная на создание у клиента ощущения выгодной покупки.
Lensa AI

Механики срочности

Встречаются кейсы, когда разработчики пытаются создать у клиента ощущение срочности. Как вам такой подход? Хорош или не очень? Напишите в комментах.
Memrise

7. Free trial

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

Предлагается

Хорошая и часто используемая практика – дать клиенту тестовый доступ, чтобы он мог оценить качество приложения перед подпиской.
Instacart

Highlight периода trial'а

В явной форме подсветите, на сколько времени дается тестовый доступ. Сделать это можно в intro-тексте, в блоке с тарифами, в тексте кнопки подписки и т.д.
Amazon Music

Период trial'а достаточен

Период тестового доступа должен быть достаточным для того, чтобы клиент успел ознакомиться и воспользоваться функционалом.
SoundCloud

Trial не слишком длинный

Но подумайте дважды перед тем, как делать период trial'а длинным: понимая, что времени до его конца много, клиенты могут не начать использовать приложение в моменте.
Quibi

Trial – фактор выбора тарифа

В некоторых случаях free trial дается лишь на 1 из тарифов (чаще всего, более длинный), таким образом, повышая его привлекательность.
Kahoot!

Trial'ы разной длительности

Также иногда применяется градация trial'ов по длительности: например, годовая подписка может предполагать trial в месяц, а месячная – в 1 неделю.
Bear

Trial vs. intro price

Некоторые компании вместо бесплатного trial'а предлагают сниженную цену на первый период. Какие плюсы и минусы у такого подхода? Напишите в комментах.
The Wall Street Journal

Ручная активация

Некоторые не просто говорят о free trial'е, а предлагают клиенту активировать тестовый доступ вручную, упаковывая его, как достижение: «сообщил энергию – получи плюшку».
Flo