About half the websites we do include a slider, and they are one of the hardest things about a website to get right. There are times and places where a slider works really well, like for a gallery. But doing a slider with multiple marketing messages are very tricky to do right. One issue is that planning to have a slider on a site opens a can of worms with clients. They either have no idea what they want, or they get fixated on a bad idea without realizing the ramifications of what they are asking for.
I have been conflicted about this slider issue so I did some research on the topic to help sort out what is what.
Lets talk statistics here. In one study of click through rates for 4 websites, the first slot slide received the most attention averaging 48-62% of the total clicks, with subsequent slides splitting the rest fairly evenly. The site with the most evenly distributed percentages based on position was the one with the fewest number of slides (3).
I have found that it is really hard to keep the client at three slides. Once they get a slider they go slider crazy and want to throw everything in there. Now I have some data that says if we are going to do this lets hold it to three.
In an article called Death to the Hero Slider, Pete Shuster discusses the performance improvement on his website when he took the Slider off his home page. He suggests that a nice image with great typography and the most compelling message can be much more effective than a bunch of mediocre slides that slow down the site.
More ammunition against using sliders, especially auto-rotating sliders, comes in from the Neilson Group, who specialize in useability studies. Neilson calls these sliders, conversion killers. They can annoy visitors causing them to ignore your content completely.
Brad Front makes the point that carousels introduce a level of complexity to an interface and can burden the user with having to learn its controls, conventions, and behaviors. But he adds if you have to use them, make sure that all of the slides are consistent rather than using the slider as a catch all compartment.
My favorite post is Brian Krogsgard’s, Sliders ( almost always) Suck. He mentioned a couple of other horrible slider problems to add to this research.
Brian said that clients have heard that you should put everything above the fold, so they think a slider is a good way to do that and want you to put everything in the slider. However, having everything above the fold is not necessary any more because people do scroll. They really do. So you do not have to try to get everything in up top.
Brian also reminded me of some of the weird slide transition options that, thankfully, I don’t see very often- for example the tumbling chopped up block rotation effect. Who would ever think that was a good idea? Brian suggests, and I agree, that using simple fades or slides is much preferable to any weird thing. Use simple fades as transitions from one slide to the next. Never use one of those weird chopped up tumbling boxes, slide change options.
If you want someone to take an action, have one call to action rather than different calls to action on each slide.
You have to use your words. Don’t ever have only a slider or an image on your homepage. People and Google need words to make sense of your site.
Sliders are best used when looking at the slides is a goal in itself. So having a portfolio or gallery is a good use of a slider. Sliders can also be used to get across three consistent messages but have the call to action be the same thing thus you are using it more like a gallery.
1. They slow the site down.
2. They are hard to make responsive or to be effective on small screens.
3. The majority of the click throughs happen on the first slide and the other slides go way down from there.
4. They end up being a catch-all place to cover all bases and then the real message gets watered down.
5. There is something called banner blindness where people don’t look at things that look like ads.
6. Clients get mired down in sliders and ask for weird things that are not in their best interest.
For you site developers out there, Chris Lima did a comparison test of the performance and ease of use of six sliders. There was a big difference in load time for these sliders. Soliloquy and SliderPro were the fastest and Revolution Slider was the slowest at 4.95 seconds to load. Yikes! That is a real problem.
After getting all of this data I called one of my clients and told her what I had found out in my research. I also told her that only one of the 24 versions of the slides that we had been working on was working for me. I told her the one I really liked was the first one we did. I hated to tell her that we had wasted all of that time, but I was really relieved when she said she felt the same way. We were struggling to make something work when we had perfection from the start. Telling the truth in these situations is hard but when it is true it is just true.
Lose the sliders, unless you have a really good reason to have one.