Skip to main content

Understanding the Pyschology of Color in Web Design

So you've bought the domain, you've got some great sales copy, ensure your meta and alt tags are doing they're job, have a few graphics thrown in for good measure and are all set to publish your design to the web. Right?
Wrong. But though you're on the right track, you might have overlooked what research is now calling one of the most crucial elements in site design: color. Having the right color scheme might be one of the ways to make or break your site. Since you only have about the first ten seconds of a user's attention span, you need to ensure that what they first see catches their eye.
The fact that the users are visiting your site means you've got the core elements of design on target, but now you have to keep them there. True, you'll need great a great sales pitch and copy but don't underestimate the importance of a color's pyschology.
Colors mean different things to different people and can symbolise different things in different cultures. For instance, if you're marketing your website for Asian users, a green hat with a white carnation as a corporate logo might seem creative but it might also get you backlashed and I'll explain why. A green hat in China means a man's wife is cheating on him and the white carnation symbolises death in Japan. Using the two in conjunction is a definite no-no.
Similarly, each color has a different meaning behind it which is subjective and relative to each user's past experience.
Take the color red for instance, it could mean different things to different people based on their histories and associations with the color. It could mean a source of extreme pleasure for one and symbolise anger for another.
On the upside, websites created with different shades of blue or a blue-white combination are generally quite popular. Why? Blue typically represents a sense of calm, trust and security besides being easy on the eye.
However, using bright blue or bright of any color is a bad idea owing to the fact that the human eye will need to adjust to each color and will put unneeded strain on their eyes.
Pink normally represents softness and gentility, which is why it is often used in baby care products while orange which symbolises potency and power is normally used in vitamins and health products, energy drinks etc.
Consider's Newton's first law - every action must have an equal and opposite reaction. For each color that you choose, there will be a dfferent reaction to it by every user approaching that site. The question now becomes: how do you know which color won't affront?
Try basing your color choices on what your site content and product sells, considering the audience & culture and gender preferences. Men and women prefer different variations of color - men often prefer brighter colors and are generally okay with grays and blacks, while women prefer softer tones likes pastel shades. Cultures vary regarding color usage - for instance a yellow and black site could be a wonderful combination for Americans, but might serve as a reminder to Nazi Germany for an Israeli, hence enforcing that those two colors should never be used in conjunction when designing a website for a Jewish corporation.
Let's say you just love the blue/purple combination and have a nature-based website. Users do not often associate purple or blue with nature. Green and yellow might be more useful, with yellow used sparingly and green used predominantly due to its generally calming nature.
Multicolored websites have the least visitation span with the span reducing with the introduction of each new color. In general, not more than five different colors should be used on a single page.
Concluding, each website is defined not only by the content but by its color - an indirect approach to marketing and propagating a message. While we use body language, websites use colors to demonstrate the subtleties and finer text.
Colors should not be used to support information, but rather to represent the site's message and remain consistent throughout the website.
If you're working with the right colors, you're sending out the right message!

Comments

Popular posts from this blog

Why Flash Player is the best plugin ever

Cross-platform Availability and Portability Flash Player is available for all the major operating systems: Windows Mac OS Linux Solaris Also, it comes preinstalled with Mac OSX and Windows XP . So the users of these platforms don’t even need to download it! There is also Flash Lite , which enables the viewing of Flash content on mobile devices like cellphones and PDAs. Just take a look at all the mobile phone manufacturers that are incorporating Flash Lite into their devices (currently more than 140 cellphones are Flash-enabled): Fujitsu Hitachi Kyocera Mitsubishi Motorola NEC Nokia Panasonic Sanyo Sendo Sharp Siemens Sony Ericsson Toshiba Still not convinced? Well, there is even more - the PDAs : Microsoft Pocket PC and Sony CLIE. Can there be more? Sure. Let’s not forget the consumer electronics : the iRiver U10 media player and the Kodak Easyshare-One Zoom Digital Camera are Flash-enabled, like some set-top boxes too. Oh, wait, I didn’t tell you yet which bro...

Net Telephony - Free local calls, STD at 15p/min

Thanks to the ubiquitous Internet, your telephone bill can be drastically trimmed. The Internet Service Providers Association of India (ISPAI) claims that STD calls can be offered at 15 paise/minute and local calls can be free on the same network, if the government permits unrestricted domestic internet telephony. The Internet Service Providers (ISPs) claim that they can offer free local calls in case of own network (that is, within the network of a particular internet service provider) and 10 paise per minute for calls on other IP network. “ISD call rates can further come down to 50 paise per minute on same IP network, and in other IP network 75 paise. And if you want to call on a mobile or fixed line from an IP phone, STD call rates can be offered at 50 paise per minute,” the ISPAI claims. The association has members such as Sify, Net4, HFCL, HCL Infinet, RailTel, Spectranet and Tulip IT Services. Currently, STD call rates on mobile networks are about Re 1 per minute while local rate...

Web Office: 2007 Year in Review

Over the next few weeks we'll be reviewing a number of Web product categories on Read/WriteWeb, summarizing what's happened in 2007 - and what to look forward to in 2008. We're starting with the Web Office, a market that underwent a lot of changes this year. Our definition of Web Office is: A Web Office suite is a combination of productivity, publishing and collaboration features. A Web Office both embraces the functionality of desktop office suites (e.g. Microsoft Office) and extends it by using Web Native features. Probably the biggest change was that Google Apps ramped up this year, starting with the release of Google Apps Premier in February. And 2007 continued the trend of acquisitions in this market, which started in 2006 with the likes of Writely and JotSpot. In 2007 Yahoo acquired Zimbra and Google acquired a number of small startups - including GrandCentral (online telephony service) and Zenter (presentations software). The biggest disappointment of the year in ...