{"id":11568,"date":"2016-12-07T15:35:00","date_gmt":"2016-12-07T15:35:00","guid":{"rendered":"https:\/\/trafficsoda.com\/?p=11568"},"modified":"2022-11-28T17:50:57","modified_gmt":"2022-11-28T17:50:57","slug":"why-is-every-app-blue","status":"publish","type":"post","link":"https:\/\/www.trafficsoda.com\/why-is-every-app-blue\/","title":{"rendered":"Why Is Every App Blue? The Science Behind The Colour Of Your Website"},"content":{"rendered":"\n

It may seem like an arbitrary decision left to web designers, but the colours you choose to code your brand with can make a big impact on conversion. There is an entire field of psychology that revolves around colour preferences and the subsequent emotional reactions, but here are a few simple tips that can help your company use colours to your advantage.
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n


The specific colours you choose are more important that simply for aesthetic purposed. The colours you apply to specific buttons and parts of your page can change the way a customer reacts to your brand. It takes 90 seconds for a customer to form an opinion on a product and by using specific colours you can impact that opinion. Choosing the right colours on your headers, graphics, headline type, borders, backgrounds, buttons and popups is crucial to conversion success.
<\/p>\n\n\n\n

The most important consideration to make is who your audience is. Bright orange, yellow and green are perfect for company that sells children\u2019s bouncy houses but would be inappropriate for a high fashion website.
<\/p>\n\n\n\n

For colour, the easiest way to break down your audience is by gender. Women prefer blue, green and purple and primary colours in general, while men prefer blue, green and black colour schemes. Both genders have a general disdain to earth tones like orange and brown. These preferences can be used to inform the base colours of your website.
<\/p>\n\n\n\n

When considering buttons and features on your website, look at the breakdown of these commonly used colours, the feelings they evoke, and the best place to use them.

<\/p>\n\n\n\n

BLUE= TRUST, PEACE AND ORDER<\/h2>\n\n\n\n

There is a reason that many popular apps and websites use blue as their main colour (hello Facebook, Twitter, PayPal and Capital One). Blue projects subtle messages of trustworthiness and serenity, loyalty and tranquilly. Use blue to your advantage on landing pages on your website to make the customer feel comfortable and at peace right away. The only case that you should not use blue for your website, is if your business is related to food. Very few types of food are blue and the colour can send a message of distaste.

<\/p>\n\n\n\n

YELLOW= WARNING, ANXIETY<\/h2>\n\n\n\n

This colour can sometimes be associated with happiness or sunshine, but more often it is linked to warning signs (think wet floor and traffic signals). Yellow evokes a heighted sense of emotion or anxiety, so it should never be used as the main colour for the branding scheme of a website. Yellow is best to be used on features like call to action buttons where a bit of anxiety or tension will urge the user to click the button.

<\/p>\n\n\n\n

GREEN= ENVIRONMENT, OUTDOORS, ACTION<\/h2>\n\n\n\n

The word green itself is often used as a term to describe environmentally-friendly or outdoors related practices, so using this colour for any business that has to do with nature, the environment, organic products or the outdoors will produce great results. Green is also a great colour to use on Call to Action buttons that says \u201cpurchase\u201d or \u201csubmit\u201d because it sticks out in isolation against a simpler background. This is common practice for a reason! Besides that, green has been known to boost creativity! Use this colour wisely.

<\/p>\n\n\n\n

ORANGE= FUN, CONFIDENCE, URGENCY<\/h2>\n\n\n\n

This colour is great to encourage physical activity, competition and confidence, which is why it is often used in many sports team\u2019s logos. The colour suggestion of activity explains why many companies use the colour for \u201cLimited time offer\u201d banners, as it stimulates attention. However, beware that some people can interpret orange as signifying \u201ccheap\u201d, which is appropriate for a promoting a sale, but not for a luxury high value website.

<\/p>\n\n\n\n

BLACK= LUXURY, VALUE<\/h2>\n\n\n\n

This is a very commonly used colour that signifies luxury, elegance, sophistication and power. Black is a classic and timeless colour that gives the impression of exclusivity and importance. Many high value companies like Louis Vuitton and Lamborghini use this colour to add intensity to their websites.

<\/p>\n\n\n\n

BRIGHT COLOURS= CALL TO ACTION<\/h2>\n\n\n\n

The brighter the colour on you call to action button, the higher conversion rate. In particular red, green, orange and yellow are the most effective, but as long as it is bright, the call to action will be more successful than if was in a darker, cooler colour. Anti-aesthetic colours tend to perform well as they are different and catch the eye against your coordinated aesthetic.

<\/p>\n\n\n\n

WHITE= FREEDOM, SPACIOUSNESS, BREATHEABLILITY<\/h2>\n\n\n\n

Though not technically a colour, white can often be neglected when considering a colour scheme for a website. The simplicity can be a powerful design feature when used a background colour. It lets your text and buttons standout and gives users a sense of freedom and peace in their experience.

<\/p>\n\n\n\n

The most important thing to remember when you are creating a website is to test a variety of colour combinations with your audience. Use this guide to inform your colour choices, but only through testing will you know exactly what works for you.<\/p>\n\n\n\n

If you already have a website and brand that prevents your company from making dramatic changes to your colour scheme, try to at least adjust the call to action buttons. Small changes in specific places can still have big impacts on overall conversion.
<\/p>\n\n\n\n

Having a deliberate plan with your use of colour can have a big impact on the overall performance of your website!<\/p>\n","protected":false},"excerpt":{"rendered":"

It may seem like an arbitrary decision left to web designers, but the colours you choose to code your brand with can make a big impact on conversion. There is an entire field of psychology that revolves around colour preferences and the subsequent emotional reactions, but here are a few simple tips that can help […]<\/p>\n","protected":false},"author":2,"featured_media":11570,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ub_ctt_via":"","footnotes":""},"categories":[120],"tags":[189,124],"featured_image_src":"https:\/\/www.trafficsoda.com\/wp-content\/uploads\/2022\/06\/an-explosion-of-colors.jpg","author_info":{"display_name":"Amanda Turner","author_link":"https:\/\/www.trafficsoda.com\/author\/amanda\/"},"_links":{"self":[{"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/posts\/11568"}],"collection":[{"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/comments?post=11568"}],"version-history":[{"count":1,"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/posts\/11568\/revisions"}],"predecessor-version":[{"id":11571,"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/posts\/11568\/revisions\/11571"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/media\/11570"}],"wp:attachment":[{"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/media?parent=11568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/categories?post=11568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.trafficsoda.com\/wp-json\/wp\/v2\/tags?post=11568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}