Are carousels effective?

  • Go to just about any eCommerce site and the homepage is nearly guaranteed to feature a carousel - an auto-rotating panel, usually with some sort of small navigation, usually highlighting new product releases, sales or offers.

    Are there any studies out there that look into how effective carousels actually are in terms of conversions and as compared against other ways of displaying similar information? I have a hypothesis that they might be something of a UI cliche, partially supported by looking at click data from some of our own sites.

    I would love to upvote some of these answers, but none of them have cited any ***sources***.

    @Alex G and zzzzBov - The type of client you refer to often needs to witness first hand the implications of their requirements or stubbornness on the site that they are responsible for. Sources and citations that contradict the norm or go against what the 'competition do' hold little weight. To disregard what is seen to be the norm is usually quite uncomfortable for the person who's career is directly related to the success of a product or service. Of course in some situations a carousel is exactly the right means to deliver content and so we need to try and importantly test every situation.

    This is a carrousel explaining why the answer is no, and cites several examples. http://shouldiuseacarousel.com/

    Someone, at some point, will have to make the distinction between a single item carousel and multi item one (such as that seen on Amazon's "Also Bought" pattern. I believe the latter should be termed *collection scroller* and I strongly suspect the two differ greatly in their usability.

    IIRC multi-item carousels at Sears were prized for their click-through rates but at the time (08-ish), it took up to 8 slow-loading sometimes browser-locking pages of upsells and verifications to buy something after you pulled the trigger on an item, so I'm not sure the folks that were best-informed on UX practices were having much impact. At one point we had a view with like 5 of the silly things. One of my proudest UI widget creations and no doubt completely pointless.

    If all you care about are *conversions*, then you're not actually focusing on user ***experience***. (I hope the field of UX has not become so corrupted that this is standard, and that it is now essentially a branch of sales & marketing.) Other than that I think this is an excellent question.

    We use a carousel on our homepage to satisfy the business' competing demands for prime real estate to promote x, y and z. But our data mostly only shows a significant increase in clicks on the first item in the carousel for the first few days after a new item has been added. Users don't stay on the homepage long enough to view all 4-5 items so most will get ignored. I personally don't care for carousels in general, but it makes the business happy.

    This was published very recently: **An Exploration Of Carousel Usage On Mobile E-Commerce Websites** http://www.smashingmagazine.com/2015/02/09/carousel-usage-exploration-on-mobile-e-commerce-websites/ A good read if you ask me :)

    @zzzzBov, good source: http://shouldiuseacarousel.com/ Even the source code of the source is helpful.

    I feel like the better question to ask would be: "What is the most effective way to use carousels?" rather than asking whether they are effective or not. As with most design patterns, there are problems that are optimal or suitable for implementation a particular design solution.

  • Almost all of the testing I've managed has proven that content delivered via carousels are missed by most users. Few interact with them and many comment that they look like adverts — we've witnessed the banner blindness concept in full effect.

    In terms of space saving and content promotion, a lot of competing messages get delivered in a single position that can lead to focus being lost.

    I'm quite certain that they are indeed a user-interface cliché borne out of their inclusion in wire-framing apps and being part of JavaScript frameworks.

    Thanks for your feedback, Adam. I always suspected they were born out of a mixture of easy implementation (jQuery) and clients *still* demanding that content be featured above the fold.

    I want to add that the data I have seen at my places of work came to the same conclusion.

    Not many months ago all and every site proudly exhibited a _tag cloud_, remember? Now if you see one you guess that it's a seldom updated site. With carrousels it might happen the same, or not. We are in the process of finding out which is their possibly narrow application area. But indeed, much narrower than today.

  • Carousels are effective at being able to tell people in marketing/senior management that their latest idea is now on the home page.

    They are next to useless for users and often "skipped" because they look like advertisements. Hence they are a good technique for getting useless information on a home page (see first sentence of this post).

    In summary, use them to put content that users will ignore on your home page. Or, if you prefer, don't use them. Ever.

    By the way, these views are not my own, but are based upon observing thousands of tests with users.

    Haha, "scathing" is probably a good one word summary of your reply. Cheers, Lee. Agreed.

    I don't 100% agree with this. In many cases, the way the carousel is implemented can be ignored - but, there are markets and applications which are effective and not overlooked. Examples of sites/apps which have a high clickthrough: Hulu.com, BuildwithBMC.com, Apple's App Store...

    I personally hated it on Hulu and never really paid attention to it unless the main or second article in it was interesting to me. By the time the second article was phasing in I was already on my way to my queue or browsing through their library. There's one up front in center on IGN that's rather huge, and unless the main article catches my attention I scroll down past it every time and consider it an advertisement more than news.

    9 years old and just as relevant today as it was back then. Early in my career, I often gave in pushed content to a carouse. Whomever was signing my cheque had some content that they'd stall the entire project over if it didn't go in, in spite of all research before (and metrics afterwards) showing nobody read. Carousels are for the page's owner, not its readers.

  • As a user I find carousels faintly annoying:

    1. Most have usability fail which I fall into the categories described in this article:

      5 Big Usability Mistakes Designers Make on Carousels

    2. No ability to bookmark a particular item on the carousel, for example take a look at the BBC News photo carousel they use: http://www.bbc.co.uk/news/world-africa-14619799 There's no way for me to bookmark the sixth item and send a link.

    3. Carousels that don't allow me to right click on an item and "open in new tab/page" - flash carousels

    4. Carousels that have unpredictable non-intuitive navigation such as rotating content for no good reason just because you moved your mouse over it.

    Good points -- that BBC example is pretty grim. I realise this isn't answering the OP's question, but... Carousels are like scrollbars, only worse: you can't see how much content is available, you have to keep clicking to see more content (rather than dragging a slider), they all work slightly differently (and users struggle enough as it is, even with the most common and highly standardised interface elements) and all carousels seem to suffer glitches in terms of code and UI (the BBC Glow code has weird 'carousel-pad' items at the end of the carousel list, for example).

    Your item #2 also applies to trying to direct a friend to the sixth paragraph of a news story.

    #3 is really a *Flash* problem, not specifically related to whether you're using a carousel or not.

    Your point 2 is something of a strawman: it's rare to be able to bookmark or link to the middle of a page that doesn't use carousels, too. As it happens, he BBC has stopped using carousels for image galleries (e.g., this one). But you still can't link to the middle. At least the carousel said "Image x of y" at the bottom so you could link to the page and tell somebody to skip to the xth image without having to scroll slowly through the gallery, counting

  • In all the testing I have done, home page carousels are completely ineffective.

    For one, anything beyond the initial view has a huge decrease in visitor interaction. And two, the chances that the information being displayed in the carousel matches what the visitor is looking for is slim. So in that case the carousel becomes a very large banner that gets ignored. In test after test the first thing the visitor does when coming to a page with a large carousel is scroll right past it and start looking for triggers that will move them forward with their task.

    The only exception I found was when testing around a holiday and the carousel spoke specifically to that holiday there was an increase in the amount of clicks a visitor had with the carousel.

    Another exception I have found: Carousels used on an intranet we have found to be quite well used (purely from looking at analytics data). I assume this is because the user of an intranet doesn't dismiss them as an advert as they know the intranet has no ads.

  • I do not use or suggest the use of carousels. The changing of images can distract users when they read text on the page.

    You might find some interesting information at http://digitaleskimo.tumblr.com/post/752912498/image-carousel-appropriateness

    https://blinkux.com/ideas/usability-highlights-2008-beyond does not dispute the use or causeless, but offers some tips in the "Avoid giving users a confusing ride on your carousel" section.

    I'm going to give this post the bounty, even though it's an old post. This is because following the first link in your post led me to this: http://www.ojr.org/p1639/ which is an actual study. Still not especially conclusive though, but interesting none-the-less.

    Shame the screenshots and live examples are offline in that article you linked; a good read though, nonetheless, @JonW

    Fixed @JonW's link thanks to Kathy E Gill on twitter Images are still broken but the article's titled "Taking a ride with carousels" and the text is all intact.

  • Some research into Carousels usage on University of Notre Dame website has some interesting findings:

    Approximately 1% of visitors click on a feature. There was a total of 28,928 clicks on features for this time period. The feature was manually "switched/rotated" a total of 315,665 times. Of these clicks, 84% were on stories in position 1 with the rest split fairly evenly between the other four (~4% each)... ("Feature" refers to the individual calls-to-action that are either manually or automatically rototated in and out of view.)

    The article also discusses the difference between Static carousels (i.e. ones that require manual use to scroll) and Auto-forwarding Carousels. Surprisingly the Auto Forwarding ones recieve the highest usage (8.8% of visitors clicked on the carousel - 40% of those clicks were for the item on the first slide). However the article also references the Nielsen group article stating that auto-forwarding carousels are not a good user experience)

    For Static carousels the average click rate was between 1.7 - 2.3%, again with the first item in the carousel recieving significantly higher selection (48-62%).

    The main article source for this content is from weedygarden.net

  • We have built these for clients in the past with the main driving force being SEO. (Carousel images with text / links overlayed). They are a way to cram a lot of content onto the main homepage without looking like you are 'gaming' the search engines or keyword stuffing.

    We do try to make them as efficient and usable as possible, but they are requested by the marketing people because they look 'modern' and provide the ability to increase the amount of copy on the homepage without bombarding the user with useless information.

    They have also been used because different areas of the business don't want sites to give too much emphasis to 'X' product / service, so providing the master 'hero' image as a rotating image then various areas of the business can have their main product in the pride of place at the top of the homepage all at the same time.

    So yes, in my experience they're primarily a marketing tool and not particulary built with the user in mind.

    Eeek, looks like the evidence is adding up. It seems criminal that such prime page real estate is used to such ill effect.

    I'm happy someone finally mentioned the way carousels "look 'modern'". I have a theory that the way those big images look are definitely influencing people. That type of large, animated visual always tickles the emotions and leads people's guts to say "YES. That's great!"

    I’m glad you mentioned the SEO aspect. That’s 100% of the reason I implemented it in the past, like around 2009/2010. Good tactic for getting good search engine action, but the click through rates don’t lie.

  • I think carousels can be effective as long as they give control to the user. That is, they can skip ahead, direct the flow, know where they are in the carousel, and turn off an auto-play function.

    Here is more on this idea:

    http://uxmovement.com/navigation/big-usability-mistakes-designers-make-on-carousels/

  • Here's an article that cites a couple semi-recent studies at Notre Dame and Nielsen/Norman. It might be relevant to the discussion.

    To summarize:

    1. Arrows are distracting!
    2. Don’t use web carousels for showcasing products
    3. Do use web carousels to brand your site or offering
    4. Web carousels are not ideal for desktop websites
    5. Web carousels get very significant taps on mobile!
    6. Limit your mobile carousel to 4 panels
    7. Limit each panel to one product or image

    (Note: I hate the things, but this article seems to have come to peace with them and talks about how to use them the best way, if you must use them.)

    That article, while interesting, doesn't really add anything to the 'are they effective or not' debate. It's just an opinion piece on how and when to use them if you are going to (also lacking any real evidence as to why they're suggesting what they do). Interesting read though.

  • From my own experience in looking at the analytics data of sites I've created, I can say that most users don't interact with a carousel, much less convert from one.

    I have noticed recently that a number of sites that used to have carousels no longer have them and are instead showing just one "panel" (if you look at the HTML, there's still remnants of a previous carousel in some cases). Microsoft is probably the most noteworthy example (http://www.microsoft.com/) another is BYU's site (http://home.byu.edu/home/). Google analytic's site (http://www.google.com/analytics/) I think used to have one but no longer do.

    While that doesn't directly answer your question (others have already done that well), I think its interesting to note that large organizations like Microsoft (who I'm pretty confident look at and analyze conversion data) have decided to ditch the carousel, probably in favor of faster load times.

    Interesting sidenote: I think NNG's website (http://www.nngroup.com/) provides a good alternative for a site that wants to get rid of a carousel/hero image altogether. I've seen tons of sites with the exact same layout except for a carousel between the company description and the three blocks with images. Note how on NNG's site, you don't really miss having a carousel between those two page elements. In fact it's better without.

License under CC-BY-SA with attribution


Content dated before 7/24/2021 11:53 AM