
1: Putting call-to-actions below the page fold
First, it’s important to know the impact of the page fold, particularly for first time visitors. Why is this so critical? Your first time visitors will be quick to scan and judge your website (in as little as five seconds), and often won’t scroll very much. Therefore, if your important call-to-actions or content are below the page fold (the area that visitors can see on their browser without having to scroll) this will increase the chances of your visitors not finding what they are looking for, or not seeing what you want them to see the most. To help avoid this issue, use the great new browser size feature in Google Analytics to understand what elements of your pages can be seen above the fold in the most common screen resolution sizes, and then test moving key content and call-to-actions to higher spots. One simple tip for e-commerce sites is to make sure you repeat your checkout button in your shopping cart above the fold too.2: Underestimating the impact of distractions
Yes, your promotional banner or images may look cool. But are you making sure that your visitor’s eyes are being drawn to the most important parts of your pages; your call-to-actions and key information? Having too many competing images or promotions can distract your visitor away from your most important button. Even more distracting are animated images, or large images including people.
3: Being cool rather than usable
All web designers want to be creative and come up with new, unique and cool design elements, right? Unfortunately though, depending on how unique these are, you may be breaking web usability design standards that will increase the chances of your visitors being confused by them and leaving your website prematurely. And this therefore greatly reduces your conversion rates. For example, you may have just redesigned your navigation menu so that it’s much more interactive and very cool to look at. But as a result of this, you may have made it much harder for visitors to understand the naming conventions in your items, or made it harder to scroll through. To avoid this mistake, always test your proposed new changes using a website testing tool (not just in a usability study) to find out what your visitors think of them, and how they engage and convert differently, before pushing them live.4: Not testing in all major browsers
One of the major causes of low conversion rates are when websites don’t function correctly or look bad on one or more of the major browsers. Even slight variations or issues in one browser version can cause your carefully crafted designs to have major implications on visitor engagement and conversion rates. So don’t just design your website to look good on Firefox, you also need to check what it looks like on Internet Explorer and Safari, and even more importantly, you need to check on Google Chrome, which is now the most popular browser. You can use tools like BrowserShots and CrossBrowserTesting to help you check your web designs for issues in various browsers.5: Using long blocks of text
Don’t forget the influence that your website text has on your visitors. Your website has to not only look good, but your text needs to be engaging and easily readable, particularly when you are trying to get your visitors to convert for your website goals. Remember that people don’t read online the same way they read normally, they scan for content that interests them first. Therefore it’s key that you place your most important text in a few short bullet points on your key pages — this makes it much easier to scan for your visitors, and as a result often increases your engagement and conversion rates.
6: Variations that don't vary enough
When you are testing your new website variations (and great job for doing that!), it’s important that you make sure you create test variations that are sufficiently different. If you only make subtle changes, like slight tweaks in color or style, your visitors probably won’t notice the difference, and therefore probably won’t convert any different, consequently your conversion rates won’t increase much. Always design at least one radically different test variation for your tests, like completely changing the style of your element or the wording, and this will give you a much higher chance of seeing a winning test version that has a much higher conversion lift. The same goes for when you are designing whole new pages to test against — think radically in terms of design and layout for at least one option. You can then do follow-up testing on the winning version to increase conversion rates further.7: Designing a one-size-fits-all website
When you are designing your website, it’s important that it solves your visitors' main needs and use cases. Instead of designing a website that tries to solve every need for every visitor simultaneously (a one-size-fits-all website), you need to be creating many variations of elements on your webpages that will better engage your visitors. You can use many leading testing tools to actually target specific content to key visitor groups, like new or repeat visitors, and this very often will increase your conversion rates as a result of this much greater engagement and relevance for the visitor.8: Only testing what your boss wants to test
And lastly, if you are doing testing already for your new designs, a major mistake you might be making is if you are only testing what your boss or HiPPO (highest paid person’s opinion) wants to test. This is problematic because they often presume to know what their visitors want, and what works best, and often this can be the polar opposite of what your visitors actually want, killing potentially higher conversion rates. To avoid this mistake, instead you should always create test ideas using insights from your web analytics tool and ideas from visitor feedback surveys and usability tools. Creating tests this way instead will help you create better tests that result in higher conversion rates.Rich Page
Rich Page is the author of ‘Website Optimization: An Hour a Day’ and has been testing and optimizing websites for over 10 years. He is a regular industry speaker, and offers a website optimization blog and services at his website. You can follow him on Twitter for tips.
Read Next
24 Best Creative Portfolio Websites in 2023
For anyone working in a digital creative field, whether design, illustration, animation, video, or a combination of…
By Simon Sterne
15 Best New Fonts, September 2023
Nothing upgrades your designs like selecting the right font. It’s all too easy to fall into the trap of using the same…
By Ben Moss
Weekly Design News #1
Every Sunday we’re rounding up the best of the previous week’s stories from webdesignernews.com, and in this issue #1,…
By Louise North
The 20 Most Controversial Logos of All Time (Ranked)
When you hire graphic designers to create your company's logo, what do you expect? Professional designs, culturally…
By Robert Reeve
LimeWire AI Studio Generative Art App
If you’re looking for the most exciting way to launch a career in AI-generated art, then you’re in the right place.
By WDD Staff
20 Best New Websites, September 2023
Are you in need of design inspiration? Are you looking for the best websites designed in 2023 to pull ideas,…
The Dangers of Deceptive Design Patterns (And How to Avoid Them)
As web designers, our role in crafting user-friendly digital landscapes is critical. We are tasked with creating user…
By Louise North
10 Best Ecommerce WordPress Themes in 2023 [September update]
You plan to set up shop with an online store. You know there’ll be competition. And to compete with or beat that…
By WDD Staff
5 Marketing Tools Every Designer Needs
Yes, designers do need marketing tools. From freelance graphic designers who need to land more work to designers who…
Exciting New Tools For Designers, September 2023
At the end of another summer, we are all getting ready to knuckle down for some serious work in the fall. But we want…
Elon Musk calls LinkedIn ‘Cringe’—Announces Competitor
Elon Musk recently announced his intentions to create a direct competitor to LinkedIn. Musk’s grand plan is to make his…
Everything You Need to Know to Embrace the Y2K Design Trend
The turn of the millennium was a major cultural shift, and the Y2K aesthetic emerged as a visualization of what the…
By Simon Sterne