Carousels are everywhere. They typically hold content with arrows to navigate forward and backward, with multiple slides. They can be automated to add some dynamic content to your pages, but they are also, as SideProject.io points out, quite inefficient at engaging users beyond the first slide.
Consider editing down the content enclosed in a carousel and repurposing it on the page. Besides, you likely aren’t reaching your users with those “inside” slides anyway!
Text as Images
In a world before @font-face, customized fonts beyond the traditional Times and Arial were relegated to image embeds. There are a few reasons why this is a bad idea in modern web design: first, it is terrible for search engine optimization. Second, it increases the load time for a page having to download each image rather than text. Third, it is awful for folks with sight impairments who rely on screen readers.
Any modern web designer worth their salt will know how to use custom fonts in a design without defaulting to images. Google even offers a library of free fonts for use on websites.
Page Loading Indicators
Known as “preloaders,” many early sites included a progress bar to tell you how much longer you’d need to wait to get page content loaded in your browser. In today’s world of high-speed connections and optimized content, these preloaders aren’t necessary. They can even turn away users who would like to get started on content before the entire page loads.
Calm down with the hovers, Marty McFly. This isn’t a punky skateboard that helps him escape the dastardly Biff. Hover content is content that pops up with a user hovers their mouse over a section of your website. Quite popular in the pre-mobile era, it simply isn’t a good design element today. It relies on the user having a mouse, which has been completely eliminated in touchscreen devices.
This was a faux pas back in the aughts and it still applies today. Loading a page shouldn’t mean a user is assaulted with stealthy ninja audio or video. What if they aren’t expecting a video? Perhaps they are at work, or in a study lounge. Auto-play videos are a surefire way to make your users grumpy.
Large Background Images with no Responsive Element
Desktop computers come with large screens, yes. Faster internet connections mean we are able to load larger images. Good photography can make for a beautiful website. But using large images with no thought given to those smaller screens can backfire on you.
In the end, there are two questions SideProject.io suggests when making web design decisions:
- What are you trying to communicate?
- Are your users best interests in mind?