A carousel display makes sense if the existing web design format is in alignment. You can refer to this checklist if you’re unsure about when to use carousel images on your eCommerce site, and when to give them a miss. When to use carousel sliders (and when not to)
MOBILE IMAGE CAROUSEL HOW TO
Now that you’re aware of the problems associated with using image carousels, let’s look at some reminders of how to use them better-if you feel you just have to use them. 11 friendly reminders for eCommerce image carousels Or for the worst part, ignore them altogether. This is again an example of a faulty carousel UX design since users will have to pinch and zoom to view the sliders. Hence large-sized eCommerce carousels are bad news for conversions.Į) They’re not responsive - Image carousels that are created for desktop work poorly on mobile devices since they’re not customized for vertical viewing. Even a 1-second delay in page speed can lead to a 7% decrease in conversions. This can severely impact the image carousel conversion rate.ĭ) They’re bad for site speed - If you have about 4–5 high-quality image sliders, it may get difficult for users to load the page. However, they may be placed in different locations in different slides. Almost all slider images for eCommerce websites have call-to-action (CTA) buttons. This makes users feel a lack of control and ends up in poor carousel interaction. Carousel navigation can also get difficult when there are no specific arrows pointing towards a movement. Moreover, automated sliders can also shock users since they’re not aware of when the sliders will switch. Too many competing messages can compel the user to be overwhelmed and choose nothing in the end.Ĭ) They’re confusing - It’s easy for users to miss them since they look like ads-this is known as banner blindness. Using multiple sliders on your eCommerce websites can also lead to decision paralysis for users. This hampers carousel usability to a great extent.ī) They’re too many - As the research points out, most often it’s the first image slider that gets the most clicks and views. The auto-rotating sliders can also pose a challenge for people with disabilities. Even if a user is interested in the information on one slide, it changes so fast that they may end up failing to register the information. So, auto-moving sliders increase the chance of the message getting missed. Thus rapid movements can distract the eye from registering messages. There are several other experiments that have been carried out to test the effectiveness of rotating banners.Įvery single one of them points to the following challenges users face while navigating eCommerce image carousels:Ī) They’re too fast - Psychologically, the eye is receptive to movements. His study revealed that only 1% of visitors clicked on web sliders, be it static or rotating. Most tests done by CRO experts prove otherwise.Įric Runyon carried out a study to discover how image carousels performed on the Notre Dame website. Are image carousels dead?ĭo carousel banners work in today’s eCommerce sites?
MOBILE IMAGE CAROUSEL MANUAL
Auto-rotating carousel images move on their own, without manual intervention by the visitor. Static carousel display comes with indications for navigation, for example, arrows on the left and right. These are usually placed above the fold.īased on their movement, image carousels can be static or auto-rotating. There are various names used for image carousels such as web sliders and sliding banners. More about that a little later, first let’s take a quick look at what image carousels really are. Research has proven time and again that image carousels have abysmal clickthrough rates. The idea wasn’t too bad: using carousel sliders to promote your latest eCommerce offerings and deals.
![mobile image carousel mobile image carousel](https://icdn3.digitaltrends.com/image/dropbox-carousel-app-1200x630-c-ar1.91.png)
There was a time when image carousels carried a wow factor.