Дизайн экрана подписки в мобильном приложении: помогите выбрать план

Начните с момента, а не с шаблона

Экран подписки после нажатия на закрытую функцию решает другую задачу, чем приглашение оформить подписку во время онбординга. Назовите функцию и объясните, какая конкретная польза станет доступна. Во время онбординга дайте достаточно ориентиров, чтобы показать связь подписки с продуктом. Предложение без контекста может восприниматься как помеха.

Учитывайте окружающий сценарий, чтобы задать ожидания. Если часть продукта можно попробовать сначала, позвольте этому опыту показать его ценность. Если доступ ограничен, объясните лимит и когда он восстановится. Рекомендации Apple по дизайну интерфейсов советуют показывать уместные предложения; Google Play ожидает, что реклама подписки прояснит, можно ли пользоваться приложением без неё.

Тем, кто уже подписан, может понадобиться вход или восстановление покупки. Тем, кто пока не готов, — понятный путь обратно к продукту. Спроектируйте эти пути как реальные сценарии и проверьте, что они ведут к полезному результату.

Сделайте предложение удобным для сравнения

Для каждого варианта укажите короткое название, срок и цену. Сумму, которую действительно спишут, должно быть легко найти; меньшая сумма в пересчёте на месяц может помочь сравнить планы, но не должна заменять полную сумму платежа. Если план выбран по умолчанию, это должно быть видно, а обоснование выбора не должно сводиться к расплывчатой метке вроде «Лучший вариант».

Полезное сравнение объясняет, что меняется между планами: уровень доступа, контент, сервис, срок или другое значимое преимущество. Не заставляйте людей угадывать разницу по цвету или проценту скидки. Если план один, используйте пространство для объяснения его ценности и условий.

Рекомендации Apple по покупкам внутри приложения требуют ясных вариантов, цены, срока и полной суммы списания. Google Play предостерегает от подачи длительной подписки главным образом как месячного эквивалента, если фактически оплата взимается за весь период. Считайте полную сумму основной информацией, а дополнительные детали сравнения показывайте, когда они помогают.

Объясняйте пробный период и продление простыми словами

Бесплатный пробный период — предложение на ограниченный срок, после которого может начаться платная подписка. Укажите его продолжительность, время первого списания, последующую сумму и периодичность, а также будет ли план продлеваться автоматически. Размещайте эти сведения рядом с соответствующим планом и действием.

Не возлагайте всё объяснение на надпись кнопки. «Начать бесплатный пробный период» описывает ближайший шаг, но не последующее списание. Дополните кнопку краткими и читаемыми условиями. Текст должен быть разборчивым при обычных размерах экрана, увеличиваться вместе с настройками шрифта и не скрывать важные условия из-за низкого контраста или обрезки после локализации.

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

• Срок пробного периода и право на него понятны для показанного предложения.
• Понятны дата или событие, с которого начинается оплата.
• Цена после пробного периода, периодичность оплаты и автоматическое продление видны до покупки.
• Те же условия понятны на языке пользователя и в его валюте.

Проверьте весь сценарий покупки и возвращения

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

Сделайте вход и восстановление доступа заметными. Действующим подписчикам не следует предлагать повторно покупать тот же доступ, если следующий правильный шаг — вход или восстановление покупки. Apple рекомендует дать таким пользователям возможность войти или восстановить покупки. Управление подпиской должно находиться в ожидаемом разделе аккаунта или настроек; Apple также подчёркивает простоту отмены. В Google Play раскрытие условий подписки и возможность отмены через интернет входят в действующие требования платформы. Следуйте актуальным инструкциям магазина для соответствующего способа оплаты.

Сравните экран подписки с окружающим продуктом. Типографика, изображения и взаимодействие должны ощущаться частью единого интерфейса. Изучайте в библиотеке ScreenKits, как на снятых экранах расположены цена, преимущества, условия пробного периода и элементы выхода, затем сопоставляйте наблюдения с полным сценарием приложения. Галерея служит примером дизайна, а не доказательством эффективности или соответствия правилам.

• Может ли вернувшийся подписчик войти или восстановить доступ без повторного начала?
• Понятно ли, как закрыть предложение или продолжить пользоваться доступными бесплатными функциями?
• Объясняют ли состояния успешной покупки, отмены и ошибки, что произошло и что делать дальше?
• Можно ли найти статус подписки и управление ею в настройках аккаунта?
• Проверены ли локализация, масштабирование текста, контрастность, программы чтения с экрана и размеры сенсорных целей?

Практический список для проверки дизайна экрана подписки

Используйте этот список при разборе дизайна, проверке прототипа или перед выпуском. Оцените каждый пункт глазами человека, который видит предложение впервые, а затем повторите проверку как вернувшийся подписчик. Если проверяющий не может ответить на вопрос по экрану и ближайшим шагам сценария, уточните интерфейс, прежде чем полагаться на справку.