小瞬间的结构
塞弗（2013）把微交互分为触发、规则、反馈、循环与模式。肯德里克（2018）说明其承担状态告知与防错作用。移动端可加入触觉反馈。
缩短等待的反馈
迈尔斯（1985）发现进度百分比提升满意度，哈里森等（2010）发现只改进度条动画就能缩短感知时间。可与骨架屏搭配，完成时的小庆祝会如峰终定律般改善记忆。
动效原则与无障碍
张与昂加（1993）将动画原理用于界面，希尔与罗伯逊（2007）证明过渡动画有助追踪变化。WCAG 2.2的2.3.3建议允许关闭交互动效，可用prefers-reduced-motion跟随系统设置，这是网页无障碍的体贴。
常见问题
- 微交互就是动画吗？
- 不是，动画只是呈现反馈的手段之一。
- 动画多长合适？
- 简短即时，只用有目的的动效。
来源核查日期：2026-10-27
参考文献
- Saffer, D. (2013). Microinteractions: Designing with details. O'Reilly Media. 提出触发、规则、反馈、循环四要素的原著。
- Kendrick, A. (2018, October 21). Microinteractions in user experience. Nielsen Norman Group. 以真实应用案例说明微交互的作用。
- 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. 仅改变进度条动画即可缩短感知等待。
- 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. 证明进度百分比指示提升满意度的经典研究。
- Chang, B.-W., & Ungar, D. (1993). Animation: From cartoons to the user interface. In Proceedings of the 6th Annual ACM Symposium on User Interface Software and Technology (pp. 45–55). ACM. 把卡通动画原理应用于界面的经典。
- Heer, J., & Robertson, G. (2007). Animated transitions in statistical data graphics. IEEE Transactions on Visualization and Computer Graphics, 13(6), 1240–1247. 证明动画过渡有助于追踪变化。
- World Wide Web Consortium. (2023). Understanding Success Criterion 2.3.3: Animation from interactions. In Understanding WCAG 2.2. 要求可关闭交互触发动画的标准。