the choice of colors used in design for a range of media

learn more… | top users | synonyms (2)

67
votes
10answers
6k views

What effect would a grayscale color scheme have on UX?

I am thinking of designing a website that will have no color other than black, gray, and white (including links). Will the absence of colors such as blue, green, etc. affect the user experience of ...
37
votes
5answers
42k views

What is the best color combination for on screen reading?

I work at an airline as a pilot and I am involved in the "paperless" project which aims to have no more paper in the cockpit - all the data should be accessible from tablet devices. We have a lot to ...
34
votes
2answers
3k views

What rules does Google use to make a button gray, blue, or red on their sites?

This has been an elusive topic, and I haven't yet been able to form my own conclusion about what Google's reasoning is to make a given button blue, red, or gray, given their latest design ethos. Take ...
30
votes
9answers
4k views

What resources do you use to find good color combinations? [closed]

My background is in web development, not UI design. I have no problem creating the layout and getting it pixel-perfect, but I can never figure out what colors to use and where. I have seen projects ...
24
votes
5answers
4k views

Choosing a set of colors

I'm not a graphic designer, and I can't afford one for my open source project, so I thought I'd crowdsource this one. I'm trying to work out a set of 6-8 easily-differentiable colors for categories in ...
17
votes
12answers
3k views

Is this hard to read?

This is a snippet on a site i have just been building. I considered the readability etc, and the corporate colours, and tried to work with them. Actually, I find it quite relaxing to read and view, ...
16
votes
10answers
1k views

How much color may a UI have?

I work on a Network management system (NMS) frontend. Basically this app shows a list of alarms, updated in realtime. Such NMS apps already exist in a large variety, but two things they have in ...
16
votes
4answers
865 views

How important is it to consider color for color blindness in a design

In response to this question about iconography, I was wondering about how much it is necessary to factor in color usability for people with color perception difficulties into a design. The first ...
15
votes
4answers
745 views

What is wrong with my color selection?

Our customer said they wanted a minimalistic user interface, with a Windows 8 feel. However, I am a developer and do not have any experience with user interfaces. So, I went ahead and found the color ...
14
votes
4answers
11k views

Which color scheme to choose for applications that require long work hours?

I'm working on a ERP / Accounting (lots of tables and data) web app and was wondering what color scheme would be appropriate for this type of application? Users will be sitting in front of their ...
14
votes
13answers
5k views

Changing Colour of Social Media buttons to match Colour Palette

I'm interested in getting opinions on changing the colour of social media buttons (facebook/twitter/linkedin sign-up and login as well as sharing) to better fit in with the colour pallet of our ...
12
votes
3answers
756 views

Why some websites put a small contrasting bar on top of the page?

I've observed this pattern in practice at many places now, websites put a small contrasting bar on the top of the page. What is the rationale behind it? Readability header: Tenderapp header:
12
votes
2answers
856 views

Which colors would best convey 3 difficulty levels?

I'm making a baby toy/game to learn numbers and I have a menu with 3 buttons. The first button enters "learn mode", the second button is an easy quiz, and the third button is a medium quiz. Are there ...
11
votes
4answers
405 views

What research, patterns or techniques will help me choose the correct colors (or saturations) to the various UI elements of a page?

I am building a tool that will be used by call center agents. It is to help them support products on behalf of the customers who call up. It acts as a portal to many different types of product ...
10
votes
3answers
724 views

Choosing colors for a subtle UI

I'm currently agonizing over how light I can make various colors in my UI before I adversely affect usability. The reason for the agonizing is that different monitors have different responses. Those ...
10
votes
5answers
5k views

Why do most financial apps use a black or dark background?

I was asked today to look into designing a stock monitoring windows 8 application and I was looking around for design ideas when I noticed an interesting trend where it seems like most of these stock ...
8
votes
2answers
1k views

What background colors would correctly describe level of importance of item on the list

