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

Recession is ending, Signaling Shift in the Economy

The most hopeful jobs report since last summer suggested Friday that the recession was ending, but the recovery will be marked by a still-rising unemployment rate and tens of thousands of job losses each month until next year. The American economy shed 247,000 jobs last month, the smallest monthly toll since last August, the government reported on Friday. While businesses are expected to keep cutting positions through the rest of the year, the Labor Department’s latest figures offered hopeful signs for the American worker and a measure of relief to the Obama administration, which has faced rising criticism as unemployment blew past its earlier projections. “The trend lines are positive,” said Mark Zandi, chief economist at Moody’s Economy.com. “We are going from massive job losses to just big job losses on our way to a stable job market, I think by next spring.” The length of the workweek increased, albeit slightly, for the first time since August, a sign that businesses were not scali

Which Windows 7 is right for you?

Windows 7 officially will be released to the public on Thursday, and judging by our poll, most readers have already decided to upgrade. For those who haven't, or for those who want a bit more information on just what you're getting with your Windows 7 Starter, Home Premium, Professional, or Ultimate, take a look at the chart and explanation below. . Starter Home Premium Professional Ultimate . 32-bit and 64-bit versions 32-bit only Both Both Both . Maximum physical memory (64-bit mode) N/A 16 GB 192 GB 192 GB . Maximum physical CPUs supported 1 1 2 2 . Home Group (create and join) Join only Yes Yes Yes . Backup and Restore Center Cannot back up to network Cannot back up to network Yes Yes . Multiple monitors No Yes Yes Yes . Fast user switching No Yes Yes Yes . Desktop Wallpaper Changeable No Yes Yes Yes . Desktop Window Manager No Yes Yes Yes . Windows Mobility Center No Yes Yes Yes . Windows Aero No Yes Yes Yes . Multitouch No Yes Yes Yes . Premium Games Included No Yes Yes

The Future of the Desktop

Everything is moving to the cloud. As we enter the third decade of the Web we are seeing an increasing shift from native desktop applications towards Web-hosted clones that run in browsers. For example, a range of products such as Microsoft Office Live , Google Docs , Zoho , ThinkFree , DabbleDB , Basecamp , and many others now provide Web-based alternatives to the full range of familiar desktop office productivity apps. The same is true for an increasing range of enterprise applications, led by companies such as Salesforce.com , and this process seems to be accelerating. In addition, hosted remote storage for individuals and enterprises of all sizes is now widely available and inexpensive. As these trends continue, what will happen to the desktop and where will it live? This is a guest post by Nova Spivack , founder and CEO of Twine. This is the final version of an article Spivack has been working on in his public Twine . Is the desktop of the future going to just be a web-hoste