Glossary
web-design
Carousel
Definition
A rotating display of images or content that users can scroll through, often featured prominently on homepages.
What is a Carousel?
A carousel (also called a slider or slideshow) is a component that cycles through multiple pieces of content in the same space. Users can navigate using arrows, dots, or swipe gestures, or the carousel may auto-rotate.
They're commonly used for hero images, product features, testimonials, and image galleries.
The Carousel Controversy
Carousels are one of the most debated elements in web design.
Arguments Against
- Low engagement - Studies show most users only see the first slide
- Slow performance - Multiple images affect page speed
- Accessibility issues - Auto-rotating content is problematic for screen readers
- Mobile friction - Small swipe targets frustrate users
- Decision avoidance - Often used when stakeholders can't agree on what to feature
Arguments For
- Space efficiency - Multiple messages in one location
- Visual interest - Movement catches attention (briefly)
- Showcasing variety - Useful for portfolios or product ranges
- User control - When navigation is clear and auto-rotate is off
If You Must Use a Carousel
| Practice | Why It Matters |
|---|---|
| Disable auto-rotate | Users need time to read |
| Clear navigation | Obvious arrows and indicators |
| Limit slides | 3-5 maximum |
| Most important first | Assume most won't see slide 2 |
| Pause on hover | Let users stop to read |
Alternatives to Consider
- Static hero with clear CTA
- Tab interfaces for multiple messages
- Linked thumbnails to full images
- Simply stacking content vertically