I have a list of customers. They are( from least to to most important): Regular customer, VIP customer, Small company, Medium company, Large company. I list them in this manner: I would like to ...
8
votes
4answers
312 views

Using a secondary set of colors to indicate which elements of the UI can be interacted with

I was reading this article about Metro UI designs, and I was struck by this statement: Example, if you look under the hood of a new car, you will see areas colored yellow whereas the rest is the ...
7
votes
3answers
3k views

Why are most social networking sites in blue?

Why do most social media websites use blue as the main color? e.g., Twitter, Facebook, LinkedIn, foursquare, ... I am only interested in answers based on some scientific research.
7
votes
5answers
251 views

On news apps, how does using a different colour for each category help the user?

On news websites and news apps, a specific colour is often used for the link to each category (background colour or underline colour), and I would like to understand how this is helpful for the user, ...
6
votes
3answers
340 views

Range of Colors to Represent Values

I have an application which draws a colorful bin, with different colors representing different values. Originally (right side of image), I was using a scale which started with a lighter color, and ...
6
votes
4answers
419 views

Dilemma: How to determine the color for active / unvisited links?

How should you determine the difference between colors of visited vs unvisited links? As an example: I'm working on a theme where link color is purple. I need some suggestion on visited link color ...
6
votes
2answers
648 views

Alternate row in Microsoft Modern UI (Metro)

Can I use alternate colors for rows using Metro design guidelines? And if I've multiple ListBox in the same view which is the suggestion? Can I use alternate colors (the same for each control)? I ...
6
votes
2answers
990 views

Changing a White Background to…?

I am in the process of creating a website. Currently the website has a solid white background with black text. However, on different monitors the white background can be blinding bright. I have ...
6
votes
2answers
175 views

What colors to use in contrast to designs using warm colors?

When a site's identity contains (or consists of) warm colors, would you also use warm colors as the main color(s) for its design or not? The problem I find in using warm colors as the main colors in ...
6
votes
3answers
452 views

Are dark non neutrals colors suited for page backgrounds or is it more advisable to go for neutral colors like black or dark grey?

I am just finishing up a site for a non profit and we are having a bit of a debate of about what the background color should be I have been trying to emphasise on the need for a neutral color like ...
6
votes
6answers
542 views

Effect on usability if I use green and red colors (for meaning) in an app whose color scheme does not include those colors?

I am working on an application that models physical hardware to the user. As such, showing things colored red seems to be a very natural way to communicate an error state, and showing them green ...
6
votes
1answer
175 views

Is a colour contrast compliant if it passes WCAG but fails the earlier W3C test used on Snook.ca?

There are some colour contrasts that, when checked using a tool like snook.ca, give results like this (testing #003354 and #00D5BD): According to every one of the newer WCAG criteria, this passes. ...
6
votes
2answers
543 views

Multipart progress / status bar colours

I am working on an application that needs to show users their currents status / progress in performing a task on a number of items. There are three states that each item can have: New (blue) - ...
6
votes
3answers
307 views

Providing warm colors when the content is depressing?

I had posted a question earlier asking for views on what would be the ideal background color to enhance readability and had indicated my inclination towards having a dark or a greyish background to ...
6
votes
2answers
281 views

Coloring Schemes

I am very new to mobile programming...basically just starting to fiddle with it today. :) I remember a project I did back in school that surveyed people (at a mall lol) and I asked them which text ...
6
votes
2answers
2k views

Tablet interface design when used outdoors - handling bright light

I have a line-of-business tablet application that is used outdoors day and night in a vehicle. One of the users recently provided feedback that they find it difficult to read the screen when wearing ...
6
votes
2answers
2k views

What is a good color combination, visibility for outside use

I am designing the layout for a touchscreen for outside use, What are some good color combination to use that will be visible under the sun light for outside use? Maybe bright neon colors?
6
votes
2answers
599 views

Stressless user experience for data entry forms

