为何轮播常被忽视
醒目的广告式区域常被忽略(Benway, 1998),动态横幅妨碍搜索且不被记住(Burke et al., 2005)。人易错过变化(Rensink, 2002),专注时会视而不见(Simons & Chabris, 1999)。
移动端有何不同
小屏注意力集中在顶部(Kim et al., 2015)。露出下一张卡片的横向列表提示还有内容,由用户自己滑动。注意不要与手势导航冲突。
非用不可时
张数要少并显示位置(Pernice, 2013),不要压过视觉层级。若自动轮播须按WCAG 2.2的2.2.2提供暂停,并兼顾移动端无障碍。
常见问题
- 轮播一定不好吗?
- 不,用户自主滑动的商品图集等很有用。
- 自动轮播多快合适?
- 尽量避免,若用须提供暂停。
来源核查日期:2026-10-27
参考文献
- Pernice, K. (2013, September 14). Designing effective carousels: Create a carousel that users can use. Nielsen Norman Group. 轮播可用性指南。
- Benway, J. P. (1998). Banner blindness: The irony of attention grabbing on the World Wide Web. Proceedings of the Human Factors and Ergonomics Society Annual Meeting, 42(5), 463–467. 首次报告“横幅盲区”。
- Burke, M., Hornof, A., Nilsen, E., & Gorman, N. (2005). High-cost banner blindness: Ads increase perceived workload, hinder visual search, and are forgotten. ACM Transactions on Computer-Human Interaction, 12(4), 423–445. 动态横幅妨碍搜索且不被记住。
- Rensink, R. A. (2002). Change detection. Annual Review of Psychology, 53, 245–277. 人常常错过画面变化。
- Simons, D. J., & Chabris, C. F. (1999). Gorillas in our midst: Sustained inattentional blindness for dynamic events. Perception, 28(9), 1059–1074. 专注时会对眼前事物视而不见。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.2.2要求可暂停自动移动内容。
- Kim, J., Thomas, P., Sankaranarayana, R., Gedeon, T., & Yoon, H.-J. (2015). Eye-tracking analysis of user behavior and performance in web search on large and small screens. Journal of the Association for Information Science and Technology, 66(3), 526–544. 小屏注意力集中于顶部。
