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模型示例显示了您的应用与进行应用内购买的用户进行交互的错误方式和正确方式: