加载按钮

点了却没反应

约0.1秒感觉即时，1秒保持流畅，超过10秒注意力离开（Miller, 1968; Card et al., 1991; Nielsen, 1993）。0.1秒内无变化用户就会再点，导致重复支付。即时的微交互可防止。

在按钮内显示

显示进度让等待更可忍受（Myers, 1985）。固定宽度，显示小转圈与“支付中…”。超过10秒用进度指示器（Sherwin, 2014），整屏等待用骨架屏。动画也改变体感时长（Harrison et al., 2010）。

结束与无障碍

成功时短暂显示对勾再恢复，失败时重新启用并说明原因，并设超时。按WCAG 2.2的4.1.3用aria-live播报“处理中”。

常见问题

加载时要禁用按钮吗？

是的，以防重复，但要清楚显示状态。

何时改用进度指示器？

耗时数秒以上的任务。

来源核查日期：2026-10-27

参考文献

1. Miller, R. B. (1968). Response time in man-computer conversational transactions. In Proceedings of the December 9–11, 1968, Fall Joint Computer Conference, Part I (pp. 267–277). ACM. 响应时间阈值的经典。
2. Card, S. K., Robertson, G. G., & Mackinlay, J. D. (1991). The information visualizer, an information workspace. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 181–186). ACM. 0.1秒、1秒、10秒时间常数。
3. Nielsen, J. (1993, January 1). Response time limits. Nielsen Norman Group. 三个响应时间界限。
4. Myers, B. A. (1985). The importance of percent-done progress indicators for computer-human interfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 11–17). ACM. 进度指示让等待更易接受。
5. Harrison, C., Yeo, Z., & Hudson, S. E. (2010). Faster progress bars: Manipulating perceived duration with visual augmentations. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1545–1548). ACM. 动画改变感知时长。
6. Sherwin, K. (2014, October 26). Progress indicators make a slow system less insufferable. Nielsen Norman Group. 转圈与进度条的选用。
7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 4.1.3状态消息。