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.
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:
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.
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.
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.
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.
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.
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,
Image via Shutterstock.
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+.
US Consumer Device Preference Report
Traditionally desktops have shown to convert better than mobile devices however, 2015 might be a tipping point for mobile conversions! Download this report to find why mobile users are more important then ever.
E-Commerce Customer Lifecycle
Have you ever wondered what factors influence online spending or why shoppers abandon their cart? This data-rich infogram offers actionable insight into creating a more seamless online shopping experience across the multiple devices consumers are using.
September 9, 2015
12pm ET/9am PT
September 16, 2015
12pm ET/9am PT
September 23, 2015
12pm ET/ 9am PT