[译]《iOS Human Interface Guidelines》——Apple Pay

2022-05-13 15:51:35 浏览数 (2)

Apple Pay

Aplle Pay是iOS设备上一种易用的、安全的、私有的支付方式。当使用app购买物理商品和服务时,人们可以使用Apple Pay来快速、安全地提供支付对象、运送方式和支付信息。

image

通过使用Apple Pay,人们可以不用创建账户和输入信息来进行支付。Apple Pay大大地加速了支付的过程,帮助去除了前期的注册流程,并给用户提供了一个浏览你产品和轻松购买的更好的体验。查看Apple Pay Programming Guide获取更多信息。

Apple Pay的UI是清晰的、精简的、不引人注目的。在不同的环境下有三种展现形式:

image

按钮。Apple Pay的按钮告诉用户他们可以在当前环境进行购买,例如产品页面。当用户点击Apple Pay按钮时,立即显示一个支付表格(下面会描述)并帮助他们开始付款过程。Apple Pay的创建按钮让用户可以创建Apple Pay。你可以使用PKPaymentButton API来获取这些按钮(查看PKPaymentButton Class Reference来学习更多)。查看Apple Pay Identity Guidelines来获取更多关于使用Apple Pay按钮的信息。

image

Apple Pay标记。用户期望当他们需要选择一个支付选项和在授权一次支付前完成额外的信息时看到Apple Pay标记。Apple Pay标记应该只在其他支付选项也以相同或类似的格式显示的时候出现。

image

支付表格。在一个用户提交一个订单和相关的支付前,Apple Pay要显示一个支付表格显示他们支付相关的支付对象(CONTACT)、运送方式(SHIPPING)和支付信息。即使人们可以在支付表格中进行一些修改——比如选择一个不同的运送方式——他们也不需要输入额外的信息。当用户查看支付表格时,他们应该能够立即完成交易并授权支付。

始终对能够使用Apple Pay的人显示Apple Pay UI。当用户在一个支持的设备上并且激活了你提供的卡的时候,这表示他们想要在你的app中使用Apple Pay。将Apple Pay设为默认的支付选项来满足用户的期待。

如果一个用户不能使用Apple Pay,不要显示任何Apple Pay的UI。如果用户正在使用一个不支持Apple Pay的设备,将其作为一个支付选项会引起迷惑。然而,如果用户正在使用一个支持Apple Pay的设备,但没有创建信用卡或借记卡,你可以显示创建Apple Pay按钮。

在用户点击Apple Pay按钮之后立即显示支付表格。强制你的用户在决定开始使用Apple Pay支付之后进行额外的步骤会增加这个过程的阻力并阻挠你的用户。不要在用户点击Apple Pay按钮之后显示额外的警示框和模态视图。如果用户能够提供类似折扣代码和促销代码的东西,找到方法来在他们点击Apple Pay按钮之前获取这个信息。

使用与其他可见的支付按钮同样的或者更大的按钮来显示Apple Pay按钮。显著地显示Apple Pay按钮来帮助用户更容易找到它。

image

使用Handoff来帮助用户完成他们在Apple Watch上创建的支付。Apple Watch的穿戴者可以在app store进行购买,但他们不能再你的Apple Watch app中完成一个购买。当用户在你的Apple Watch app中创建一个购买时,显示一个信息告诉他们到他们的iPhone上完成支付。最好的体验是,使用Handoff来与你的iOS app建立深度联系并且立即显示一个预填充合适的信息的支付表格。

查看Apple Pay Identity Guidelines获取更多关于如何使用Apple Pay按钮和标记的指南。

自定义支付表格

你可以自定义Apple Pay支付表格的样式,这取决于你完成交易需要知道的信息和你需要传达给用户的关于购买的信息。

只在支付表格上显示完成交易必须的信息。如果Apple Pay支付表格显示了无关的信息,用户也许会感到困惑或担心。比如说,当电子化地产品将被交货或者实现的时候,请求一个联系人的邮箱地址就有意义,但运送方式就没意义。在这个例子中请求一个运送方式会给用户一种有东西要被意外地送到他家或者公司的印象,或者让他们担心他们的信息被不必要地使用了。

