设计移动宽带应用中的购买流

移动宽带应用可以包含用于购买计划的用户的购买流。 对于首次购买,请通过 Web 支持购买流。 下面是有关购买流的一些标准建议。

注意 请勿使用 iframe 在应用中托管这些流。

  1. 向用户显示计划详细信息,并允许他们在将计划转发到完整的购买流之前选择计划。

    plan details.

  2. 可以选择为用户提供数据明细,以估计他们所需的数据。 这有助于用户选择要购买的最佳计划。

    review plan details.

  3. 如果购买流包含表单,请遵循以下准则:

    • 允许在窗体页中垂直滚动。

    • 确保所有窗体字段都左对齐。

    • 由于应用必须与多个外形规格兼容,因此建议在窗体字段之间提供触摸友好的间距。

    • 留出大量的空白以提升简单性。

    • 遵循表单支持的最佳做法。 这包括(包括但不限于)为地址、号码和信用卡字段提供适当的支持。

    • 确保为窗体字段定义输入范围,以便为字段显示相应的触摸键盘,例如数字、文本等。

    • 确保窗体具有正确对齐的所有控件和字段。

    • 最小化单击次数和字段数。

  4. 用户输入其信息后,允许他们在完成购买之前查看订单。 如果订单已放置且激活速度很快,请继续激活并将应用重定向到登陆页面。 如果激活需要更长的时间,则可以包含激活进度的占位符页,并使用进度控件显示激活正在发生。 有关进度控件的详细信息,请参阅 快速入门:添加进度控件

快速摘要

购买页面的相应设计:

  • 遵循表单准则,其中包括左对齐、空白、适当的网格对齐和触摸友好性。

  • 使用简单的布局来提高可读性。

  • 对长窗体使用垂直滚动,以便更轻松地使用制表符和使用屏幕键盘。

  • 让用户在开始购买流之前查看和选择计划。

  • 支持通过 Web 购买和首次购买。

购买、充值、重新填充和计费页面的不当设计:

  • 不要对长窗体使用水平滚动。

  • 不要填充所有空白。

  • 请勿使用 iframe 来托管流。

  • 不要让用户等待很长时间,而无需提供视觉反馈。

  • 请勿链接到应用外部的网站。

其他资源

设计移动宽带应用的用户体验