Questions tagged [color-scheme]

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

Filter by
Sorted by
Tagged with
80
votes
10answers
7k 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 ...
76
votes
7answers
125k 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 ...
65
votes
7answers
11k views

Should software for 8 to 14 year olds be colourful and “childish”?

I am developing a learning application for children somewhere between 8 and 14 years as part of my masters degree in Computer Science. I have absolutly no formal UI design background and in the past ...
45
votes
4answers
108k 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 ...
42
votes
2answers
4k 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 ...
38
votes
7answers
35k views

Colour palette progression to indicate priority

I need to use colour to indicate priority. Say, there are 20 priority levels. What is the best way to use colour to achieve this? My thoughts so far are: I'm leaning towards using shades of a single ...
35
votes
7answers
11k views

Best error color on blue color?

I have the color: #4285f4 and I'm looking for a easy to read error color code. I'm using Google's default error color: #dd2c00. However this doesn't read very well on the page...
33
votes
9answers
5k 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 ...
32
votes
10answers
9k views

What is the color associated with lukewarm?

I'm designing a web application that crowdsources user response to another user's initiative (or project idea). The overall user response to the initiative is represented using a status component with ...
30
votes
10answers
28k views

Why are X, Y and Z axes represented by Red, Green, and Blue?

It is pretty standard that 3d axis, XYZ, is represented as red green blue, respectively. Why is this and who first proposed the colors in that configuration?
26
votes
5answers
7k views

Choosing a set of colors [closed]

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 ...
20
votes
12answers
4k 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, ...
20
votes
6answers
16k 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 ...
20
votes
1answer
4k views

Are there premixed Material Design color combinations I can use for prototyping?

I'm looking at this tool that allows to select material design colors and this document by Google that describes how to pick material design colors. As far as I understand, I pick 3 primary colors ...
20
votes
4answers
2k 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 ...
19
votes
11answers
4k views

Is red an acceptable colour for a submit button on a form for a purchase or booking?

I have been drafted in to provide UX feedback on a recently completed website. One point I made was that red was not a suitable colour for a positive action, i.e. completing a form. The reply cited ...
17
votes
10answers
2k 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
4k views

Colours that represent beginner, intermediate and expert

Are there any guiding principles around what colours might represent beginner, intermediate and expert users in a forum site? At first I was thinking green (beginner), orange (intermediate) and red (...
16
votes
3answers
6k views

Logical colors for a wireframe

I got a mail from a designer to do some wireframes. He has told me that the wireframe should have logical colors. Is there really some theory to the colors for wireframes? I have made some ...
16
votes
4answers
1k 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 ...
15
votes
12answers
10k 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 ...
14
votes
7answers
3k views

Multi or Single colored rating stars

I'm developing a web application which is basically using 2(3) colors: Magenta White Grey-scales The app is a register for local artists and therofre, the users can rate them. Currently I'm only ...
14
votes
2answers
4k 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 ...
12
votes
5answers
9k views

What colour should Register and Login buttons be? [closed]

My current login page looks like this: I chose green and grey basically at random, and am wondering how to to represent them properly. The login button is the main action, since this screen will only ...
12
votes
3answers
855 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
3answers
1k 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 ...
11
votes
4answers
556 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
797 views

Maximum contrast ratio for good accessibility

So we are remaking an enterprise app from scratch. This time we want to base our design decisions on proper research. Our users use the app 24/7 with high requirements for UX. So our main goal is to ...
10
votes
6answers
2k 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 ...
9
votes
2answers
2k 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 know ...
9
votes
6answers
9k views

How to measure the contrast between any given color and white?

When displaying white text on a colored background, I guess that the text is more-or-less legible depending on some kind of contrast between that color and white. My question is, is there a formula ...
9
votes
4answers
20k 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?
8
votes
8answers
3k views

Red buttons in an e-commerce site?

I'm designing an e-commerce site with red buttons. It has a yellow/white background and it looks quite good that way. Now, my boss finds the same, he likes it, but he is doubtful, because red could ...
8
votes
3answers
2k 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 ...
8
votes
6answers
56k views

Background colour suitable for both black and white text

In my web page i have a black textured background and in foreground light blue, white, gray, yellow color texts are present. Colors that doesnt go with black color background are not visible. Can ...
8
votes
5answers
2k views

How do I design a beautiful 6 month calendar view with 15+ event types?

I have designed a calendar web application at my work, and it has been well recieved. So well that multiple departments of my company has adapted it, and requested their own categories for their ...
8
votes
4answers
384 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 ...
8
votes
3answers
5k 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.
8
votes
4answers
1k views

Should we risk using colors other than blue in Web apps?

Trends: New Colors (we’re looking at you, #00A0D1) If there’s one thing that’s been stagnant in the design community, it’s the originality with colors. Sixty percent of the applications on my ...
7
votes
5answers
335 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, ...
7
votes
1answer
685 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. ...
7
votes
3answers
3k 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) - ...
7
votes
2answers
387 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 ...
7
votes
3answers
4k 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). ...
7
votes
3answers
8k 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 ...
7
votes
2answers
20k views

What is the most dyslexia friendly colour combination

Following on from this question I asked a while ago: What is the most dyslexia friendly font? I'd like now to know whether there are any colour combinations (or sets of colour combinations from ...
7
votes
2answers
4k 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 ...
7
votes
3answers
547 views

Does a color scheme that reduces brightness contrast while maintaining hue contrast reduce eye strain?

Solarized is a color scheme for editing code that reduces brightness constrasts while maintaining hue contrasts. It claimed that this reduces eye strain. Is there value in optimizing a color scheme ...
6
votes
4answers
2k 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
1k 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 ...