|
|
||||||
|
||||||
| Index Link To US Private Messages Archive FAQ RSS | ||||||
| Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability. |
Share Thread: & Tags
|
||||
|
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
|||
|
Psychological Impact Of Website Colors:
I have spent a great deal of time surfing the internet with a critical eye bent on the psychological impact of websites to the viewer. I have attempted to "feel" the verbiage and color choices of certain websites in how they make the visitor feel emotionally. Some websites go over the top with overt marketing copy, flashy photos and extremes in color. While many site designers choose the "minimalist" approach with overly subdued hues, small fonts, fewer images & less, but more descriptive words. In my personal research, I have discovered that the most important first-impression, psychological factor impacting website viewers is COLOR. The internet is truly a very visual and extremely psychological medium. However, before reading a single word of your marketing copy, your website visitors are confronted with the background color of your website, the color of your header, the color of your text and headlines, etc. Remember, colors, like words, can be used as a language of expression as well, sometimes to a greater degree of emotional impact on the viewers senses. Here is a simple guide list containing the common colors and the types of first-impression, psychological emotion they may invoke upon the website viewer: RED can invoke feelings of love, passion, danger, warning, excitement, food, impulse, action, adventure. BLUE can invoke feelings of trustworthiness, success, seriousness, calmness, power, professionalism. GREEN can invoke feelings of money, nature, animals, health, healing, life, harmony. ORANGE can invoke feelings of comfort, creativity, celebration, fun, youth, affordability. PURPLE can invoke feelings of royalty, justice, ambiguity, uncertainty, luxury, fantasy, dreams. WHITE can invoke feelings of innocence, purity, cleanliness, simplicity. YELLOW can invoke feelings of curiosity, playfulness, cheerfulness, amusement. PINK can invoke feelings of softness, sweetness, innocence, youthfulness, tenderness. BROWN can invoke feelings of earth, nature, tribal, primitive, simplicity. GREY can invoke feelings of neutralality, indifference, reserved. BLACK can invoke feelings of seriousness, darkness, mystery, secrecy. Here is a link for a comprehensive "color chart" that will assist you as to which web colors compliment each other, and which ones will clash: http://www.visibone.com/colorlab/big.html Colors can help sell your website products or ideas. Colors can distract, even turn off the website viewer. Therefore, choose your colors wisely. Do not simply choose the colors you like or unusual colors just because they are different. Keep in mind that you are trying to appeal to the widest possible demopgraphic of website viewers. Be sure your website colors appeal to most, not just some. Your thoughts and opinions are welcome. |
|
|||
|
That actually seemed to make sense. Thanks for the post cpw3.
__________________
My Site: A Toronto Web Hosting Company |
|
|||
|
I just got to thinking about the major discount retailers & grocery store chains in my area & their use of bright RED lit logo signs. Why? I speculate, at least in European & western hemisphere countries, we associate red with attention, stop, emergency, action.
I find it interesting that many scientists, who study color perception in various specious, believe only primates and humans can perceive the color red. Red must invoke some of the stongest emotions in humans. This may be why most website designers use it sparingly and for specific reasons. Why would you use the color red on your website? Why wouldn't you? |
|
||||
|
cpw3 you've touched on one of my favorite subjects! While I love your article, it is well written, I also have a few comments.
The psychological impact of colors on visitors is an important factor in web design - one many web designers do not take into consideration. A frustration I've had for a long time now. You also have to consider the visual and cultural aspect of colors, these are also part of the psychological profiling that should be done. I've seen many sites use bright blue and bright red - a very hazardous combination and also very eye catching. The problem though, is the eye has to work harder to adjust to the two different colors. It is the worst and most headache inducing color combination. Looking through your post at the red and blue meanings you've posted - red has negative and positive connotations and blue is basically positive. (blue is the safest color to use on the internet, visually, psychologically, and culturally - but it has earned the nickname of "Corporate Blue" because of its over-use.) If you take a closer look at the meanings of those two colors you'll find there can be problems. For example: Blue is not completely positive. Quote:
Granted not everyone is going to research color psychology before creating a website. I'd have one less thing to rant about if they did. ;) The fact that you have researched it is commendable. Good job and good article. Psychologists have suggested color can account for 60% of the acceptance or rejection of a product or service. Very useful link and great questions by the way. I'll bow out from answering, they're my favorite ones to ask as well ;) P.S. Yellow is the most noticeable by the eye in small quantities. Hard on the eye's if over used. Goes well with a reddish-yellow as a highlight ;)
__________________
Forum Rules "Cat washing IS a martial art." "Remember Today IS Yesterdays Tomorrow" |
|
||||
|
IMO - BLUES give me the blues! - Another blue Site - AGAIN!
WAY OVERUSED and ABUSED! It does not help with branding anymore - In fact, if I can't see more creativity than some dull drab blue, gray and white Site.... I usually go on down the line from there... And I think many viewers are feeling the same! The last thing I want to see on a cold drab rainy wintery day is another BLUE SITE! Ken |
|
|||
|
Interesting discussion, but aside from the sheer "physio"-logical aspect of the color..
.. but maybe there needs to be another aspect introduced to the discussion.. the CULTURAL impact of the color. This is the WORLD wide web.. and for those who serve a more global audience, I think there are other considerations; -the origin of the vistor, -goal of the site. e.g an e-commerce site. Las Vegas has this down to a science. just my 2 cents. -steve
__________________
Hardcore Programming Solutions and Coffee Drinker |
|
||||
|
Enjoyed the posts here and am very interested in color choices for web sites.
I agree that there is a psychological impact of colors. However, it is a struggle for a website designer to know what is "in" and what has been "over-done." As a cartoon site, we don't want to detract from the "gag" but we still want the pages to have some sort of pizzazz. We've chosen a white background with a black "frame." The masthead is green and blue -- mostly because we feature planet earth. The black represents outer space if you will and the earth shows up better. Sometimes I think it is too dramatic and other times I think it is just right due to all the primary colors we use in the cartoons. It is a hard decision for a web designer to come up with something creative yet readable and enjoyable. |
|
|||
|
don't remember where exactly I read it (one of 100's branding books)
red is usually taken by first in categories blue is second coke -red pepsi -blue mcdonalds -red burger king -blue yahoo -red google -blue (2 letters are blue vs 1 color for rest) the company i work for -red (a top architecture firm) just my 2 c's tim PS. you could make a lot of interesting papers for doctorates on this probably ranging from behaviour, business, marketing, research etc ... |
|
||||
|
I think too much is made of psycholigal effects from colours. I mean - ORANGE can invoke feelings of comfort, creativity, celebration, fun, youth, affordability - if one is being bashed to death with an orange club in an orange room will I feel comforted? Hmmm.
A lot was made of this theory years ago when it was suggested a restaurant in red promoted hunger. I knew of people who re-coloured their restuarants and still went broke. My point is if the food is bad people won't care if the eatery is red. I remember one of the best Italian restaurants in Sydney had dirty old walls and a horrible carpet - yet the line always stretched for a block outside. My point is colour design is important in it's own way but not crucial. Content is king - if the food is good people won't care what colour they're surrounded by - not one bit. Would downlaods of adaware suffer if they changed their colours to baby poo? And colour theory was dashed recently when a survey found a majority of people choosing green and black for their preferred skin (was it My Yahoo? Can't remember) went against all established colour theory. On my website I have used several colour profiles on different webpages e.g. a christmas theme might be red and green, a black and white photo web page might be just black and greys. Despite not sticking to an established colour scheme throughout, the site still grows in popularity. I would stress however that a page must be legible - tested on several user machines - as God knows how many sites I visit have totally illegible text.
__________________
Jeremy |
|
|||
|
Color is a very important aspect to Web design I do agree.
My Web firm takes this aspect very seriously when creating an Internet Strategy for our clients. Although we use color in a different way other than just as a color palette for our clients sites. Many times the companies that we work with are clueless when it comes to translating their business models into an Internet environment. Time and time again we had to come up with a method that would produce the same results every time across multiple channels while uncovering the same answers, but also produce the results that would make what ever company we were planning for a success on the Internet. We started to see patterns in the choices of colors and images that seemed to be consistent with the company’s method and over all message. While color/word/image association is by far a new strategy we started to develop a method to use it in our strategy workshops. This is what we do now, and it is highly successful: In our strategy planning workshops we use color and image association to dig out what the true underlying message is behind the intensions and inner workings of a company. It is a very compelling process, and done correctly is very successful. While this is only one of our many strategies when developing Internet Business Solutions that truly represent the client, and their target market it is very successful in helping develop the overall message. |
|
|||
|
Hi Everyone,
This has been an interesting converstion. Our website is not oriented toward e-commerce. Rather, we are selling a professional consulting service and some different color schemes apply. I was curious what you all thought of the color scheme used on the site given its professional orientation? Thanks a lot, Bob |
|
|||
|
Quote:
This article can certainly help a lot of other people that are beginning to create a new website know who / what they want to target. Thanks for the article, cpw3. |
|
|||
|
I have built databases for years - and love to put some color into them. But the users always complain and ask for grey backgrounds and muted colors.
Given time and enough user pressure all my interfaces look pretty boring. Professional :) but boring. Why? |
|
||||
|
A room painted yellow can also make babies cry and adults argue. Red is used in grocery stores to increase hunger - know as color psychodynamics. (The music of Bethoveen played in a red surrounding increases hunger 30%) ;)
If one does take a look at the cultural aspects of color you unfortunately come back to blue being the 'safest' online color. Blue Associations in other Cultures: China - associated with immortality. Colombia - associated with soap. Hindus - the color of Krishna. Jews - holiness. Middle East - protective color. * Note: Blue is often considered a globally safe color. Red Associations in other Cultures: China - symbol of celebration and luck, used in many cultural ceremonies that range from funerals to weddings. India - color of purity (used in wedding outfits). United States - Christmas color when combined with green, Valentines Day when combined with pink, indicates stop (danger) at traffic lights. Eastern cultures - signifies joy when combined with white. Orange Associations in other Cultures: Ireland - religious significance (Protestant). United States - inexpensive goods, Halloween (with black). Yellow Associations in other Cultures: Asia - sacred, imperial. Western cultures - joy, happiness. Green Associations in other Cultures: China - studies indicate this is not a good color choice for packaging, green hats mean a man's wife is cheating on him. France - studies indicate this is not a good color choice for packaging. India - the color of Islam. Ireland - religious significance (Catholic). Some tropical countries - associated with danger United States - indicates go (safe) at traffic lights, environmental awareness, St. Patrick's Day, Christmas color (red and green) White Associations in other Cultures: Eastern cultures - mourning, death. Japan - white carnations signify death. United States - purity (used in weddings). Black Associations in other cultures: Western cultures - mourning, death. This is just a quick list, if anyone has any meanings not listed, I would love to know about them. Just for fun: Colorfield Digital Media, Inc. has developed a plug-in for Photoshop and other applications to allow designers with normal vision to see images the same way color-deficient people see them. For more information, visit www.colorfield.com Color psychodynamics, besides being an awesome score in Scrabble, deals with the effect of color on mood and behavior. Colors that increase blood pressure, pulse, and respiration are (in ascending order): red, orange, and yellow. Reds and oranges stimulate the appetite, while blue suppresses it. Although the exact reason is unknown, one theory is that humans do not associate blue with food, so it's less appealing. People with a certain form of synesthesia ("simultaneous sensation") see colors when they hear particular sounds. This phenomenon is not entirely understood, but it is caused when a single stimulus to the brain triggers more than one sensation.
__________________
Forum Rules "Cat washing IS a martial art." "Remember Today IS Yesterdays Tomorrow" |
|
||||
|
Quote:
Maybe I should rename my site to Eeyore's Web of Opportunity... "I probably won't be able to find you an opportunity today. I'm a little blue." ((joking, in case you couldn't tell.)) I agree with all of you. Color is very important... but it does depend on the site. I just had a discussion with a guy at http://originalspepper.com/. At first I was like yikes! look at all that colored text. But then as it sunk in I realized it's a fun site. I think it works. Usually I would suggest the text to be more uniform. It depends on the image you want to portray. Personally I probably should think more about how color effects others. Blues my favorite color. That's probably why I use a lot of it in my websites. Thanks for this thread. It's making me see things in a different color! Bye,
__________________
Matt Levenhagen - Affiliate Marketing & PPC Training | Niche Marketing Resources, Tips and Advice | Niche Marketing Memberships |
|
|||
|
Advertisers spend piles of cash doing focus groups on colors and color schemes. You better believe that all the major portals and websites put a lot of time and effort figuring out their color schemes. The feelings associated with different colors is a large point of study for most marketing.
This is a great topic, and I hope any newbies take the time to do some homework before selecting their color schemes. Good luck to all and lets make the web a pleasant place to surf!
__________________
BiggerPockets.com: Real Estate Investing Community TimeforBlogging.com: Ecommerce, blogging, marketing, making money online |
|
|||
|
This is a great thread!
IMHO there are 3 key aspects to a successful Web site (at least regarding new visitors): 1 - getting a good SE ranking (the benefit is that new visitors will initially find the site), 2 - having a coherent, attractive and memorable design (the benefit is that new visitors will not simply click away from the site), 3 - having great content (the benefit is that new visitors will use the site and most likely bookmark it). I frequently modify the colors of my main site and compare the ratio of "first page views to click throughs" and also the average time spent on the site for each of the color schemes. The results, (though far from scientific!) are staggering. My impression is that people tend to prefer fewer colors but with higher contrasts. A red/gray/white theme seems to be more successful in terms of clickthroughs to other areas of the site (i.e. visitors don't simply see the first page then leave) while a blue/gray/white theme seems to result in longer visits (Ken would say its because they fell asleep!). |
|
|||
|
One of the first rules of design is that it should look good in black and white. If it looks good in black and white, it will look even better once you start adding color.
When its time to start choosing colors the web gives you a lot of freedom to experiment. It's easy to try out several different color schemes and track the results. If looking for a guide to get started, just look all the major corporations out there. They have spent millions investigating this very issue. IBM - Blue - solid, trustworthy Gateway - Green, Black, White - stable but not stuffy HP - Blue Compaq - Red, gray Starbucks - green, browns McDonalds - yellows, reds Burger King - yellows, reds, blues Coke - Red Pepsi - Blue, Red Intel - Blue Microsoft - Blue Apple - used to be red but is now almost entirely gray, white Sony - Grays Cabela's - Yellow Bass Pro Shop - Yellow Orvis - Green The type of company or products you sell can steer you in the direction of the colors you need to choose. |
|
|||
|
This tread hits a point, which is all to often missed by most web masters at the present. In the past before the boom of the web, advertising agencies were well aware of the affects of various colors used in ads had on the viewer. I see no reason why the principles should not be applied to web sites as well. It is worth mentioning though, that there are some minor differences in the reaction to colors between those viewed in print, and those viewed on a monitor or TV. This is due to light emanating from the medium. It also should be taken in to consideration that use of certain specific colors in text can have additional meanings, which are stronger than the general impressions for the same color in an image. Lastly the particular shade can change the reaction considerably for many situations. For example many here have mentioned red to induce hunger in a restaurant; the red for this actually borders on orange as apposed to the bright primary red which is more likely to induce hypertension and anger.
|
|
|||
|
Yup. Folks sure do seem to like blue. I cringe every time a new client wants blue. Actually try to talk them out of it, but the old adage "the client's always right" prevails.
Figured pretty soon folks seeing the websites i've designed are going to think that's the only color i let my customers have .... Chae |
|
|||
|
Thanks first for all the tips and tricks I read here and that helped me to enhance my website: www.thedogmuseum.com
My website is a virtual Art Museum gathering my dogs portraits painted on commission and therefore spread in collectors home all over Europe. I needed to have a gallery and a press-book to show my art work and explain my creative course. From the begining I chose an orange background for my pages. Why Orange? Because it is warm, lightful and for me very chic... all Hermes boxes are orange. I first chose a blue character, because it was a complementary colour. As I am an artist, this was important for me. But I had a problem with ODP. I am very close to my ODP editor, we wrote each other from time to time and became friends. I asked him to change my category and my site description. To change category, he had to climb higher and ask his ODP manager. The manager had a quick glance to my index page and yelled that he wont kill his eyes to read blue characters on orange pages. Since august, I am changing my 200 pages, rebuilding them in white characters 12pts when it was blue 10pts. It is an enormous work, as my pages are very descriptives and full of anecdotes about my dogs portraits and paintings. Since august, my website gets more and more visitors.. from 12.000 visitors to 15.000 in november with 40.000 pages read. Enhancing the characters, I hope to enhance the number of pages read by each one of my visitors. ... and perhap's at the end, change my ODP category... even if I have already a very good ranking on the main S.E. without spending a cent for that. |
|
|||
|
Microsoft = Blue
Novell = Red Possibly the exception that proves the rule? Quote:
|
|
|||
|
I find that blue is fairly close to grey in the way it makes me feel. It's boring, but also calming and generally fades into the background, and this is one reason why it is so successful. Colour is important, but it's rarely the most important thing on a site so you most often want to use it subtly rather than assaulting the visitor with it.
One problem I find is reconciling the permanent colours of a site with the colours of images that are different on every page. If you choose non-neutral colours in the overall design then it's a matter of choosing between having the colours clash with these images, and altering each image to match, perhaps making them greyscale. I think that's one reason we don't see so many purple, orange or red sites. |
|
|||
|
A few thoughts...
While color is important, IMO, shading does more to affect the tone of a website. You can go with a blue site and project a different tone depending on whether you use bright blue, navy blue, or pastel blue. Ultimately, it's also more important to create a unique organizational identity than to rely on feelings invoked by certain colors. Take UPS for example. No one today would select brown as their primary color, but rather than change to focus-group-tested colors, UPS chose to emphasize the uniqueness and recognizability of their colors to the extreme of branding themselves as Brown. Another good example of using color in branding is Cingular. All the other major celular carriers use blue or red as their primary color. Cingular chose orange and a friendly/personable logo to uniquely brand themselves as the friendly/personable cell phone company. |
|
|||
|
Quote:
In a website, the interface plays a more active role in the user's experience. It has to be easy to use, but it has to look more integrated too. Color affects people all the time...and it makes sense that it does on the web too. I like to limit colors to 2 or maybe 3 colors at most. I'm sure most designers find that they have to work within the limits of client's exisiting materials and client preferences. I often ask clients to give me a list of websites they like and websites they don't. The clients can usually verbalize exactly what they like/dislike about content on a site. I find it interesting that they often don't like sites that are "technically" good (good menus/navigation), but lack visual/color appeal. These same users cannot verbalize what they like/dislike about these sites. It's almost like a subconcious thing.
__________________
Jane Noel http://www.InWestmoreland.com Westmoreland County PA's Business Directory |
|
|||
|
The overall color scheme will have more impact than individual color connotations. If your page is saturated in red, its a very different than just using it as an accent color.
It's also important to create contrast between the colors on your page to define elements more clearly. Try taking a screen cap of your page and pasting it into photoshop, then convert it to black and white. If it looks flat, the colors you are using are probabbly too similar in saturation and lightness. |
|
||||
|
While I agree color is very important, I believe the psychological studies are simply something to take into consideration rather than fact. Research is more like trial and error to me and it changes with time. For example, a color that did well in 1970 may not have the same impact in 2004. I think finding a brand color is more important than the background of a website. What colors are the most traditional?
|
|
||||
|
I wanted to add something. Many have used well known brand names such IBM, HP or McDs...
These are all established. Color is more of a first impression issue. Or even a 2nd or 3rd impression. But when you have an established brand it becomes less of a factor. When a person is visiting you for the 10th time, it's less of a factor. Or if the visitor was referred and is seeking specific information and knows that you are going to provide it, he/she could care less about design or color. Color is important, but to what degree depends on the business. It depends if you are an informational site or you're selling products. It depends if you are an American and Love the Red, White and Blue or if you are a martian and love the color green. There are no hard and fast rules. The only true conclusion can be drawn from a split-test with each individual site. Split-Test folks. The answers are individual as your fingerprint... And that's all folks!
__________________
Matt Levenhagen - Affiliate Marketing & PPC Training | Niche Marketing Resources, Tips and Advice | Niche Marketing Memberships |
|
|||
|
Quote:
tim |
|
|||
|
Actually, if I remember right MS originally was red (lettering) because IBM was already Big Blue.
They then changed to blue later and compaq took red. Quote:
|
|
||||
|
I found a lot of very relevant information in this topic. Thanks for all the info on the main colors.
I had a major issue with the color of my website in the past. It was teal background with yellow and white text... I loved it but was asked many times to change the colors. Now, it's a white background, with grey and a touch of red. It's boring, it's professional... but it has not at all made a difference in sales. So, is color important? I guess it can be, but as someone pointed out, visitors want to find what they are looking for. Then they may comment on the colors. Content is key! And the simpler sites bring more attention to their products by staying away from flashy, colorful designs. That's my reason for accepting the changes I made. Katia Bordy http://www.intl-roots.com International Roots Company Rare Collectibles Art Gallery |
|
|||
|
Katia,
Just a general usability suggestion for your site since I think your color scheme makes the art/collectibles stand out. If you are going to have specific items on the first page then make sure they all have links, you never know what someone will be interested in. For example: the whole right nav should have links. I wanted to see the Monte Carlo item, how do I get there? Tim Quote:
|
|
|||
|
Quote:
This may in fact vary among asian nations and even among different language-dialect users, but Chinese and Philipinos hold Red as strong, positive symbol in regard to monetary prosperity. Greg |
|
|||
|
Quote:
Welcome, I see that this is your first post at WPW Forums. Articles here are not meant to be all-encompassing or overly complicated. They are meant to stimulate discussion & opinions, like yours, so everyone may benefit. I hope this helps. |
![]() |
|
| Thread Tools | |
| Display Modes | |
|
|
|
WebProWorld |
Advertise |
Contact Us |
About |
Forum Rules |
MVP's |
Archive |
Newsletter Archive |
Top |
WebProNews
WebProWorld is an iEntry, Inc. ® site - © 2009 All Rights Reserved Privacy Policy and Legal iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509 |