We're currently discussing a redesign of the applications we develop for internal use. Now, to change things for the better, we'd like to make as many UX considerations as possible before we go ahead. ...
5
votes
2answers
197 views

What is the validity of contrast and colours tests?

I just ran a contrast and colour test (using checkmycolours.com in this case) on our corporate site (www.dotblue.net; if you care) and it reports quite some failures. However, I explicitly optimized ...
5
votes
3answers
1k views

How can I choose a colour palette for multiple data visualization types?

I'm currently implementing the Google Visualization API into an existing platform, one requirement of which is the ability to choose custom colours for chart elements (such as pie slices and columns). ...
5
votes
2answers
198 views

How important is the ability to change the color theme on a desktop application?

At my company we create Windows desktop applications using Microsoft's .Net (WPF to be specific). The window or "chrome" is completely customized, meaning that we do not use the standard Windows ...
5
votes
2answers
314 views

How should I format question-response sections in a document?

I work on proposals that need to be formatted in question-response sections. Currently, we use different colors to distinguish between questions and responses. However, members of my team want to make ...
4
votes
4answers
253 views

Color-coding percentages, how should I interpret a result of 0/0 (as 0% or as 100%)?

I am making a report that requires me to display some calculations as a percentage. Basically, I'm doing a database query for records matching a specific ID. The number returned becomes my denominator ...
4
votes
3answers
2k views

What are some best practices in picking navigation bar background color? [closed]

I am using twitter bootstrap and I don't like the default dark gray background color for the navbar. So I was thinking of chosing a different color. But being a programmer and not a designer first ...
4
votes
2answers
198 views

What are HTML colors that could be used for a 4 level performance measurement (Poor, OK, Good, Great) that would work with color blind people?

Perhaps, for users with Red-Green color blindness, the colors below are OK b/c the user can differentiate (I think) between read and light green. And for Red/Dark-Green they could easily tell one is ...
4
votes
2answers
243 views

Is there any research on the color schemes which work with different genders

I am working on designing an eCommerce site where the focus is a user group with the age group of 30+ women with expensive tastes and I was trying to find if there is any research on the color schemes ...
4
votes
3answers
125 views

Usage of color and other UI elements in a diagram with two categorizations

Following diagram represents results of election, grouped by province, and then by parties. Interactivity is also introduced for hovering over legend, as displayed in the picture: (here is also live ...
4
votes
2answers
214 views

Colours in cultures : where does the data come from?

I've just come across a chart called "Colours in Cultures" that you can find here : http://www.informationisbeautiful.net/visualizations/colours-in-cultures/ Since I'd rather not bother the author ...
4
votes
1answer
133 views

How can I communicate linear progress through a series of states with color?

I'm trying to help visualize a portfolio of projects. They start off in the first state with some basic details, then they're reviewed, fully defined, and finally, work is begun. Right now, the ...
4
votes
4answers
601 views

Registration Button Research

I'm redesigning the registration page for my website, and I'm wondering if anyone has come across any research relating to the affects of different wording and colors for the registration button? How ...
4
votes
2answers
2k views

Choosing a button colour scheme

I'm currently implementing some design changes to a web application. Currently, the application uses default browser buttons for everything, but I've now been supplied with a number of custom button ...
4
votes
2answers
317 views

Importance of colors in a mobile application?

I am software + hardware engineer who possibly does a same common job as others with a similar qualification. I am under the process of designing, developing and publishing a mobile application where ...
4
votes
2answers
492 views

How to choose colors wisely to work with Low brightness and contrast screens?

In Mobile Phone and Tablets to save battery many people (Including me) keep brightness and contrast low. And sometime it makes harder to read if color scheme is not good. So my question is how to ...
4
votes
3answers
197 views

Best Practices for call to action buttons on non e-commerce site?

I am designing a corporate website for a software company, with primary colour scheme comprising of red, black and white. Breaking away from this colour scheme will just look wrong, and I do not want ...