One problem that has continually surfaced in my recent work at my place of employment has been button colors. Specifically, little or no thought goes into the meaning of what color is being used for the button in regard to its functionality. Even worse, there is often no thought given to a consistent treatment of buttons across an interface.
So for example, I'll see save buttons that are red, and I'll see the same color being used for a save, change and exit button.
I'm in the progress of designing a set of charting, graphing, and data viz controls that will be incorporated into an enterprise Windows application that displays loads of financial data. I've looked at a lot of the 'out of the box' offerings, and while the functionality is largely passable, I haven't been particularly impressed with the aesthetics on most offerings. No hate mail please - I realize the "shiny" factor is more for my boss than for my users :)
While I'm sure someone has researched how a particular shade of red improves conversions I believe that contrast and understanding how certain hues recede vs 'pop ', emotions of color etc. Smashing Magazine has a good color theory article that I will link to later.
I'm looking for a study or guidelines about how to use color to enhance the usability of a website or an application. For example: Is there a color for the call to action button which is the most recommendable? Is there anything regarding colors would should to avoid?
What would you tell somebody who wants to know which influence has color for the usability of a website?
I would very much appreciate your input to these questions.
Colors affect the way we see products, but they also affect the way we vse websites before we even invest our time and energy into the content. Using saturated and desaturated colors correctly on the right user interface elements will help users use your design efficiently and effectively.
Can anyone point me in the direction of a useable design pattern for
an on / off toggle switch to be used online ie using JS / html / css
rather than flash? I'm working on an application that currently uses
colour coding to indicate whether an option is active or not. This
works in the real world i.e. the red light comes on when recording,
but obviously bad for accessibility online due to the different ways
people see colours.