{"id":13986,"date":"2016-05-20T11:55:10","date_gmt":"2016-05-20T19:55:10","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=13986"},"modified":"2020-04-22T06:36:12","modified_gmt":"2020-04-22T13:36:12","slug":"rotating-carousels-4-alternatives-drive-sales","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/","title":{"rendered":"Rotating Website Carousels: 4 Alternatives That Drive Sales"},"content":{"rendered":"

It\u2019s unclear when rotating carousels debuted, but we see them all over the web today. Like so many things, they\u2019re the product of digital marketing\u2019s obsession with the newest \u201cshiny object.\u201d<\/span><\/p>\n

The obsession itself isn\u2019t a problem, but it can create them\u2014few ask whether the new, shiny object is actually effective or smart. <\/span><\/p>\n

Carousels: Why Do They Exist?<\/span><\/h2>\n

Here\u2019s the hard truth. Despite the popularity of rotating carousels, they do not improve UX, they\u2019re generally ineffective, and many websites are deeply attached to them.<\/span><\/p>\n

They\u2019ve survived because they help designers appease competing stakeholders, often acting as an organizational crutch.<\/span><\/p>\n

Think I\u2019m making some pretty bold claims? Here are just a few studies that demonstrate their ineffectiveness.<\/span><\/p>\n

Data-Driven Concerns About Carousels
\n<\/span><\/h3>\n

1. Merely 1% of visitors clicked on carousels<\/b> when the <\/span>University of Notre Dame tested its website<\/span><\/a>. That\u2019s a very low conversion rate. To make matters worse, less than one-fifth of those users clicked on anything other than the first image in the carousel.<\/span><\/p>\n

2. Banner blindness kicks in with rotating carousels<\/b>. Advocates of carousels point out that movement draws attention, yet eye-tracking experiments nullify those benefits because of the the phenomenon known as <\/span>banner blindness<\/i><\/a>. In other words, we\u2019ve learned to tune out visual noise.<\/span><\/p>\n

3. Carousels are problematic on mobile devices<\/b>. In many cases, they are simply not optimized for mobile viewing. Scaling down isn\u2019t the answer\u2014images becomes impossible to read or even cut off from view. They also affect site loading times, in some cases.<\/span><\/p>\n

As mobile increasingly demands attention as a force to be reckoned with, designers may have to abandon carousels for purely technical reasons. There are also a few data-driven concerns about rotating carousels, but they\u2019re hardly the only ones. Since this list could go on, but for now let’s move on to the user experience focused concerns. <\/span><\/p>\n

UX Concerns About Carousels<\/span><\/h3>\n

1. Control creates trust<\/b>. Anything less erodes that trust. Trust is essential to converting visitors\u2014especially during a first impression. Undermining your efforts with poor design choices may inadvertently sabotage your brand. You wouldn\u2019t post <\/span>self-rotating stock in a store<\/span><\/a>, so why would you enjoy it online?
\n<\/span>
\n2. <\/span>Rotating banners decrease readability<\/b>. Have you ever tried to read a rotating carousel graphic, only to have it move on you? This results in decreased conversions because a visitor simply doesn\u2019t have adequate time to process the information. Plus, studies show that users automatically <\/span>assume that it might be an advertisement<\/span><\/a>, which makes them more likely to ignore it.<\/span><\/p>\n

3. Your story doesn\u2019t get heard.<\/b> Most viewers (84% in the Notre Dame test) never go beyond the second slide. This is particularly a concern if you\u2019re trying to show a holistic view of your brand, you are going to leave things out. Most visitors don\u2019t get past your first slide, which means they\u2019re only seeing one dimension of your company.\u00a0<\/span><\/p>\n

4. <\/span>Rotating carousels eat up design costs<\/b>. Why spend money on something that isn\u2019t likely to work for you, and may even be counter-productive? A rotating carousel might appeal to your designers, but if that slider doesn\u2019t produce results, it\u2019s going to waste time, energy, and money.So we\u2019ve shown that rotating carousels don\u2019t make sense\u2014from both a data and UX perspective. If they don\u2019t work, the next logical question is, \u201cWhat does?\u201d<\/span><\/p>\n

At <\/span>The Good<\/span><\/a>, we suggest four alternatives that have proven successful with our clients.<\/p>\n

Join the world's best designers who use UXPin.<\/h2>Sign up for a free trial.<\/span>Try it for free!<\/a><\/section><\/span><\/p>\n

4 Effective Alternatives to Carousels<\/h2>\n

1. Highlight your top products<\/b>. Show top products on your home page. If your customers are crazy about your new car model, highlight that new car model on the home page.<\/span><\/p>\n

For example, <\/span>Tesla Motors understands that their customers are crazy about the Model S. They easily could have cycled through all of their models in a slider, but remaining on a single, static page is much more effective.<\/span><\/p>\n

<\/h4>\n

\"image01\"<\/p>\n

2. Offer easy access to top content.<\/b> If your customers really dive into your site (or one of your products naturally produces a ton of great content), link to it from your homepage so your customers can access it immediately.
\n<\/span>
\nShopify\u2019s static header image invites visitors to convert right away, but it also gives them static alternatives. It\u2019s a highly effective method to use when you have to include multiple items to appease multiple stakeholders.<\/span><\/p>\n

\"image03\"<\/p>\n

3. Combine top content and top products.<\/b> Experiment with combinations of top content and top products to see which performs better. Test, change it up, and test again.<\/span><\/p>\n

As soon as visitors arrive, New Balance announces their latest award-winning shoe and prominently displays a fast path to find whatever they need\u2014by gender, age, or style.<\/span><\/p>\n

\"image00\"<\/p>\n

4. Focus on your current promotion.<\/b> This is really effective when customers are looking for particular products during the holidays or for seasonal items.<\/span><\/p>\n

Burberry times certain promotions around Mother\u2019s Day to showcase products particularly relevant to mothers (and those shopping for them).<\/span><\/p>\n

\"image02\"<\/p>\n

Rotating Carousels: A Better Plan<\/span><\/h2>\n

The lesson outlined here is that\u2014for almost all websites\u2014rotating carousels aren\u2019t the best use of space. Your brand is better off using slider content in an expanded, static format or removing its secondary content entirely. <\/span><\/p>\n

Are you ready to take the next step, but not sure how? <\/span><\/p>\n

Try this. Instead of working to convince stakeholders that a drastic change is needed\u2014based purely on your \u201cpreference\u201d\u2014use A\/B split tests of both versions. Let the data determine the change, because results speak for themselves. <\/span><\/p>\n

By selecting one of the four alternatives we listed, you may find something that works better for your brand and results in a more straightforward decision making process (that\u2019s more difficult for stakeholders to argue with).<\/span><\/p>\n

To identify additional areas where visitors are getting stuck on your website, The Good offers a <\/span>free Stuck Score<\/span><\/a>\u2122 evaluation to help you identify areas ripe for optimization. Get off the carousel merry-go-round. Cater to your users, not to the whims of those who insist on \u201cflashy\u201d design over \u201ceffective\u201d design.<\/span><\/p>\n

For more web design advice, check out the free e-book Web UI Design Best Practices<\/a>. The guide includes 33 visual case studies from top companies.\u00a0<\/em><\/p>\n

Join the world's best designers who use UXPin.<\/h2>Sign up for a free trial.<\/span>Try it for free!<\/a><\/section><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Tactics based on examples from Tesla, Shopify, Nike, and Burberry.<\/p>\n","protected":false},"author":67,"featured_media":13991,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6,7],"tags":[],"class_list":["post-13986","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ux-design","category-web-design"],"yoast_title":"","yoast_metadesc":"Tactics based on examples from Tesla, Shopify, Nike, and Burberry.","acf":[],"yoast_head":"\nRotating Website Carousels: 4 Alternatives That Drive Sales | UXPin<\/title>\n<meta name=\"description\" content=\"Tactics based on examples from Tesla, Shopify, Nike, and Burberry.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rotating Website Carousels: 4 Alternatives That Drive Sales\" \/>\n<meta property=\"og:description\" content=\"Tactics based on examples from Tesla, Shopify, Nike, and Burberry.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-20T19:55:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:36:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/05\/558aa8cf61646.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jon MacDonald\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jon MacDonald\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/\"},\"author\":{\"name\":\"Jon MacDonald\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/1a1d8b840e732a5d84ebe0a38ecf5b0a\"},\"headline\":\"Rotating Website Carousels: 4 Alternatives That Drive Sales\",\"datePublished\":\"2016-05-20T19:55:10+00:00\",\"dateModified\":\"2020-04-22T13:36:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/\"},\"wordCount\":1044,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/558aa8cf61646.jpeg\",\"articleSection\":[\"Blog\",\"UX Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/\",\"name\":\"Rotating Website Carousels: 4 Alternatives That Drive Sales | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/558aa8cf61646.jpeg\",\"datePublished\":\"2016-05-20T19:55:10+00:00\",\"dateModified\":\"2020-04-22T13:36:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/1a1d8b840e732a5d84ebe0a38ecf5b0a\"},\"description\":\"Tactics based on examples from Tesla, Shopify, Nike, and Burberry.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/558aa8cf61646.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/558aa8cf61646.jpeg\",\"width\":700,\"height\":500,\"caption\":\"558aa8cf61646\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/rotating-carousels-4-alternatives-drive-sales\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rotating Website Carousels: 4 Alternatives That Drive Sales\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/1a1d8b840e732a5d84ebe0a38ecf5b0a\",\"name\":\"Jon MacDonald\",\"description\":\"Jon MacDonald is founder and President of The Good, an agency of conversion rate experts. The agency has helped brands double e-commerce sales within 12-24 months with their Conversion Growth Program.\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jonmacdonald\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Rotating Website Carousels: 4 Alternatives That Drive Sales | UXPin","description":"Tactics based on examples from Tesla, Shopify, Nike, and Burberry.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/","og_locale":"en_US","og_type":"article","og_title":"Rotating Website Carousels: 4 Alternatives That Drive Sales","og_description":"Tactics based on examples from Tesla, Shopify, Nike, and Burberry.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/","og_site_name":"Studio by UXPin","article_published_time":"2016-05-20T19:55:10+00:00","article_modified_time":"2020-04-22T13:36:12+00:00","og_image":[{"width":700,"height":500,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/05\/558aa8cf61646.jpeg","type":"image\/jpeg"}],"author":"Jon MacDonald","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jon MacDonald","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/"},"author":{"name":"Jon MacDonald","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/1a1d8b840e732a5d84ebe0a38ecf5b0a"},"headline":"Rotating Website Carousels: 4 Alternatives That Drive Sales","datePublished":"2016-05-20T19:55:10+00:00","dateModified":"2020-04-22T13:36:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/"},"wordCount":1044,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/05\/558aa8cf61646.jpeg","articleSection":["Blog","UX Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/","name":"Rotating Website Carousels: 4 Alternatives That Drive Sales | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/05\/558aa8cf61646.jpeg","datePublished":"2016-05-20T19:55:10+00:00","dateModified":"2020-04-22T13:36:12+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/1a1d8b840e732a5d84ebe0a38ecf5b0a"},"description":"Tactics based on examples from Tesla, Shopify, Nike, and Burberry.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/05\/558aa8cf61646.jpeg","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/05\/558aa8cf61646.jpeg","width":700,"height":500,"caption":"558aa8cf61646"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/rotating-carousels-4-alternatives-drive-sales\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Rotating Website Carousels: 4 Alternatives That Drive Sales"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/1a1d8b840e732a5d84ebe0a38ecf5b0a","name":"Jon MacDonald","description":"Jon MacDonald is founder and President of The Good, an agency of conversion rate experts. The agency has helped brands double e-commerce sales within 12-24 months with their Conversion Growth Program.","url":"https:\/\/www.uxpin.com\/studio\/author\/jonmacdonald\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/13986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=13986"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/13986\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/13991"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=13986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=13986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=13986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}