开发者控制台

IAP的UX设计指南

IAP的UX设计指南

本页推荐了一些UX设计元素,将它们整合到您的应用中,可以保持与亚马逊应用商店一致的外观和风格。

用户界面(UI)设计指南

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

常规调色板

下表列出了亚马逊应用商店客户端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)设计指南

以下列表提供了有关为应用设计与亚马逊应用商店一致的用户体验(UX)的注意事项:

应做事项:

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

禁做事项:

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

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

示例

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