DON’T MISS OUT

Get updates on new articles, webinars and other opportunities:

Are The Latest Web Design Trends Killing Your Conversions?

by Today's Eggspert

In Brand Perfect’s survey of top retailers, 29% of shoppers said poor design was a major reason for aborting an online shopping session. Remember rotating sliders that were on just about every website you went to? It turns out they were terrible for conversions.

You work hard to create web pages.

You spend countless hours researching your target market.

You put a ton of effort into writing copy that maximizes website conversions.

Are you wasting that energy by using a design that looks cool, but stops visitors from taking the next step in your sales process?

Design Kicks Off First Impressions About a Brand

Design influences the first thoughts people have about your business. And that matters. In a ResearchGate study, people were asked whether or not they trusted a health website and why. Their replies were startling: 94% of the elements that cause distrust were design related.

Minimalist design trims down the elements on a website. By cleaning up the clutter, this trend generally improves conversion rates. However, eliminating too many elements does more harm than good. What follows are five trends that can kill conversions when the designs aren’t used properly.

1. Poorly-Designed Hero Images Stop Visitors From Turning Into Prospects

A hero image is a large visual that spans across a home page. Many hero images have no content, which can be trouble. Without persuasive copy, the visual can stop visitors from going past the home page and into the sales funnel.

Here’s a hero image which discourages prospects from advancing in the buying process.

maemo

  • “Book a table” is a weak way to tell people what the website is about. It’s so tiny, most people won’t see that link.
  • New prospects will want to see a menu before booking a table.
  • The website fails to communicate what makes this restaurant better than other fine dining establishments. There’s no motivation for a viewer to scroll, click or investigate.

Effective Hero Images Increase Sales Leads

Well-designed hero images entice visitors to dig deeper into a website. A case in point is KinderCare’s home page redesign which boosted sales leads by 18% (WhichTestWon case study).

kindercare

  • The headline tells you the site is an educational resource for children.
  • The cute visual reinforces the headline, and the teacher guides you to read the message.
  • Supporting text lays out the value KinderCare gives to children and parents.
  • The copy speaks to people new to KinderCare.

A worthy hero image works with content to communicate your unique value. It persuades people to take the next step in your sales process.

2. Bigger Images Slow Down a Website

Here’s a warning about large images, like the hero. They are common culprits behind slow websites, and visitors won’t wait around for sluggish sites to appear. Econsultancy research discovered 38% of online shoppers abandon websites that take more than 10 seconds to load.

Reducing image file size is an easy way to prevent images from increasing load time. The smaller the file size, the faster an image loads. This image optimization tutorial shows you how to trim down image file sizes.

3. Use The Right Number of Fields In Website Forms

get-free-email-updates

In an effort to shorten forms, some websites are only collecting an email address. Not having the names of subscribers will rule out future personalized emails. Something you don’t want to do. An Experian study shows getting personal with your subscribers improves click-through rates. “Personalized promotional mailings have 29% higher open rates and 41% higher click rates than non-personalized mailings.”

Too Many Form Fields Could Reduce Conversion Rate

Designers began taking the fat out of website forms for good reason. Fewer fields lead to more completed forms. The shortest form with only five fields was the clear winner in Marketing Experiments’ lead generation test. It had the lowest cost-per-lead and highest conversion rate.

form-design-vs-cost-per-lead

There’s a limit to how much information people will provide on a form. Testing will identify where that limit is for your audience. Map out your short and long-term personalization needs. Then test your forms to see how personal you can get with subscribers. Consult these Daily Egg tactics for personalization ideas.

4. Typography Has to Do More Than Look Pretty

It has to make copy easy to read to improve conversions.

With fewer elements on a page, type style gets a bigger emphasis in minimalist design. Sometimes that emphasis leads designers to use classy type in ways that reduce readability. This derails typography from it’s main role which is to make content easy to read.

Visitors won’t stick around when reading is difficult. Nielsen Group newsletter fans feel small font sizes and low contrast are some of the, “most irritating usability problems.” Click Laboratory regularly sees, at least, a 30% improvement in bounce rate and time on site for larger type sizes.

Thin typefaces are a classy style often misused. Slender type shouldn’t be used for small text or with light colors, because letters will be faint and hard to read. Restricting slim type to headings adds an elegant contrast. This is an attractive way to make those ever-so-important headlines stand out. For more guidance, check out the Do’s and Don’ts of Using Light Typefaces.

5. Is The Hamburger Menu Migration Good For Visitors?

hamburger-menu

The hamburger menu is making it’s way from mobile devices to desktop websites. Is this trend a positive move for visitors?

Menu options are hidden behind an icon which requires users to make an extra “click” to see a full menu. On a desktop website with more real estate than a mobile device, why force visitors to make an extra click to explore the site? Why not let people scan (something folks love to do) to see their options? Unless space is a problem, don’t make visitors think more than they absolutely have to, or take extra steps.

