Are web carousels out? 8 tips for mobile & desktop optimization

In the UX Spotlight series, we explore standout digital experience features from across the web, offering inspiration for teams looking to reduce friction and build more intuitive customer journeys.

Web carousels have been declared dead at least half a dozen times since their peak popularity in the early 2010s. Studies flagged low click-through rates. UX researchers questioned their usability. Design blogs wrote the obituaries.

And yet, carousels never quite went away.

In 2026, they're still one of the most-used elements on ecommerce homepages, category pages, and product landing pages. They're also still one of the most misused. The problem was never the carousel itself. It was the assumption that a carousel could do everything: showcase products, tell brand stories, drive clicks, and fill prime real estate all at once.

That assumption still causes problems today—especially as retail sessions get shorter, mobile traffic grows, and shoppers arrive having already scrolled through highly curated, fast-moving social content. With 77% of retail visits now coming from mobile devices, and retail consumption declining -14% as sessions compress, there's less patience than ever for UI elements that create confusion rather than clarity.

The debate isn't whether carousels work. It's whether you're using them for the right reasons—and whether you have data to prove it.

Key insights

• 77% of retail visits come from mobile, yet desktop still converts 40–70% higher—a gap that carousel design directly influences.

• Auto-advancing carousels with prominent navigation arrows are proven to distract users from panel content, not guide them through it.

• Carousels underperform for direct product promotion on desktop, but can drive strong engagement on mobile when images are the primary content.

• The optimal number of panels for a mobile carousel is four. Beyond that, interaction rates drop sharply.

• Most teams decide what goes in a carousel based on internal opinion. Zoning Analysis tells you what's actually working—and the results are often surprising.

• Retail consumption declined -14% in 2026, meaning every second on your homepage counts more than it did before.

1. Auto-Advancing Carousels Work Against You on Desktop

Behavioral data from Contentsquare research has consistently shown that prominent arrow navigation on desktop carousels creates a paradox: users engage heavily with the arrows themselves, but that interaction comes at the expense of engaging with the content inside the panels.

When users are focused on clicking to advance the carousel, they're not reading copy, processing your offer, or building intent to buy. The mechanical act of making the carousel move becomes the experience—not whatever you put inside it.

Auto-advancing carousels create an additional problem: they take control away from the user. Content that disappears before the visitor has finished processing it is content that effectively doesn't exist. The result is low click-through rates and high frustration, not because the content is bad, but because the format gets in the way.

The fix: If you use a carousel on desktop, let users control the pace. Opt for manual advancement only, keep navigation subtle, and ensure panels stay visible long enough to be read and absorbed.

2. Don't Use Carousels to Sell—Use Them to Tell

Carousels struggle as product showcases. When users are cycling through panels, they're managing the carousel's mechanics—counting panels, trying to find their way back to something that caught their eye—rather than evaluating what's in front of them. This creates distraction, not decision-making confidence.

Static product images and focused banners consistently outperform carousel panels for direct product promotion. If you want a shopper to consider a specific item or offer, give it its own dedicated space and let it breathe.

Where carousels genuinely shine is brand storytelling. When panels are populated with strong atmospheric imagery, lifestyle photography, or short brand-aligned messaging—designed to build feeling rather than drive an immediate click—carousels can be highly effective. They work as an experience-builder, not a conversion tool.

The rule: Ask what job you're giving your carousel. If the answer is "sell this product," reach for a different format. If the answer is "express who we are," a carousel can deliver.

3. Mobile Carousels Are a Different Story

On mobile, the behavioral picture flips. Where desktop carousels struggle with unintuitive arrow-clicking, mobile carousels benefit from one of the most natural gestures in UX: the horizontal swipe.

When content is primarily image-based and panels are clean and uncluttered, mobile carousels drive strong interaction. Swiping through visual content on a touchscreen is a familiar, low-friction action—the same fundamental gesture users make dozens of times a day on social platforms and apps.

This is worth paying attention to, especially as paid social now drives 13% of retail traffic (up +18% year over year). Shoppers arriving from Instagram or TikTok are already primed for visual, swipeable content. A mobile carousel that mirrors that interaction pattern is not fighting against user behavior—it's working with it.

4. Four Panels. That's the Limit.

On mobile, interaction rates don't decline gradually as you add more panels—they fall off a cliff after four. The fourth panel typically receives healthy engagement. The fifth panel and beyond are largely ignored.

The same discipline applies to panel design: keep each panel focused on a single image, message, or call to action. Cluttered panels with multiple products or competing text blocks lose the clarity that makes mobile carousels work in the first place. Keep the zoom function enabled so users can explore images more closely—it signals confidence in your visual content and respects the shopper's need to inspect.

The rule: Four panels maximum on mobile. One focus per panel. Let the image do the work.

5. Stop Guessing. Let the Data Decide.

Most carousel decisions are made in a meeting room, not based on what users actually do. Someone argues for the hero offer. Someone else pushes for the brand campaign. The loudest voice wins.

Zoning Analysis changes that conversation entirely.

By mapping engagement across every element on a page—scroll depth, click rate, exposure rate, attractiveness, and revenue contribution—it shows exactly which parts of your homepage or category page are driving behavior and which are being ignored. The results consistently challenge assumptions.

"We were using Zoning Analysis to understand where revenue was coming from," says Michael Heinley, Senior Director of Product Management at Decathlon. "The footer of our homepage with gifting produced as much revenue as the three giant banners above it. It allowed us to allocate resources toward gift cards and change the experience; it led to a 20% year-over-year increase in gift cards during holiday season, contributing to 4% of growth."

The hero carousel had all the prime real estate. The footer quietly outperformed it. Without Zoning Analysis, that finding would never have surfaced.

Jeannette Brown, Senior Manager of Business and Customer Data at Mercedes-Benz, has seen the same effect in her team. "Heatmaps are a game-changer—we now include them in every presentation. They settled debates like whether to surface offers in the hero."

Contentsquare's Zoning Analysis gives you engagement metrics by element across desktop, mobile, and app—clicks, swipes, dwell time, scroll reach, and their downstream connection to purchase. It's the difference between designing by opinion and designing by evidence.

6. Page Performance Is Non-Negotiable

Carousels built on large, unoptimized image files are a direct threat to page speed—and in 2026, slow pages are both a UX failure and an SEO penalty. Search engines prioritize fast, user-friendly experiences. Visitors who hit a slow-loading page don't wait.

If you run carousels, optimize every asset: compress images without sacrificing quality, implement lazy loading so off-screen panels don't delay above-the-fold content, and test your Core Web Vitals regularly. A carousel that performs beautifully in a desktop design review but drags page load by two seconds is a carousel that's costing you.

The Takeaway

Web carousels aren't the problem. Uninformed carousel use is.

On desktop, auto-advancing sliders with heavy navigation distract more than they engage. For direct product promotion, static formats outperform. But for brand expression, and especially on mobile where swiping is intuitive, carousels can be genuinely effective—when kept focused, limited to four panels, and built around imagery rather than text-heavy messaging.

The most important shift any team can make isn't a design decision—it's an analytical one. As Kim Efonye, Senior Analyst and Ecommerce Optimization Specialist at Olaplex, puts it: "Everyone has an ideal opinion of what a homepage or a specific page should look like but with Contentsquare, we had real user data, which became our source of truth versus guesswork."

Build your carousel strategy on what your users actually do. The evidence is already there—you just need the tools to read it.