想象一下,用户正在电子商务网站中下订单,他们跳转到付款页面,但却意外点了两次“下单”按钮。用户为一个订单付了两次款,他们对商家很不满意。[1]
虽然设计人员无法改变用户的按钮点击习惯 ,但他们能改变用户双击按钮后的响应方式。使用进度按钮能避免重复订单问题,它在用户首次点击按钮后,通过禁用按钮以防止重复订单。进度按钮在按钮上显示进度条,让用户了解订单处理状态。用户能看到明确、即时的反馈,他们就不会感觉有必要重复点击按钮。
用户双击按钮的原因
用户双击“下单”按钮的原因很多。有些页面在按钮首次点击后加载特别慢,会让用户疑惑点击操作是否有效,他们最终还会再次点击按钮以确保操作有效。而到那时,用户已经已经提交了多次订单。
研究发现很多老年用户(不低于50岁)习惯双击按钮,这会导致重复“添加到购物车”动作,用户得在付款页面移除额外添加到购物车中的物品,如果他们没有注意到购物车中重复的采购物品,就会支付额外的费用。
双重麻烦
表单重复提交不止发生在电子商务网站,用户在线支付、发送消息或下载文件时也会发生。没有人愿意不嫌麻烦地纠正重复动作,有时候重复动作的后果不可逆转。设计人员需要防止产生表单重复提交,通过使用进度按钮,能够减少用户的麻烦,降低他们的挫折感。
原文地址:https://uxmovement.com/buttons/prevent-duplicate-orders-with-progress-buttons/
[1]原文:Imagine a user placing an order on an e-commerce website. They get to the checkout page and accidentally click the ‘order’ button twice. Now they just got billed double for the same order, and they’re not happy with the merchant.