“People often ask me: What’s the most important thing I should do if I want to make sure my site or app is easy to use? The answer is simple. Don’t make me think! For as long I can remember, I’ve been telling people that this is my first law of usability.” – Steve Krug, respected usability pioneer

NBC experimented with this menu on their desktop website. After testing the icon, the media outlet switched back to a horizontal menu. People weren’t clicking on the icon, and that’s a big problem. NBC was smart enough to test the menu and react to what their visitors did.

news-screenshot

When reviewing a new design, ask yourself if it will improve the user experience or add friction. Test new designs to see if visitors’ actions agree with your decisions.

This research is a starting point for defending your website from design decisions that kill conversion rates. Keep in mind that everyone’s audience is different. That’s why you must test designs to find out what’s best for your visitors. More importantly, don’t jump on the latest web design trend just because it’s new or looks cool. Quality design doesn’t just look good. It works with copy to motivate visitors into taking the next step to becoming customers.

About the Author: I have three more bonus tips that will help your conversion rates. Subscribe to my Digital News to receive them in the free guide – Copy Formatting Secrets That Improve Conversion Rates. Mary Iannotti is a marketing strategist, copywriter and website designer who loves helping businesses get better results from their website. Connect with her on Twitter @maryi.

13 Comments

DON’T MISS OUT

Get updates on new articles, webinars and other opportunities:

Today’s Eggspert

This article was written by today's Daily Eggspert. If you would like to contribute as an Eggspert, please reach out to us here.

13 COMMENTS

Comment Policy

Please join the conversation! We like long and thoughtful communication.
Abrupt comments and gibberish will not be approved. Please, only use your real name, not your business name or keywords. We rarely allow links in your comment.
Finally, please use your favorite personal social media profile for the website field.

SPEAK YOUR MIND

Your email address will not be published.

  1. JD Fillmore says:
    December 21, 2016 at 8:07 pm

    This is a fantastic article. I work at an agency wherein every design has massive images. They don’t realize this slows down the site drastically – and clients want more business from their sites (these large images slow down the site, drastically affecting SEO).

    Bookmarked for showing my boss tomorrow 🙂

  2. Anonymous says:
    September 6, 2016 at 2:44 am

    Thanks for the nice article. I liked and agree with your fact about the websites. Some concepts of Google Material Design are good. It really depends on how designers use it.

  3. George Wright says:
    May 10, 2016 at 4:17 pm

    Thanks for the nice article. I liked and agree with your fact about the hamburger menu. What is your opinion about Google Material Design?

    • Mary says:
      May 12, 2016 at 12:04 pm

      George, some concepts of Google Material Design (GMD) are good. It really depends on how designers use it. If GMD helps visitors better understand the value behind a company and its products, super. If GMD makes it easier for visitors to complete an action, great. But I would test the design to make sure it works for visitors.

  4. Simons says:
    May 10, 2016 at 5:33 am

    Absolutely great post!

    • Mary says:
      May 11, 2016 at 6:31 pm

      Glad you liked the post Simons.

  5. RITIKA says:
    May 9, 2016 at 4:35 am

    HI

    This research is a starting point for defending your website from design decisions that kill conversion rates. Keep in mind that everyone’s audience is different.

    REGARDS
    RITIKA

  6. RITIKA says:
    May 9, 2016 at 4:09 am

    HI

    . More importantly, don’t jump on the latest web design trend just because it’s new or looks cool. Quality design doesn’t just look good. It works with copy to motivate visitors into taking the next step to becoming customers.

    REGARDS
    RITIKA

  7. Divyang Patel says:
    May 8, 2016 at 10:44 am

    Certainly, the visual web is making conversion very difficult. Oftentimes, marketers use too many images in representation making it difficult to locate CTA button.

    Recently, we did an experiment on a gift portal which had tons of images of gifts. All we did is reduced them to a certain number and made is easy for the users. Information overload can sometimes lead to less conversion.

    • Mary says:
      May 11, 2016 at 6:37 pm

      Thanks for sharing the results of your experiment Divyang. The right images, positioned in the right place can draw a skimmer’s eye to the copy, so the person reads it. But when we use too many images, the copy can get overlooked. Designers have to find the right balance just like you did.

  8. Corey says:
    May 7, 2016 at 3:15 pm

    I hate the hamburger menu on desktop, this cannot work and have no idea why people try it.

  9. Matthew Price says:
    May 7, 2016 at 2:32 pm

    Great article Mary, very informative. I’ve questioned hamburger menus on desktop websites myself. You’ve confirmed my suspicions!

    • Mary says:
      May 11, 2016 at 6:54 pm

      The hamburger menu on desktop doesn’t make sense to me either Corey. The other thing I’ve discovered Matthew is that many of the menus are designed with light grey lines on a white background. I think this will make usability even worse for visitors on a desktop.

Show Me My Heatmap

I’m just @crazyegg’ing everything these days.

Kyle Mitchell

@jaggedlines