Why carousels go unseen
Benway (1998) reported banner blindness, users ignoring large flashy ad-like areas, and Burke et al. (2005) showed animated banners hinder search yet are forgotten. People miss changes (Rensink, 2002) and, when focused, fail to see what is in front of them (Simons & Chabris, 1999). So slides after the first in a big hero carousel rarely reach most users.
What differs on mobile
Small-screen attention concentrates at the top (Kim et al., 2015), so a full-width carousel pushes key content down. Horizontal lists that reveal part of the next card signal more content and are user-driven, avoiding auto-rotation, fitting recommendations or category shortcuts. Check swipes do not clash with gesture navigation back gestures.
If you must use one
Per Pernice (2013), keep few slides (usually five or fewer), show position and count, and keep each message short. Put the key message first and do not let the carousel dominate visual hierarchy. Avoid auto-rotation; if used, WCAG 2.2 (W3C, 2023) 2.2.2 requires a pause control. Support screen readers, keyboards and adequately sized previous and next buttons for mobile accessibility.
FAQ
- Are carousels always bad?
- No; user-driven product galleries and horizontal card lists work well for browsing similar items.
- How fast should auto-rotation be?
- Avoid it if possible; otherwise allow ample reading time and a pause button.
Sources reviewed: 2026-10-27
References
- Pernice, K. (2013, September 14). Designing effective carousels: Create a carousel that users can use. Nielsen Norman Group. Usability guidelines for carousels.
- 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. First report of banner blindness.
- 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. Animated banners hinder search and are forgotten.
- Rensink, R. A. (2002). Change detection. Annual Review of Psychology, 53, 245–277. People often miss visual changes.
- Simons, D. J., & Chabris, C. F. (1999). Gorillas in our midst: Sustained inattentional blindness for dynamic events. Perception, 28(9), 1059–1074. Inattentional blindness during focused tasks.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criterion 2.2.2 pause, stop, hide.
- 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. Small-screen attention concentrates at the top.