
A wonderful illustration by Jacky Gilbertson ( Large preview) Carousels come in various sizes and flavors. They often make a quite lavish appearance in image galleries and news items, on landing pages and on corporate websites - and especially for onboarding, testimonials, and product highlights. Yet somehow carousels still manage to find their way to websites and applications. Add to it small progress dots with tiny tap areas, barely visible labels and a bit of parallax, and you have a quite troublesome design pattern in your hands.

They have plenty of accessibility issues, they often exhibit low click-through rates, can be very disruptive when auto-advancing and people frequently scroll past through them.

You can find more examples in “Smart Interface Design Patterns”, a 9h-video course with 100s of hand-picked examples, curated by Vitaly.Ĭarousels don’t have a good reputation, and rightfully so. In this series of articles, we highlight design patterns and techniques to design better interfaces.
