But, at the time, 13-year-old me wholeheartedly thought I was killing it.
Seventeen years later, looking back in shame and embarrassment and the only question I can seriously ask myself is, “How did I ever think those were a good idea?”
One thing that gives me some solace is that I know that I’m not alone.
Even the web design world has had its fair share of embarrassing phases.
Just look at the marquee tag or bevel and embossed buttons. Even more recently (and still far too prevalent) are homepage carousels.
It’s tough to pinpoint exactly when carousels (also called sliders or slideshows) officially made their debut into the web design world but, despite leading to poor conversion rates, we still see them used all over the web today.
You may be wondering “if they’re not effective, why do people use them?”
There are really two main reasons:
To some people, they look flashy and cool.
It’s an easy solution for telling competing departments within an organization that their messaging is on the website
But there are several downfalls to this logic.
If you’re currently using a slider on your homepage -- or considering it for a future website redesign -- check out the following reasons to ditch the slider and try one of the alternatives we’ve suggested below.
The Department of Justice (DoJ) is working on making amendments to the ADA (American with Disabilities Act) that would change the law to include information found on the web and create an equal user experience for everyone.
Unfortunately, most carousels are not optimized for users with disabilities.
Take a look at the site below, for example.
Many sliders, like this one, use either arrows or small bullets as a means of controlling the carousel. These elements have poor contrast from the background, making it almost impossible for those with visual impairments to navigate.
Having a website that is accessible ensures that all your visitors have the equal opportunity to view your site’s content and interact with your company, regardless of any disabilities anyone may have.
If you do not comply, you may not only alienate some audiences, but risk facing legal action.
Reason 3: Sliders are Notorious for Low Click-through Rates
To put this plain and simple, sliders are conversion killers. People simply do not interact with them.
The University of Notre Dame ran a study on their website to determine the effectiveness of a homepage slider and found that out of the 3,755,297 people who visited their homepage, only a mere 1% actually clicked on an item in the slider.
To add insult to injury 89% of those clicks were on the slide in the first position.
The main reason sliders lead to low click-through rates is due to the “banner blindness” effect that I mentioned earlier.
People simply aren’t paying attention to sliders. Additionally, the quickly-changing slides and multiple offers can make people feel overwhelmed and skip that part of the page as well.
Reason 4: Sliders Slow Loading and Lack Mobile Optimization
All those assets quickly eat up your bandwidth.
On top of slow load times, many sliders are not optimized for mobile.
Slider images that may look ok on desktop become impossible to read once shrunk down on mobile. Combine this with the frustration of trying to swipe left and right between slides on your phone and visitors are sure to leave your site with a bad taste in their mouths.
Reason 5: Competing Messages Overwhelm Visitors
There’s a popular saying that “If you’re focused on too many things, you’re not focused on anything.” This could not be truer when it comes to carousels.
Let’s breakdown the typical experience a user has with a slider:
Visitor arrives at your homepage excited and ready to learn more.
Visitor sees a message on the first slide and begins reading it - “At Company X We Strive to…”
BOOM! Gone. Next slide. “We have 20 Years of Experience Specializing in...”
BAM! Gone. Next slide.
Pretty overwhelming, right?
Often sliders move so fast that people aren’t able to fully read, let alone digest and then take action on the information.
This usually leaves users feeling confused about what you're trying to communicate and what their next steps should be.
If the initial feeling a user has on your site is confusion, that’s going to make it almost impossible to build trust. A lot of times, this is enough to cause users to leave your site and find another solution.
If you’d like to test this out, you can visit shouldiuseacarousel.com to see for yourself. Go through the slides and see how much of the information you’re able to retain.
People are always the most comfortable when they are in charge. The modern buyer wants to be in control of their own browsing and purchase experience.
Your website should let users decide what links they click and how fast or slow they read and digest your content. Sliders work against this by either moving too quickly or having small navigation icons.
What are the Alternatives to Using a Carousel?
All of these reasons come back to one main overarching theme: Sliders simply provide people with a poor user experience.
They create a scenario where users are beat over the head with multiple messages, images, and actions to take. All this adds up to a poor user experience that will leave visitors with a poor image of your brand.
What can you use instead of a slider?
1. Smart Content
If you’re looking for a way to craft specific messaging for multiple personas on your homepage try implementing smart content.
Smart content (which is readily available in HubSpot) creates an experience that’s personalized specifically for a website visitor based on interests or previous actions on the site.
Not only does it delight users with an experience that’s customized for them but it also presents them with one clear message.
2. Make Your Most Important Messaging More Prominent/Accessible
Rather than beating users over the head with all of your offers at once, let them come across the offers naturally throughout your site.
If you’re struggling to get eyes on your most important offers, try implementing static call-outs for that content in relevant areas and include clear actionable links.
Take a look at the example below.
Instead of putting a bunch of content offers into a slider, ThoroughCare chose one of their most important offers and created a call-out section right below the hero to draw attention to it.
You’ll also notice they have a bright button that tells users exactly what it’s for.
This, like a slider, highlights a key message/initiative, but doesn’t come with any of the accessibility and experience issues.
3. Try Video or Animations
If you’re looking to add some interactivity and motion to your site, try pairing your content with animated GIFs.
The movement and smooth animations used in GIFs grab user attention and add another level of context to your content. Their smooth animations and motion help guide users to where their eyes need to go.
CarLens uses a beautiful animation in the hero of their homepage to give users an idea of the type of stats users can view using their app.
In addition to animated GIFs, video is also an incredibly useful technique for explaining complex ideas to users through motion.
As mentioned before, sliders struggle with low click-through rates and user engagement. Videos and GIFs, however, are known to have the opposite effect.
I can’t take back my embarrassing JNCO jeans phase, but it’s not too late for you to help your website skip an embarrassing phase by ditching its carousel.
Carousels may seem flashy and cool but they’re simply not effective when it comes to converting visitors to qualified leads.
Not only do they lead to slow load times, but they also create a poor user experience that reflects badly on your brand.
Give your users a positive, intuitive experience by delivering content that’s tailored to them using smart content, making your top content naturally and easily accessible, or adding dynamic elements to your site with animated GIFs and video.
I’m sure you’ll find no one misses the slider once it’s gone!