584
votes
Accepted
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
This phenomenon is called banner blindness. Your labeling looks like a banner advertisement and is therefore subconsciously skipped. Users have been conditioned to ignore complete sections of content ...
269
votes
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
The banner is beautiful but the style does not match the rest of the page.
You know what is everywhere on the Internet with unmatching graphic styles? Ads.
As others have said, the problem is that ...
120
votes
Accepted
Why is blue used so often?
There are a lot of reasons to use blue, I'll list a few of them:
Give a sense of innovation. Often, companies will use blue because it feels calm and professional, this combined with a smart layout ...
117
votes
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
It's the design. Visually it's not part of the site or page. It's a square of content that doesn't belong to the site visually which indicates it's an advertisement to users.
Design the banner to be ...
109
votes
Accepted
What are good colors for illustrating Up and Down?
With your examples of Curtains, I would go with Black and White.
Easy psychology and Cosmetic.
Black:
If it's too bright in the day, you'll happen to easily see the Black beads/string and it also ...
103
votes
Accepted
A UI/UX developer with color-blindness. Good or Bad idea or maybe a challenge?
There is no problem to work as a UX/UI designer, as choosing color is just a minor part of the usability process. There are lots of other activities that the UX-er should do, like usability testing, ...
84
votes
Accepted
Why is bright pink background a bad UX/UI?
It hurts the eyes
Certain colors and color relationships can be eye irritants, cause headaches, and wreak havoc with human vision.
Yellow, pure bright lemon yellow is the most fatiguing color. Why? ...
79
votes
Accepted
What color for error messages for a form with a red background?
I'd go with a color that'll always retain stark contrast. I'd also avoid venturing too far outside of the styles that that users are generally familiar with. Because you're working in an atypical ...
72
votes
Best color to display hot/cold but also on/off
I'm not exactly sure how your app works, but from what I understood,
I would use a color like grey for the OFF buttons and a brighter color (the primary color of the application perhaps) for the ON ...
69
votes
What color for error messages for a form with a red background?
I would go with something in the shade of the background, but have a more red text in the alert. You can add a border in the shade of the text to make it stand out as an error more, as well.
67
votes
Accepted
Why is blue used as a background color to indicate no signal?
Just a guess:
If they used black (minimum intensity for all three color channels) or white (maximum intensity for all color channels) you might think they are off, so instead they use only one of ...
57
votes
A UI/UX developer with color-blindness. Good or Bad idea or maybe a challenge?
I've been doing front-end work for a decade, and I have deuteranopia or deuteranomaly (red-green color blindness). It has never been a problem.
I largely rely on color codes and location/proximity on ...
57
votes
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
As previously said, the banner is inducing banner blindness not despite but because it is so enormous, prominent, clear and contrasting purple. Also, its placement just above the content makes it easy ...
56
votes
Accepted
YouTube Premiere countdown animation
This image is know as test card (or test pattern) and was originally used as a TV test signal. Before 24/7 TV, it was typically shown when the regular broadcast ended. In its beginning it used to be ...
53
votes
Accepted
Best color to display hot/cold but also on/off
Red can be used for ON, most sockets use this color when they are on :
I would recommend BRIGHT RED for ON and DARK BLUE for OFF. The brightness difference between the bright red and dark blue will ...
51
votes
Accepted
Color choice for maximum legibility of text on glass
There is a better solution, at least in terms of legibility, perhaps not so much aesthetically. And I'm 99% sure you've already seen it.
Black border, white letters.
White letters are almost always ...
50
votes
What is the color of artificial intelligence?
Color association is highly dependent on context, culture, personal background, industry, upbringing, generation, etc.
I recommend you create some versions and run a simple preference test asking ...
49
votes
Accepted
Color picker - what to do if the user selects the same color as the background?
You could try adding a transparent black or white border on the inside of the coloured squares. This will look okay for most colors.
One drawback of this solution is that the border will be noticeable ...
44
votes
Best color to display hot/cold but also on/off
Do not use colors to indicate that the system is ON or OFF, use instead a linguistic code, while use an iconic code to comunicate the HOT/COLD state. Here I used a thermometer with different colors (i ...
43
votes
What color for error messages for a form with a red background?
A bright yellow background with black text would work well.
Fits the colour scheme of a warning sign.
40
votes
Why is bright pink background a bad UX/UI?
Is it true?
No.
Nor is it true that it's good UX.
It's a visual design question that can only really be properly answered in context...and part of that would be how it works with the overall page ...
40
votes
Accepted
Formula for color contrast between text and background
Yes there is a formula. I wrote an article on high contrast colours recently that charts the variation of black or white (actually off-white #f0f0f0 and off-black #101010) as the foreground colour ...
39
votes
What is the most common color to indicate the input-field is disabled?
The correct terminology is Greyout.
It indicates less importance, relevance or priority or a change of status such as something being disabled or inaccessible.
Definition by Oxford Dictionary:
noun
...
38
votes
What is the color of artificial intelligence?
From Wikipedia:
[...] "artificial intelligence" is used to describe machines that mimic "cognitive" functions that humans associate with other human minds, such as "learning" and "problem solving".
...
36
votes
Why is blue used as a background color to indicate no signal?
I think the blue goes back to the days of consumer-grade video cassette recorders with on-screen message displays. Superimposing an image on a video signal requires that one know which parts of the ...
36
votes
Why are most pens (that we use to write) blue in color?
Because the first widely used ink was iron gall which had purple-black or blue-black colour.
And the color remained as a standard until today.
text written with iron gall ink
Detailed explanation:
...
34
votes
Accepted
Having 4 colors in logo (like Google, Microsoft and eBay), for which kind of companies does work too?
There are several design reasons
The colors are complementary - The four colors are roughly evenly spaced across the color wheel, which is a basic approach to creating complementary colors. ...
33
votes
Accepted
Dark on Light or Light on Dark?
Rather than the other answers that just express personal opinions let me direct you to this article that in turn cites some actual research which I will quote here as well:
However, most studies ...
32
votes
Accepted
Should I switch to a dark theme UI if the app is used at night?
A good example to consider would be the iBooks app in iOS which allows users to enable the dark theme automatically depending on the light sensor detection.
However as PS86 rightly pointed out, don'...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
color × 426color-scheme × 109
gui-design × 46
website-design × 44
accessibility × 40
buttons × 38
contrast × 31
color-perception × 29
usability × 26
icons × 23
color-blindness × 21
forms × 15
info-visualisation × 15
readability × 15
design × 14
themes × 14
text × 13
hyperlinks × 12
interaction-design × 10
tables × 10
user-behavior × 9
user-expectation × 9
design-patterns × 9
interface × 9
psychology × 9