CampusDownWiki
累计引用 16,021한국어KO 2,699EnglishEN 11,007日本語JA 772中文ZH 1,543
CampusDown(韩语)↗
简体中文

轮播图

⚙️ 工程与技术 作者 CampusDown 维基编辑部 最后更新
轮播图是把图片或卡片等多项内容叠放在有限区域内,自动或由用户滑动、点击控件逐一切换展示的界面元素。
目录
  1. 1. 为何轮播常被忽视
  2. 2. 移动端有何不同
  3. 3. 非用不可时
  4. 4. 常见问题
  5. 5. 参考文献

为何轮播常被忽视

醒目的广告式区域常被忽略(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

参考文献

  1. Pernice, K. (2013, September 14). Designing effective carousels: Create a carousel that users can use. Nielsen Norman Group. 轮播可用性指南。
  2. 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. 首次报告“横幅盲区”。
  3. 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. 动态横幅妨碍搜索且不被记住。
  4. Rensink, R. A. (2002). Change detection. Annual Review of Psychology, 53, 245–277. 人常常错过画面变化。
  5. Simons, D. J., & Chabris, C. F. (1999). Gorillas in our midst: Sustained inattentional blindness for dynamic events. Perception, 28(9), 1059–1074. 专注时会对眼前事物视而不见。
  6. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.2.2要求可暂停自动移动内容。
  7. 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. 小屏注意力集中于顶部。

运用该理论的报告与资料(韩语)

目前还没有专门讨论该理论的资料,但你可以在 CampusDown 资料库(韩语)中搜索相关报告。

查找更多报告 · 查看“캐러셀”搜索结果 →

推荐阅读的理论

最新文章查看全部 ›

大学学习与作业实用新文章(韩语)

本文最后更新于2026年10月27日。内容依据公认的原著和教科书整理;在报告中引用时,请务必核对下方参考文献中的原始出处。