为完成支付,客户需填写大量字段,易产生冗长感(参考:导致购物车放弃的十个原因)。通过显示“进度指示器”可有效缓解这一问题。
借助“进度指示器”,用户能准确判断已完成多少支付流程及剩余步骤。
“进度指示器”主要有两大目的:一是明确告知客户当前所处支付阶段;二是允许用户在修改信息时返回上一环节。
尤其在移动端输入速度较慢的情况下,这一点至关重要。若缺失进度提示,会给用户造成“支付流程比实际更长”的错觉,进而导致购物车放弃。
支付流程中必须显示“进度指示器”。
方法①:使用面包屑导航方式显示
在网站中展示“进度指示器”有多种方式。在移动端,可将支付流程以“面包屑导航”形式置于屏幕顶部,让客户清晰了解已完成步骤、当前步骤及剩余步骤。
如上图所示,以“账单地址 > 配送地址 > 支付 > 确认”的形式显示在购物车图标旁,用户可直观看到仅剩2个步骤。
方法②:显示标题和步骤数
受限于移动屏幕空间,有时难以完整展示所有支付步骤。此时可采用类似“3/5 账单地址”的形式,将当前步骤数与标题结合显示。也可设计为点击展开或收起的交互样式。
通过显示步骤数和标题的设计,帮助用户掌握当前进度情况。
◇◇◇
下期将讲解配送地址和账单地址的设置要点,敬请期待。
【什么是适合移动优先的支付流程?】本节回顾
- 简介:导致购物车放弃的十个原因
- 改进建议①:提供并突出显示访客购买选项
- 改进建议②:提供合适的触摸键盘布局
- 改进建议③:信用卡栏位自动插入空格,匹配实际卡号格式
- 改进建议④:信用卡有效期栏位格式与实际卡片保持一致
- 改进建议⑤:显示进度指示器 ←本次内容

