开发者渲染的选择屏幕的用户体验指南

您可以选择在提供 Google Play 结算服务的同时,提供备选结算系统或外部网页链接。虽然 Google 可以呈现选择界面,但您也可以选择呈现自己的选择界面,前提是您要遵守以下用户体验指南,并在注册时在 Play 管理中心内声明您的呈现偏好设置(此设置也可以随时更新)。这两种实现方式都需要与结算选项 API 集成,以便显示必要的信息界面并启用家长控制功能。本部分概述了自行呈现选择界面的要求,以确保用户能够获得一致且透明的体验,从而做出明智的结算方式选择。

由开发者呈现的选择界面,其中显示了备选结算系统和 Google Play 结算服务 的选项。
图 1. 开发者呈现的结算方式选择界面

结算透明度

为确保用户在购买前充分了解结算选项,您必须遵守以下准则:

  • 标签:您必须使用授权实体、应用名称或开发者的名称清楚地标记备选结算系统。这样可确保用户了解谁负责履行购买交易和提供客户支持。
  • 应用图标或品牌徽标:每种结算选项都必须包含其特定的应用图标或品牌徽标。对于 Google Play 结算选项,请按照 Google Play 的品牌推广指南操作,在浅色或深色中性背景上显示全彩色 Google Play 图标。对于您自己的结算选项,您只能展示自己的应用图标或开发者品牌徽标。
  • 付款方式:使用 getBillingChoiceInfoAsync API 提供的资源来显示 Google Play 结算选项的可用付款方式,同时在表示您自己的结算选项的付款方式时保持类似的处理方式。

    • 支付方式徽标:确保每种结算选项的所有支付方式徽标都以统一的方式显示。
      • 对于 Google Play 结算服务,请参阅 getBillingChoiceInfoAsync API,了解其他支付方式安排选项。
      • 如果您无法确定要在选择界面中向用户显示哪些付款方式,可以选择不显示自有结算选项的付款方式。在这种情况下,您仍需显示 Google Play 结算选项的支付方式。
    • 实时检索:您必须每次都提取并显示 API 返回的付款方式;请勿更改或缓存这些素材资源。
    • 补充文本:如果可用的付款方式数量超过显示的徽标数量,您可以添加其他文本来告知用户。

    例如:

    用于显示付款徽标的不同布局的示例,显示了单行和多行配置。
    图 2. 付款徽标

按钮样式和邻近度

必须以公平、均等的方式呈现备选结算系统和 Google Play 结算系统的按钮,以便用户做出选择。

  • 同等呈现:所有视觉元素(包括按钮大小、文字大小、字体样式、对比度和点按目标尺寸)都应以同等方式呈现。按钮中的徽标使用情况和大小也必须相同。
  • 邻近性:每种结算选项的按钮必须彼此相邻放置,以便用户进行比较和选择。
两个结算选择按钮的样式相同,尺寸、字体和徽标大小都一样,以展示相同的视觉呈现效果。
图 3. 按钮样式
一个界面,显示了两个紧挨在一起的结账选项按钮,以便用户进行比较和选择。
图 4. 按钮邻近度

号召性用语 (CTA)

引导用户前往每种结算选项的按钮的主要标签必须等效且一致。开发者仍然可以针对每种结算选项提供不同的优惠和福利。不过,如果提供此信息,则还必须以同等方式显示 Play 的会员福利

例如:

开发者结算和 Google Play 结算的结算号召性用语按钮的模拟画面,这些按钮采用中性且并行的设计。
图 5.号召性用语

可选功能

您可以自行决定是否包含以下功能,但前提是这些功能也适用于 Google Play 结算服务选项。

  • 会员福利:如果显示会员信息,则必须以同等方式显示,并且必须同时显示两种结算选项的会员信息。 每次都从 getBillingChoiceInfoAsync API 中检索 Google Play 结算选项的会员回馈消息;请勿缓存或存储此信息。例如:

    一个示例,显示了在两种结算选项下以同等醒目程度展示的会员回馈活动福利。
    图 6.会员福利
  • 外部网页链接:如果您将用户引导至应用外部以完成购买交易,则必须明确指明这一点。该文本必须在视觉上清晰可见,并明确告知用户他们将离开应用前往某个网站,文本内容如下:“您将被重定向到某个网页”。例如:

    外部结算选项示例,其中包含一条通知,告知用户系统会将他们重定向到网页。
    图 7.外部网页链接