在支付表格内让用户选择一种运送方式或收货方式。用户可以在Apple Pay支付表格中从你指定的任意种方式中选择一个收货方式。使用一个文本、一个花费信息和一个可选的第二行来提供预期的收货日期来指定一种运送方式。或者,你可以将表头从“Shipping”改成“Pickup”来让用户指定一个物体的位置,比如一个快递服务的收货快递员。

为重复支付和要添加到购买总费用的费用使用行元素。一个行元素由一个文本和一个花费信息组成。使用行元素来:

  • 使用像“每月捐献$19.99”的行元素表明一个用户在授权一个重复支付
  • 提醒用户额外的花费,比如“礼物包装5.00”或“税4.53”
  • 显示可以减少花费的赠券或者折扣,例如“周五折扣 -$2.00”
  • 显示一个待定金额,例如快递服务的“时间&距离...”

不要使用行元素来显示组成购买的产品的列表。

尽可能地创建能在一行显示的行元素文本。行元素文本应该明确且易于被用户理解。创建冗长的文本会让你的用户很难看一眼就理解行元素。

于同一行内在“PAY”后面提供一个统一的商户名。确保使用同样的商户名,用户会在检查他们的信用卡和银行账单时查看相关的花费。这很重要,因为这会帮助用户确保他们的支付到了他们想要支付的地方。如果你的app是扮演一个中间人的角色,并不是支付最终的店主,通过说明“PAY ‘最终商户名’(通过 ‘你的app名’)”清晰地告诉用户这一点。

如果总花费是未知的,在授权支付的时候传达也许会有额外的花费这个信息。比如说,对于一个基于距离和时间的行车,从发出这个购买到授权支付,价格有可能会改变。或者消费者也许会在产品发送后增加一个小费。在这种情况下,在支付表格中提供一个非常清晰的说明是必要的。如果你使用了一个行元素来更新最终花费,金额就会自动显示为“金额待定”。同样地,如果你预授权一个有明确金额的支付,确保支付表格正确地反映了这个信息。

精简支付过程

人们喜欢快速、简单地使用Apple Pay来进行他们的购买。越少的支付步骤,用户需要手动输入的信息越少,越好。

始终使用Apple Pay中最新的信息。假设用户保持他们的Apple Pay信息完善且最新,并且不依赖于任何早期收集的信息。即使你以前收集了用户的联系人、运送方式或者支付信息,在支付时也要提取Apple Pay的最新信息。不要让用户在支付时输入任何你可以从Apple Pay取到的信息。

使用Apple Pay来加速购买。要完成单个商品的购买,让用户点击产品界面的Apple Pay按钮来显示支付表格并完成一次立即的支付。用户喜欢不用通过额外的步骤去将商品添加到购物车就能在你的app中购买单个的商品的便利性。对于购物车中的多件商品要以同样的方式送往同样的地址这种情况,支持一个快速的支付流程让用户在准备好支付时尽快地显示支付表格。

在显示支付表格前收集返现或推广代码。因为没有方式去在Apple Pay支付表格中输入代码,确保在显示表格前收集代码。

如果人们可以在一个购物车内配送独立的商品去不同的地方或者以不同的速度配送。在显示支付表格前获取这个信息。在这个少见的情况中,你需要在显示支付表格前获取配送信息,因为没有方式可以在支付表格内指明多种配送方式或地址。在一般情况下,确保在支付表格内收集配送方式和地址信息。

显示一个清单确认界面或者谢谢界面。为了提供一种连贯的用户体验,在支付完成后,使用一个订单确认界面来显示关于产品何时会派送以及用户如何查看他们订单状态的详细信息。

合适的话,在你的确认界面标注Apple Pay。虽然在你的确认屏幕上提及Apple Pay不是必要的,如果你选择去提及,使用这些形式:

  • “Visa····1234(Apple Pay)”
  • “使用Apple Pay支付”

本文翻译自苹果官方开发文档

查看完整合集

查看作者首页

0 人点赞