在要求加入账户前让购物者先购买
当订单履行不需要账户时,应将访客结账(guest checkout)作为明显的默认路径。Google 的表单指导建议采用此策略。将登录保留为常客的可见辅助路径,然后在确认后提供建账号的机会,并给出具体好处,例如订单历史记录。如果受监管产品、会员制或反欺诈策略要求登录,应在表单开始前说明该要求。
当策略允许时,新购物者应能在不创建密码的情况下进入付款环节。
在订单完成后邀请创建账户,而不是在付款前设置拦路槛。
减少字段但不要让配送变得模糊
仅在会影响履约、支付、税费或必需通信时请求信息。使用标准控件、可见标签、稳定的 name 和 id 值,以及合适的 autocomplete 令牌。默认让账单地址与配送地址一致(当确实相同时),同时让选择不同地址变得容易。W3C 指出,同一流程中已输入的信息应自动填充或可被选择,限于安全或无效数据等少数例外情况。
为每个输入项设定一个可执行的目的;若无用途则移除或延后收集。
不要仅用会消失的提示文本作为唯一标签;在输入时保留可见标签。
把错误转为可恢复的路径
在输入时或离开字段时校验简单的本地问题,但不要打断每次击键。使用明确的纠正建议,并在发生错误后保留安全的、非敏感的数据。提交失败后,在表单前显示链接的错误概览,并在每个字段处显示对应提示。W3C 建议每条概览项标识控件、描述问题并说明如何修正。将支付数据排除在 URL、日志和错误文案之外。
说明出错内容和修复方法,而不是使用“输入无效”。
将焦点移到恢复点并向辅助技术宣布动态反馈以协助用户。
在不削弱支付页面控制的情况下提供支付选项
展示业务能够授权、退款、对账和支持的支付方式。对每种方式使用简单明了的名称,并在承诺前披露重要条件。测试一次成功支付、一次被拒支付,以及退款或取消流程。PCI SSC(PCI Security Standards Council)关于电子窃刷(e-skimming)的指南重点在于授权的支付页面脚本、完整性校验和篡改检测。在添加标签、组件、小部件、实验、iframe 或卡片控件之前,邀请提供商和合格的安全或 PCI 审查者参与;本文不是合规性结论。
为可能影响支付的页面保持一份经批准的资产与负责人清单。
外观上很小的改动也可能改变浏览器执行的支付页面代码。
将移动和可访问路径设为常规路径
在窄视口上带屏幕键盘打开的情况下进行测试。使用合适的输入类型(input types),在有用时使用 inputmode 来提示合适的虚拟键盘;MDN 指出 inputmode 本身并不验证输入。对于卡号,Google 建议使用 text 类型并配合 numeric inputmode,而不是 number 控件。提供可见的关联标签、合乎逻辑的键盘焦点控制,并用文本和颜色来表示错误和选择。仅靠自动化扫描无法证明结账对所有辅助技术都可用。
通过 Tab、Shift+Tab、Enter、Space 和 Escape(在相关情况下)完成流程。
测试浏览器保存的地址与卡片数据,包括不同的账单地址。
保持成本、配送与承诺可见
在付款时保留商品、数量控制、折扣、配送选择、当前已知费用和总额。当运费、税费或周期性收费取决于后续信息时,说明哪些为估算值并在信息确定后即时更新摘要。将下单动作与财务承诺匹配,例如“支付并下单(Pay and place order)”。允许购物者在不放弃结账的情况下修改商品、地址或配送选择。
在每个付款步骤都保持摘要可读且可更新。
说明运费、税费、折扣或周期性收费何时成为最终数值。
将试验作为受控的可靠性变更
根据书面假设只改动一项有意义的内容,例如将建账号放在确认之后。发布前定义受众、完成指标和保护措施。保护措施可以包括支付错误、提交失败、支持联系、退款、可访问性回退和性能问题。使用 SIU(Status Is UP)来测试购买路径及其依赖项,记录回滚方案,并在触发保护措施时恢复上一个已知良好版本。单一转化结果不能证明安全性、可访问性、法律合规或普适适用性。
先记录当前的步骤完成率、错误类别和技术行为。
决定哪些失败模式将暂停或逆转发布。
