color-wheel

Increase Your Site Conversions With the Right Color

  |  July 8, 2014   |  Comments

The colors you use throughout your website and for your calls to action can have a profound effect on conversion rates. Here are some tips to help you use color to boost sales and return on investment.

When designing or optimizing a website, it's easy to get so mired down with all the details of layout, navigation, imagery, and content that you overlook one of the most powerful persuasive tools: color.

Colors have a surprisingly measurable effect on how people perceive businesses and their products and services. Colors can elicit particular moods, influence how well people can process the information they see on the page, and increase or decrease the odds of purchase. If you've simply designed your website to match your logo colors, here are some black-and-white facts that just might make you want to color outside the lines.

The Power of Color

Optimizing conversions on a website requires a good understanding of the principles of persuasion, coupled with a keen awareness that a majority of human decision-making occurs at a subconscious level. Color is one of the tools that marketers can leverage to tap into the subconscious minds of visitors. In fact, there is a branch of behavioral psychology that studies how color affects human behavior, and marketers have long been interested in trying to understand how they can leverage this research to sway consumer preferences and actions.

The science of understanding how people react to color is pretty complicated, largely because it is influenced by all sorts of things like culture, gender, psychological factors, and context. But here in the United States, there are a handful of color principles that are believed to evoke certain emotions in many people:

  • Yellows reflect optimism, warmth, and happiness. Interestingly, it is also used to convey warning messages and may increase anxiety levels. 
  • Orange communicates friendliness and is considered a "fun" color. It stimulates confidence and also suggests urgency. 
  • Red conveys excitement and boldness, which may explain why it is commonly used to advertise sales.
  • Purples show creativity, sophistication, and wisdom. 
  • Blue conveys trust and dependability, with some researchers adding peace, tranquility, and loyalty to the list. It's not surprising, then, that much of corporate America has incorporated blue into their branding.
  • Green is peaceful and is a symbol of growth and nature. It makes people think of the outdoors and has come to evoke an eco-friendly quality.
  • Black indicates value, luxury, and power. It is commonly used for high-value or exclusive products.

If your company targets a multi-national audience, be sure you understand the nuances of color in different regions. In China, for example, white is worn for funerals, so the color is unlikely to have the same impact as it would on an American audience who associates the color with weddings and purity. Gender also plays an important role in color preference, further underscoring the need to understand your audience before selecting your website colors. Women seem to have a preference for primary colors and tints and a dislike for earthy tones. Men are purported to shun purple, orange, brown, and tints of any color. Both genders favor blue.

How Colors Affect Behavior and Buying Habits

According to the Impact of Color on Marketing study, 62 to 90 percent of snap judgments about products are made based on color alone. Similarly, color impacts the emotions visitors will feel when the visit your site, how they process the information about your products or services, and how drawn they feel toward conversion.

In 2013, researchers at the University of Virginia conducted a study looking specifically at the colors red and blue and their impact on consumers' willingness to pay. They found that a consumer in an auction or similar situation in which product scarcity played a role was more willing to pay after being exposed to a red website background rather than blue. In contrast, in situations where the product is readily available, a red background decreased the consumer's willingness to pay as compared to blue. The researchers concluded that because red induces aggression, it prompted consumers to make higher bid jumps in auctions. But in retail or fixed-price settings, purchase likelihood was higher when buyers were exposed to a blue background.

Other research shows that shoppers on a budget gravitate toward blues and greens, impulse shoppers respond to orange and black, and traditional shoppers favor blue and red. And in brick-and-mortar environments, it is said that warm colors will attract people into a store whereas blue colors will encourage more contemplation and higher sales.

In 2002, researchers Biers and Richards studied the impact of dominant color on buyers' perceptions of promoted items. They found that backgrounds with cold hues such as blue reduced the risk of purchase postponement, especially among regular Internet users. And in 2004, a study conducted by researchers Hall and Hanna concluded that e-commerce websites should use chromatic colors (colors with a dominant hue such as blue or green) due to the higher aesthetic appreciation score, which correlated to higher intents of purchase. On the other hand, their research indicated that websites promoting knowledge transfer should display black text on white backgrounds and achromatic colors with maximum contrast.

Using Colors Appropriately to Improve Conversions

Capturing visitor's attention is critical for conversion. The Von Restorff Effect has shown items that stand out are more likely to be remembered than the items that blend into the background. To accomplish this, choose a color or your button that is high contrast and not used elsewhere on your site.

two-ctas

