{{ searchResult.published_at | date:'d MMMM yyyy' }}

Loading ...
Loading ...

Enter a search term such as “mobile analytics” or browse our content using the filters above.

No_results

That’s not only a poor Scrabble score but we also couldn’t find any results matching “”.
Check your spelling or try broadening your search.

Logo_distressed

Sorry about this, there is a problem with our search at the moment.
Please try again later.

I wrote a post on the use of carousels on ecommerce sites earlier this year, and the general consensus was negative towards them, with some feeling that such space could be put to better use. 

However, is this just because many carousels haven't been implemented properly?

In his latest Alertbox post, Jakob Nielsen looks at how to make them more effective. Here are some of his suggestions, and examples of good implementation from ecommerce sites. 

What are carousels? 

Here's a few examples. On Debenhams, the carousel takes up much of the space above the fold: 

Here's another from Curry's: 

Pros and cons of carousels

Pros

  • Carousels enable the same piece of homepage real estate to display different content, thus satisfying the demands of different departments and stakeholders within the business. 
  • Because more is shown above the fold, there's more chance of customers seeing it. 
  • It allows sites, especially department stores, to cover all bases so that customers may see a promotion or product that appeals to them. 

Cons

  • Navigation problems. Some navigation is so subtle that customers can't find their way back to the part of the carousel that appealed to them.
  • Key promotions receive less attention. Three or four messages or promotions each receives less attention than they would without the carousel. 
  • They often don't work. There have been studies into the effectiveness of carousels, and the results aren't great. Here, Conversion XL sets out some reasons to ditch them. 
  • They move too quickly. Auto-forwarding of carousels can be a problem, especially if they move too quickly (check Boots' version). This means that customers can't actually take in the information.

Can carousels be improved? 

The answer, according to ecommerce consultant Dan Barker, is yes, if care is taken over usability and targeting:

They're good but, if you use them badly, they're bad. Lots of the criticisms of them are easy to mitigate in a way that retains the benefits. For example, if you can display them differently to different user groups, that can work well. In general, sites make them move too fast.

So, some of the drawbacks are due to carousels being implemented incorrectly, not necessarily because the whole concept is flawed.  

Nielsen is sceptical about them, and does suggest that hero shots may be more effective for some sites. He does provide some tips for improving carousels, "if you decide the carousel is your superman after all".

Tips for improving carousel UX

Use fewer slides within the carousel

Neilsen recommends five slides or fewer, to more it more likely that the content will be seen.

This is still quite a lot though, and I do wonder whether using just two or three, as Debenhams does, may be more effective. It's certainly worth testing. 

Clear text and images

If you're going to display promotions in carousels, images and text should be easy to digest as they move from one slide to another. 

Here on Selfridges, the image is clear and the calls to action simple: 

Provide navigation cues

Makes sure customers know how many slides there are, and where they are in the 'progression'. This helps people to control the carousel, and to skip back to a slide that piqued their interest. 

Here, the radio buttons and arrows on TopShop indicate both of these things, and allow customers to navigate:

However, Nielsen does recommend that navigation controls appear inside the carousel, so they are not lost below the fold. 

By this measure, Schuh provides a better example. The arrows indicate navigation, while the labels at the bottom, within the carousel, allows users to go straight to the slide they want to see. 

Slow it down

A fast moving carousel makes it harder for customers to absorb the images and information presented in each slide, and thus causes frustration. 

The Ben Sherman site has just two slides, but they move way too quickly.

Allows users to pause

Boots has a particularly fast-moving carousel, but it does get some things right. The navigation is clear, and it has a pause button. 

boots carousel

In summary

If you're going to use carousels, then at least ensure that you address the potential drawbacks and test to make them as user-friendly as possible. 

Also, be aware that many customers are only going to see one or two slides. And, as studies have shown, the first slide is always more likely to get the clicks, so optimise accordingly. 

I'd also recommend trying a hero shot instead, and comparing this to the carousel for effectiveness. It may be that that the former works better. 

Do you use carousels on your ecommerce site? Have they worked for you? Have you tested alternatives? Please let me know below...

Graham Charlton

Published 16 September, 2013 by Graham Charlton

Graham Charlton is the former Editor-in-Chief at Econsultancy. Follow him on Twitter or connect via Linkedin or Google+

2565 more posts from this author

Comments (9)

Comment
No-profile-pic
Save or Cancel
Avatar-blank-50x50

AZ

Personally I like carousels if they are designed well, they can make the homepage very clean and key messages focused. Giving user navigation control is a good idea. In addition I find Apple's alternative use of both horizontal and vertical carousel design is eye-catching (horizontal for homepage and vertical for product page), if it can be called 'vertical'.

almost 3 years ago

Avatar-blank-50x50

Angeline Simanullang, Digital Business Head at PT.Mitraguna Adikriya - MACS909

Just found out the term 'carousel' now... Interesting. We have been mentioning it as 'slide banners'. I think it works well to display the highlighted contents. We have used it in some of branded websites. The navigation should be easy for user to skip or slide back, not too fast to grab the message, must be clear on what page the slide brings the user to.

almost 3 years ago

Avatar-blank-50x50

Kathryn Green, Marketing Manager at Poq Studio

Google released some interesting research showing that users prefer website designs that look both simple and familiar. If everyone in your sector uses carousels/sliding banners (which is true for online fashion retailers), it may be more harmful NOT to use them, even if UX research indicates the opposite.

You can see the Google article here: http://googleresearch.blogspot.co.uk/2012/08/users-love-simple-and-familiar-designs.html

A lot of fashion brands even use cut-down carousels on their mobile sites - not sure of the effectiveness of this approach though.

almost 3 years ago

Avatar-blank-50x50

Jeremy Swinfen Green

There are some good common sense tips for using carousels here. But I do wonder about them. Their use assumes that visitors hang around to see what comes next and I am not convinced many people do this. A random (or ideally targetted) display of different static images to visitors might well be more effective. It should satisfy competing stakeholders. In addition people would not be distracted by the movement of the carousel. Of course every audience is different (visitors to fashion or travel sites might well respond to the "inspire me" element of carousels). A/B testing is probably a pretty good way of deciding for most sites.

almost 3 years ago

Steven Wilson-Beales

Steven Wilson-Beales, Content Strategist at Consultant

Have to say click-through has always been poor on the sites I've worked on - most of these have been news sites/portals.

I think they are only of value if they add to the storytelling - the Guardian have a carousel, but it's really a photo gallery for a news story: http://www.theguardian.com/uk.

almost 3 years ago

Avatar-blank-50x50

Nick

Personally I don't have strong feeling either for or against the use of carousels.

However, in your article you say...

"Key promotions receive less attention. Three or four messages or promotions each receives less attention than they would without the carousel."

But clearly, for an important promotion, or newsworthy event, there is nothing stopping the carousel being loaded with 3 or 4 images which all relate to that one event.

To my mind, done well this could enhance the promotion.

I didn't think any of the negatives were strong enough reasons to give up on carousels.

almost 3 years ago

Robert Yardy

Robert Yardy, Marketing Manager at MMT Digital

Really nice blog post.

One carousel that I think can be included in the success column is that which resides on the Sky Sports website: http://www.skysports.com/

I like how you can see all stories that are within the carousel and the interactive functionality it offers e.g. click a pending story to move it into the main carousel position.

almost 3 years ago

Graham Charlton

Graham Charlton, Editor in Chief at ClickZ Global

@Nick from speaking to ecommerce folks about this, I'd say the balance of opinion is anti-carousel, but a lot of the problems with carousels can be mitigated by using some of these tips.

I'd recommend testing their effectiveness against alternatives like hero shots, as well as testing things like number of slides, speed of movement, navigation cues etc.

almost 3 years ago

Avatar-blank-50x50

techie_beckie

Nothing wrong with sliders 'IF' they are executed properly. e.g. user knows where they are in a sequence, how to navigate through easily, not too much information to see or read, can find an onward journey.

Interaction should be just as much of a design as the graphics or the experience.

almost 3 years ago

Comment
No-profile-pic
Save or Cancel
Daily_pulse_signup_wide

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Daily Pulse newsletter. Each weekday, you ll receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.