{"id":178,"date":"2019-12-23T02:49:42","date_gmt":"2019-12-23T02:49:42","guid":{"rendered":"http:\/\/elementor.jimfahad.com\/elementor129\/2019\/12\/23\/why-your-website-still-doesnt-need-an-image-slider\/"},"modified":"2020-04-13T05:38:56","modified_gmt":"2020-04-13T05:38:56","slug":"why-your-website-still-doesnt-need-an-image-slider","status":"publish","type":"post","link":"https:\/\/elementor.jimfahad.com\/elementor129\/2019\/12\/23\/why-your-website-still-doesnt-need-an-image-slider\/","title":{"rendered":"Why Your Website (Still) Doesn\u2019t Need an Image Slider"},"content":{"rendered":"<section class=\"block-container block-content block-bg-white block-index-1\">\n<div class=\"block-inner num-col-1\">\n<div class=\"row\">\n<div class=\"columns small-12 col-sm-9 large-8\">\n<p>Time and time again our clients ask for an image slider (also called a slideshow, rotating banner, or carousel) on their website and their reasons are almost always bad. Usually it\u2019s because they find an inspirational website that has slideshow and the assumption is, \u201cwe should too\u201d\u2014or they feel it\u2019s a good place to display multiple advertisements or important announcements.<\/p>\n<p>Wrong!<\/p>\n<p>Sliders are one of the most detrimental design elements you can add to your website, and if you care about your users and conversions you should avoid them at all costs. Let us show you what we mean.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"block-container block-content bg-gray-light block-index-2 animate-content animated\">\n<div class=\"block-inner num-col-1\">\n<div class=\"row\">\n<div class=\"columns small-12 col-sm-9 large-8\">\n<h3>Using Sliders: A Quick Example<\/h3>\n<p>We often direct our clients to visit&nbsp;<a href=\"http:\/\/shouldiuseacarousel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">shouldiuseacarousel.com<\/a> to illustrate why we can\u2019t stand spiders. Take a moment to view the site, read each slide just once without clicking back (important), and write down any specific details you can remember. Then, when you\u2019ve returned to the beginning, compare your notes to the slides.<\/p>\n<p>Frustrated yet? Apart from having a photographic memory (or cheating), most of our clients find it incredibly difficult to make sense of anything in this slider. Sure, you can navigate back to a slide if you missed something, but why bother? You can\u2019t turn off auto-rotation, so unless you\u2019ve mastered the art of speed reading, getting through the content is a chore.<\/p>\n<p>Over the years many organizations have conducted extensive research on sliders and the results are conclusive: they suck!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"block-container block-content block-bg-white block-index-3\">\n<div class=\"block-inner num-col-1\">\n<div class=\"row\">\n<div class=\"columns small-12 col-sm-9 large-8\">\n<h2>The Empirical Proof<\/h2>\n<p>If you can find a single statistic from a legitimate study that proves image sliders are an effective website strategy, then we will gladly put this extremely overly-debated topic to rest (yes, we\u2019re challenging you). Until then, here are some of the findings from a few noteworthy studies on sliders:<\/p>\n<ul>\n<li><a href=\"https:\/\/erikrunyon.com\/2013\/07\/carousel-interaction-stats\/\" target=\"_blank\" rel=\"noopener noreferrer\">One percent of users actually interact with a slider<\/a>, and for those who did 89 percent clicked on the first slide only.<\/li>\n<li>Eye-tracking studies conducted by Neilson Norman Group found that <a href=\"https:\/\/www.nngroup.com\/articles\/banner-blindness-old-and-new-findings\/\" target=\"_blank\" rel=\"noopener noreferrer\">most users ignore sliders<\/a>, as they cause banner blindness (i.e. the avoidance of content that resembles an advertisement).<\/li>\n<li>Because they load large, high-resolution images (often with extra JavaScript),&nbsp;<a href=\"https:\/\/searchengineland.com\/homepage-sliders-are-bad-for-seo-usability-163496\" target=\"_blank\" rel=\"noopener noreferrer\">sliders have a negative impact on SEO and page loading speed<\/a>.<\/li>\n<li>Chris Goward, founder, and CEO of WiderFunnel conducted a study that found <a href=\"https:\/\/www.widerfunnel.com\/rotating-offers-the-scourge-of-home-page-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">homepage sliders are an ineffective way of presenting content<\/a>.<\/li>\n<\/ul>\n<p>Countless other studies have been conducted on the usability of sliders and the message is clear:<\/p>\n<blockquote><p><strong>Sliders don\u2019t convert well and more often than not they\u2019re overlooked entirely by users.<\/strong><\/p><\/blockquote>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"block-container block-content block-bg-white block-index-4\">\n<div class=\"block-inner num-col-2\">\n<div class=\"row\">\n<div class=\"columns small-12 col-sm-5 medium-6 large-5\">\n<h2>Poor User Experience<\/h2>\n<p>Imagine reading a book and you get to a pivotal point in the story when some snot-nosed kid\u2014 let\u2019s call him \u201cTimmy\u201d\u2014slaps the book out of your hands. Bewildered, you pick up the book, dust it off, find your place, and begin reading where you left off when Timmy again slaps the book out of your hands.<\/p>\n<p>Irritated, you walk away and go somewhere else, perhaps after telling Timmy\u2019s mother that her sweet angel is being incredibly rude and disrupting your reading.<\/p>\n<p>The same is true for image sliders. Just when you\u2019re halfway through reading a piece of content\u2026 POOF! It\u2019s gone just as if someone slapped it out of your hands. This is a terrible user experience and most people don\u2019t have the patience to put up with it, nor should they. So rather than take the abuse they leave in search of a competing website that easily guides them to the content they\u2019re searching for.<\/p>\n<\/div>\n<div class=\"columns small-12 col-sm-5 medium-6 large-5\">\n<h2>Reduced Conversions<\/h2>\n<p>Let\u2019s say you\u2019re a website owner and your homepage has an annoying rotating image slider with multiple calls-to-action. Shortly after a user lands on your homepage, he or she clicks back to the search results because your slider was aggravating to use and made it too difficult to focus on your primary message.<\/p>\n<p>Big deal? Roger that! You just missed a conversion opportunity! That user could have filled out your contact form, purchased a product, downloaded a white paper\u2014or completed softer conversions, like subscribing to a newsletter or blog. Just having a slider is causing fewer sales and potential earned income. It\u2019s worth repeating: you\u2019re losing money.<\/p>\n<p>Can you afford to do this? You might love that dang image slider, but the fact is most people don\u2019t like them, and while the website belongs to you it\u2019s not for you\u2014it\u2019s for your customers. A smart website owner will always serve the needs and desires of site visitors even if a design element goes against his\/her personal preference.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"block-container block-content bg-gray-light block-index-5 animate-content animated\">\n<div class=\"block-inner num-col-1\">\n<div class=\"row\">\n<div class=\"columns small-12 col-sm-9 large-8\">\n<h3>Other Issues with Sliders<\/h3>\n<ul>\n<li>They\u2019re&nbsp;<a href=\"https:\/\/www.nngroup.com\/articles\/designing-effective-carousels\/\" target=\"_blank\" rel=\"noopener noreferrer\">notorious for being inaccessible<\/a>&nbsp;and make it difficult for people using assistive technology such as screen readers.<\/li>\n<li>Sliders push lead-generating content further down the page where users are less likely to see it.<\/li>\n<li>Rotating content is distracting and takes users\u2019 focus away from important content such as your value proposition, products, services, and call-to-actions.<\/li>\n<li>Often times sliders are not responsive or they format poorly on tablets and mobile phones, which can hurt your SEO.<\/li>\n<li>Small or camouflaged pagination controls make it difficult to navigate between slides especially (as we saw above) when auto-rotation is used.<\/li>\n<li>Sliders are antiquated (like 2012 old), so if you insist on using a rotating banner at the beginning of a redesign, then your new website already looks obsolete.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"block-container block-content block-bg-white block-index-6\">\n<div class=\"block-inner num-col-1\">\n<div class=\"row\">\n<div class=\"columns small-12 col-sm-9 large-8\">\n<h2>So what should I use instead?<\/h2>\n<p>Static hero images are a great alternative to rotating image sliders, and here\u2019s the best part: they actually convert.&nbsp;<a href=\"https:\/\/www.crazyegg.com\/blog\/oversized-images\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dell decreased bounce rates by 27 percent and increased form submissions by a staggering 36 percent<\/a>&nbsp;after implementing a contact page redesign that included a large hero image.<\/p>\n<p>In the same article, Salomon, a sports equipment manufacturer based in France, saw similar results with their homepage redesign. A mega-hero image increased online sales by 39.8 percent in France and 29.7 percent globally. That\u2019s quite an improvement over rotating content, which as we saw above, gets about one percent of clicks.<\/p>\n<p>Anything is better than a slider\u2014even a short video with B-roll footage if you can keep the file size from killing your page speed. Trust us on this (come on\u2026 we work on websites for a living)\u2014sliders are useless and users don\u2019t want them, so please don\u2019t ask for them and if you have one now remove it as quickly as you can.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Time and time again our clients ask for an image slider (also called a slideshow, rotating banner, or carousel) on their website and their reasons are almost always bad. Usually it\u2019s because they find an inspirational website that has slideshow and the assumption is, \u201cwe should too\u201d\u2014or they feel it\u2019s a good place to display &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/elementor.jimfahad.com\/elementor129\/2019\/12\/23\/why-your-website-still-doesnt-need-an-image-slider\/\"> <span class=\"screen-reader-text\">Why Your Website (Still) Doesn\u2019t Need an Image Slider<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":115,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,8,7,4],"tags":[],"class_list":["post-178","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business","category-tips-tricks","category-website-basic","category-wordpress"],"_links":{"self":[{"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/posts\/178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/comments?post=178"}],"version-history":[{"count":1,"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/posts\/178\/revisions"}],"predecessor-version":[{"id":242,"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/posts\/178\/revisions\/242"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/media\/115"}],"wp:attachment":[{"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/media?parent=178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/categories?post=178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.jimfahad.com\/elementor129\/wp-json\/wp\/v2\/tags?post=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}