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

Вы можете выбрать альтернативные системы оплаты или внешние веб-ссылки наряду с Google Play Billing. Хотя Google может отображать экран выбора, у вас также есть возможность отображать собственные экраны выбора при условии соблюдения следующих рекомендаций по UX и указания предпочтений отображения в Play Console при регистрации (это также можно изменить в любое время). Оба варианта реализации требуют интеграции с API выбора способов оплаты для обеспечения отображения необходимой информации и родительского контроля. В этом разделе описаны требования к отображению собственных экранов выбора, чтобы обеспечить согласованный и прозрачный пользовательский опыт для принятия пользователями обоснованных решений по оплате.

Экран выбора, созданный разработчиком, отображает варианты как для альтернативной системы оплаты, так и для оплаты через Google Play Billing.
Рисунок 1. Экран выбора способа оплаты, созданный разработчиком.

Прозрачность выставления счетов

Чтобы пользователи были полностью информированы о доступных вариантах оплаты до совершения покупки, необходимо придерживаться следующих правил:

  • Маркировка : Необходимо четко указывать на альтернативные платежные системы имя уполномоченного лица, название приложения или имя разработчика. Это гарантирует, что пользователи понимают, кто отвечает за выполнение покупки и оказание поддержки клиентам.
  • Значок приложения или логотип бренда : Для каждого способа оплаты необходимо использовать значок приложения или логотип бренда. Для способа оплаты через Google Play следуйте рекомендациям Google Play по использованию бренда , отображая значок Google Play в полном цвете на нейтральном светлом или темном фоне. Для собственного способа оплаты достаточно отображать только значок приложения или логотип разработчика.
  • Способы оплаты : Используйте ресурс, предоставляемый API getBillingChoiceInfoAsync , чтобы отобразить доступные способы оплаты для варианта оплаты в Google Play, сохраняя при этом аналогичный подход при представлении способов оплаты для вашего собственного варианта оплаты.

    • Логотипы способов оплаты : Убедитесь, что логотипы всех способов оплаты отображаются единообразно для каждого варианта оплаты.
      • Для получения дополнительной информации о способах оплаты через Google Play Billing см. API getBillingChoiceInfoAsync .
      • Если вы не можете определить, какие способы оплаты отображать пользователям на экране выбора, вы можете не отображать способы оплаты для своего варианта оплаты. В этом случае вам все равно необходимо отображать способы оплаты для варианта оплаты Google Play.
    • Получение данных в режиме реального времени : Вам необходимо каждый раз получать и отображать способы оплаты, возвращаемые API; не изменяйте и не кэшируйте эти данные.
    • Дополнительный текст : Если количество доступных способов оплаты превышает количество показанных логотипов, вы можете добавить дополнительный текст для информирования пользователя.

    Например:

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

Стиль и расположение кнопок

Кнопки для альтернативной системы оплаты и оплаты через Google Play должны быть представлены одинаково и справедливо, чтобы облегчить пользователю выбор.

  • Равномерное представление : Все визуальные элементы, включая размеры кнопок, размер текста, стиль шрифта, контрастность и размеры областей касания, должны быть представлены одинаково. Использование логотипа и его размеры внутри кнопок также должны быть эквивалентными.
  • Расположение кнопок : Кнопки для каждого варианта оплаты должны быть расположены в непосредственной близости друг от друга, чтобы пользователи могли сравнивать и выбирать между ними.
Две кнопки выбора способа оплаты оформлены с одинаковыми размерами, шрифтом и размером логотипа, чтобы продемонстрировать равное визуальное представление.
Рисунок 3. Стиль кнопок
Пользовательский интерфейс, отображающий две кнопки выбора варианта оформления заказа, расположенные близко друг к другу для сравнения и выбора.
Рисунок 4. Близость кнопок

Призыв к действию (CTA)

Основные надписи на кнопках, ведущих пользователей к каждому варианту оплаты, должны быть одинаковыми и единообразными. Разработчики по-прежнему могут представлять различные предложения и преимущества для каждого варианта оплаты. Однако, если это предусмотрено, то и бонусы программы лояльности Play должны отображаться аналогичным образом.

Например:

Макет нейтральных и параллельных кнопок призыва к действию для оформления заказа на оплату для разработчиков и через Google Play Billing.
Рисунок 5. Призыв к действию

Дополнительные функции

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

  • Преимущества программы лояльности : Если отображается информация о программе лояльности, она должна отображаться одинаково и для обоих вариантов оплаты. Получайте сообщение о программе лояльности для варианта оплаты Google Play каждый раз из API getBillingChoiceInfoAsync ; не кэшируйте и не сохраняйте эту информацию. Например:

    Пример, демонстрирующий преимущества программы лояльности с одинаковой степенью заметности при обоих вариантах оплаты.
    Рисунок 6. Преимущества лояльности
  • Внешние веб-ссылки : Если вы перенаправляете пользователя из приложения для совершения покупки, вы должны четко это указать. Текст должен быть визуально понятным и явно информировать пользователя о том, что его перенаправляют из приложения на веб-сайт, с текстом: «Вы будете перенаправлены на веб-страницу». Например:

    Пример внешнего варианта оплаты, который включает уведомление о перенаправлении пользователя на веб-страницу.
    Рисунок 7. Внешние веб-ссылки