Landing carousels are the main element with multiple slides prominently at the top of the homepage of a website. They are used by many, even web design agencies. Whether they do more harm than good has been a widely debated and highly explored topic in the web design industry. Today, as a web design agency ourselves, we look at the reasons why people may choose to use landing carousels, how they can be harmful to your website and better alternatives.
Why do people still use landing carousels on their websites?
To fit multiple content into a single space
The top of the homepage is a website’s prime space. Landing carousels are often used to appease multiple stakeholders without having to decide which content or promotion alone should get to be featured. However, as a web design agency, we’ve realised that the huge downside of this easy way out is that users get decision fatigue and end up not making a decision or taking any action at all.
They are not well-versed in UX design
Website owners may choose to use a landing carousel as they are not well-acquainted with UX (user experience) design. They may not be in touch with a web design agency and are not informed of alternative options that can better help them achieve their goals. As such, they resort to one of the most mainstream elements of a website’s homepage. However, just because it’s widely used, doesn’t mean it’s good. It is important to be better informed of landing alternatives and UX-friendly website practices.
They are unsure of their website’s main focus
Website owners may be unsure of what their website’s main focus and goal should be, which is why they try to include multiple content and messages through a landing carousel. This is bad as it gives off a bad impression of your brand. Furthermore, too many different messages means users don’t take back any message at all. It is thus crucial to figure out the main objective and message of your site to know what the focus of your site’s landing section should be. Other less important information can be displayed on other sections and pages. Consulting a web design agency can help with figuring out what your website’s focus should be.
Why landing carousels are bad from a web design agency’s perspective
Landing carousels aren’t UX-friendly
Many landing carousels don’t work well responsively
In a day and age where a large percentage of web traffic comes from mobile users, having a site that works well responsively is critical.
Landing carousels can slow down your website’s performance
This is because of the multiple images, animated transitions, navigation elements and extra javascript. All these contribute to slowing down your website. A slow performance can frustrate users and cause them to ditch your site for a competitor’s. In addition, having a slow site speed can also harm your Search Engine Optimisation (SEO) efforts and push you further down the Google results page.
Landing carousels can cause users to focus on the wrong thing
Human brains are wired to react to sudden movement. This is known as a saccade. It is our retina’s natural, uncontrollable reaction. If your landing carousel’s autoplay is enabled, this can cause users to focus on the movement instead of your site’s actual content.
Landing carousels can take away users’ sense of control
Controllability creates trust. It is natural for users to want to be in control when they navigate through your site. Therefore, if your landing carousel autoplays, it is like taking control out of your user’s hands. This can affect your user’s experience negatively while using your website.
Landing carousels can cause accessibility issues
Autoplaying landing carousels can have too little view time for each slide, especially for users with poor motor skills, low literacy and users who speak a native language. This can cause them to have a hard time navigating through or absorbing the information on your landing carousel, which will in turn frustrate them and cause them to leave your site.
Users may not even notice your landing carousel
There is an occurrence known as “Banner Blindness”, which describes how users naturally ignore whatever looks like a banner or advertisement. Nielsen Norman conducted an eye tracking test and found that users tend to skip over landing carousels entirely without paying any attention to them.
Landing carousels don’t help with conversions
A study conducted at Notre Dame University showed that only a measly 1% of visitors interacted with landing carousels, particularly only the first slide.
A web design agency’s alternative options to landing carousels
Instead of a landing carousel with multiple slides, a single static banner with a clear message and strong CTA is a good alternative. This gives users a clear focus and direction. Short and sweet content allows users to absorb information easily and gives them full control of what they are viewing before heading onto the next section or page. Smashing Magazine also noted that when testing, they observed that large and custom images on the homepage give users a good impression of the brand and reduces bounce rates.
You can also consider dynamic image refreshing, where the banner image changes every time the page is refreshed. This is a better alternative to squeezing multiple slides together in a carousel.
The decision lies in considering your users’ needs
By now, you should be aware of the various negative effects landing carousels can have on your website.
That being said, there are certain kinds of websites where the use of landing carousels may not be all that bad. Some websites where they can possibly work are:
- Gallery or portfolio websites where large and simple visual content is the main focus
- Narrative, storytelling websites
- e-Commerce sites to highlight new promotions and products
If you have determined that a landing carousel is a viable choice for your website and users, here are a few guidelines to ensure you’re making the most out of it:
- Disable autoplay
- Disable infinite loop
- Ensure it is responsive
- Make sure your navigation and CTA are clear
- Place your most important slide first
- Use soft transitions
- Keep text short and clear
- Only use one h1 tag
All in all, if the users’ needs, accessibility and your website’s goals are not considered properly, landing carousels can bring many downsides. From Oangle’s point of view as a web design agency in Singapore, it is generally safer to avoid landing carousels altogether. Unsure of how to design or build your website’s landing section, or just need some advice? With our expertise in various areas of web design and development, we are always happy to help you with your brand’s goals in mind. Drop us a line today!