Generally speaking, it's best to use bright primary and secondary colors for your call to action (CTA). Test after test has shown that colors like red, green, orange, and yellow typically convert best, but only when not used prominently elsewhere on the site. Not surprisingly, darker colors like black, shades of gray, brown, or even dark purple have lower conversion rates. However, if you have a primary and a secondary call to action, you might choose one of these darker colors for your secondary call to action to draw more attention toward the brightly colored primary CTA. 

Also remember that some of the best converting colors are ones you might not personally like, for example orange and yellow. Amazon uses yellow for their "Add to Cart" button and gray for their secondary conversion buttons.

amazon-button-colors

While your Web designers and branding specialists may be primarily concerned with color aesthetics, conversion is not about what "looks good."
Finally, avoid color overload. Too many colors will create confusion and paralyze visitors. When everything is designed to stand out, nothing stands out. Your selection of colors has to include the right balance of white and achromatic colors with appropriately placed chromatic hues. Keep in mind that contrast is important, and that your main conversion steps should literally jump off the page with a bright color that contrasts against the rest of your page content.

Tips for Selecting Your Site's Optimum Colors

Selecting the best colors for your website requires a careful study of your audience, your competitive environment, and the "personality" of your company or industry. Research has found that how well your color scheme matches visitors' expectations has as much to do with their reaction as the colors themselves. In other words, if you're selling life insurance and your website is pink or yellow, visitors might not respond in a manner that is consistent with the color psychology of those colors because they seem inappropriate for the site's content. Additionally,

  • Think about the types of colors that will fit well with the personality and mood your company wants to reflect. Do you want to look upscale? Friendly? Cheap?
  • Consider how well particular colors fit with your audience's expectation for your product or service. Don't get so creative that you shock or surprise your visitors with your choice of colors.
  • Know your audience (gender, geographic location, and other traits) and what colors would be most likely to appeal to them, based on the research of color psychologists.
  • Select a combination of chromatic and achromatic colors, and if you have enough traffic, be sure to test all color hypotheses to find what works best for your site and your audience.

Image via Shutterstock.

ClickZ Live New York What's New for 2015?
You spoke, we listened! ClickZ Live New York (Mar 30-Apr 1) is back with a brand new streamlined agenda. Don't miss the latest digital marketing tips, tricks and tools that will make you re-think your strategy and revolutionize your marketing campaigns. Super Saver Rates are available now. Register today!

ABOUT THE AUTHOR

Tim Ash

Tim Ash is CEO of SiteTuners.com, a landing page optimization firm that offers conversion consulting, full-service guaranteed-improvement tests, and software tools to improve conversion rates. SiteTuners' AttentionWizard.com visual attention prediction tool can be used on a landing page screenshot or mock-up to quickly identify major conversion issues. He has worked with Google, Facebook, American Express, CBS, Sony Music, Universal Studios, Verizon Wireless, Texas Instruments, and Coach.

Tim is a highly-regarded presenter at SES, eMetrics, PPC Summit, Affiliate Summit, PubCon, Affiliate Conference, and LeadsCon. He is the chairperson of ConversionConference.com, the first conference focused on improving online conversions. A columnist for several publications including ClickZ, he's host of the weekly Landing Page Optimization show and podcast on WebmasterRadio.fm. His columns can be found in the Search Engine Watch archive.

He received his B.S. and M.S. during his Ph.D. studies at UC San Diego. Tim is the author of the bestselling book, "Landing Page Optimization."

Connect with Tim on Google+.

COMMENTSCommenting policy

comments powered by Disqus

Get the ClickZ Analytics newsletter delivered to you. Subscribe today!

COMMENTS

UPCOMING EVENTS

UPCOMING TRAINING

Featured White Papers

Google My Business Listings Demystified

Google My Business Listings Demystified
To help brands control how they appear online, Google has developed a new offering: Google My Business Locations. This whitepaper helps marketers understand how to use this powerful new tool.

5 Ways to Personalize Beyond the Subject Line

5 Ways to Personalize Beyond the Subject Line
82 percent of shoppers say they would buy more items from a brand if the emails they sent were more personalized. This white paper offer five tactics that will personalize your email beyond the subject line and drive real business growth.

WEBINARS

    Information currently unavailable

Jobs

    • Lead Generation Specialist
      Lead Generation Specialist (The Oxford Club) - BaltimoreThe Oxford Club is seeking a talented writer/marketer to join our growing email lead-generation...
    • Health Marketing Editor
      Health Marketing Editor (Agora Inc.) - BaltimoreCome flex your intellectual muscle as part of Agora, Inc’s (http://agora-inc.com/) legal team...
    • Marketing Systems Analyst
      Marketing Systems Analyst (OmniVista Health) - BaltimoreOmniVista Health is looking to add a Marketing Systems Analyst to our expanding team. We...