好的收银页,让顾客快速确认“我买什么、付多少、接下来怎么付”。不是把所有支付图标都摆出来,而是把当前订单最需要的信息和动作放在正确位置。

第一眼看清订单与金额

商品名称、数量、优惠和最终应付金额保持一致。优惠变化或购物车更新后,服务端重新确认价格,再展示新的付款金额;不让按钮附近的金额与订单详情出现两个版本。

保留清楚的订单编号和返回业务页面的方式。长商品名称需要可读地换行,手机上不要让金额或支付按钮被固定底栏遮挡。用户不应为了核对价格来回翻页。

呈现当前可执行的选择

电脑网页展示二维码时,说明操作方式与订单有效状态;手机网页提供适合当前环境的支付动作。已失效的二维码应明确处理,不把刷新页面作为唯一解决办法。

支付方式较多时,以清楚的名称和可操作状态组织,不用难以辨认的图标让用户猜测。切换方式时保持原业务订单关系,防止同一商品生成多笔互相无关联的业务订单。

错误提示告诉用户下一步

将“订单已过期”“正在确认付款”“网络连接中断”和“请求参数错误”分开处理。面向顾客的提示用简单语言说明可采取的动作,技术细节记录到受控日志中,不把原始报错或敏感参数直接展示出来。

用户重复点击时显示当前提交状态,完成后恢复可操作状态。键盘用户应能顺序访问付款与返回入口,表单提示与出错字段对应,不能只靠颜色区分成功和失败。

支付结果能继续查询

成功页面展示订单及后续交付安排;结果未确认时提供查询与稍后查看入口。用户关闭页面后,仍可从订单列表找到交易,不能把单次浏览器跳转当成唯一回执。

上线前分别检查电脑、手机、弱网和浏览器返回场景,并记录顾客从下单到结果确认的操作路径。具体技术事项可按上线验收清单复核,手机环境可另读H5 支付接入。