IAP 的 UX 设计指南


IAP 的 UX 设计指南

本页建议将一些 UX 设计元素合并到您的应用中,以保持与 Amazon Appstore 一致的外观。

用户界面 (UI) 设计指南

为保持与亚马逊一致的外观,您的应用中处理 IAP 的 UI 部分应使用与 Amazon Appstore 相同的调色板和样式。本部分提供以下值作为参考。

常规调色板

下表列出了 Amazon Appstore 客户端 UI 元素所使用的颜色及其十六进制值:

颜色名称 十六进制值 示例
黑色 #000000
背景灰色 #333333
二级背景灰色 #4d4d4d
浅灰色 #999997
超浅灰色 #bcbcbc
白色 #ffffff
错误文本橙色 #ff9900
超链接文本 #448ccb

字体是标准 Android 字体,如 Droid Sans、Droid Serif 和 Droid Sans Mono

名称 大小 粗细 颜色名称 颜色十六进制值 颜色示例
正文区域标题 24sp 常规​ 白色 #ffffff
正文 16sp 常规​ 浅灰色 #999997
副标题 15sp 常规​ 浅灰色 #999997
文本输入 21sp 常规​ 黑色 #000000
文本输入提示 21sp 常规​ 超浅灰色 #bcbcbc
按钮标签 18sp 常规​ 白色 #ffffff
错误文本 18sp 常规​ 错误文本橙色 #ff9900
超链接 16sp 常规​ 超链接文本 #448ccb

用户体验 (UX) 设计指南

以下列表提供了有关为您的与 Amazon Appstore 紧密结合的应用设计用户体验 (UX) 的注意事项:

应做事项:

  • 始终提供明显的直观指示来指示已购买的项目已可用,并在需要时指示如何在应用中访问该项目。
  • 如果您的应用要求用户具有账户才能完成购买,请让用户先创建账户,然后才能发起购买。
  • 使用 IAP API 来检索和显示价格和产品信息。
  • 阅读 IAP 文档来确定如何处理所有购买响应。

禁做事项:

  • 将有关交易状态的信息或状态消息发送给您的应用的用户。(IAP API 处理确认和传送给最终用户的消息,包括交易成功和失败消息。)
    注意:​ 此指南的一个例外情况是您可以在用户取消 IAP 交易时显示状态消息。这些消息不会中断流程,并且会对用户很有帮助。

  • 阻止客户访问之前已购买或目前已订阅的内容。
  • 在购买体验之前包括额外步骤或确认,如额外的对话框。

示例

下面的 UI 模型示例显示了您的应用与进行应用内购买的用户进行交互的错误方式和正确方式: