Skip to main content
652 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 ...
Wendy Wojenka's user avatar
290 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 ...
Rad80's user avatar
  • 1,728
131 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 ...
moot's user avatar
  • 5,371
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 ...
MJB's user avatar
  • 2,204
83 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? ...
DasBeasto's user avatar
  • 15.3k
78 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 ...
ke11en's user avatar
  • 1,282
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 ...
nuwa's user avatar
  • 2,858
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.
Connor Wilson's user avatar
63 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 ...
Philipp's user avatar
  • 1,225
60 votes

Is colour alone enough to convey warning?

No, it is not enough. This is how your image looks for people with achromatopsia (grayscale vision) This with Blue-Weak Tritanomaly This with Blue-Blind Tritanopia As you can see, there are evident ...
Devin's user avatar
  • 38.1k
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 ...
greenforest's user avatar
  • 8,776
54 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 ...
DesignerAnalyst's user avatar
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 ...
Nicolas's user avatar
  • 5,608
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 ...
filip's user avatar
  • 2,675
43 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 ...
Marco Tatta's user avatar
  • 1,752
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.
danjmorris_'s user avatar
41 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 ...
Roger Attrill's user avatar
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 ...
DA01's user avatar
  • 41.8k
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 ...
Juan Jesús Millo's user avatar
38 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: ...
Kristiyan Lukanov's user avatar
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". ...
Danielillo's user avatar
  • 19.2k
36 votes
Accepted

Our brand (and design system)'s primary colour is green: how should we indicate success?

DO NOT RELY ON COLOUR ALONE. Status indicators should never rely on colour alone. If you have any colourblind users (approximately 4.2% of people are colourblind) this will make statuses difficult to ...
Roux Martin's user avatar
  • 14.2k
33 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

If you look at a Wikipedia article with a banner that's functionally not unlike yours (this article needs improving), you'll see there are a number of design differences. Namely: The banner is part ...
kevin's user avatar
  • 493
31 votes
Accepted

What is the color associated with lukewarm?

Beige Windows 10 has a color temperature meter for Night light. Using that as a starting point, I extracted the main colors from the gradient, inverted the colors to extrapolate the 'cool' half of ...
SNag's user avatar
  • 10k
28 votes
Accepted

Down arrow and up arrow status

I'll make this an answer so I can expand on my comment. Your main problem is not an arrow, icon, color or emoji thing. Your main problem is a conceptual one: you're mixing taxonomies with gradations ...
Devin's user avatar
  • 38.1k
28 votes
Accepted

Colorblindness-friendly colors called "green", "blue", "yellow", and "red"

Would patterns work for your use case? You could keep the shape, size, position and orientation the same for each one and have a 'colour blindness mode' where instead of colours to distinguish the ...
GrahamTheDev's user avatar
  • 2,598
28 votes

Colour rule for multiple buttons in a complex platform

Don't rely on color to differentiate between hierarchy of action types. Your current system relies on a single shape, with tone as the differentiating factor. This doesn't account for color blindness, ...
Mike M's user avatar
  • 24.7k
27 votes

What is the color associated with lukewarm?

There isn't really a color associated with lukewarm. As the diagram in xiota's answer shows, the color association humans have (red = warm, blue = cold) are even the opposite to what you'd expect from ...
Glorfindel's user avatar
  • 3,320
26 votes

What is the most common color to indicate the input-field is disabled?

If you're using a framework, it should have the pattern defined by default. It's common to use gray, often dimming both the background and text. Even if you're not implementing a framework, you can ...
Mike M's user avatar
  • 24.7k

Only top scored, non community-wiki answers of a minimum length are eligible