Do not rely on color when designing interfaces
One of the rather important mistakes in the design of the interface is the transfer of meaning through color. It is very easy for a tester to test any product for this error. Just ask yourself - will the information remain the same if you remove the color from the picture?
My site is in its normal state.
Suppose you have some kind of graph, where each broken line represents a certain value, and all these lines are of different colors. Now, if you print the graph in grayscale, you can see - is the meaning, which carried the color version of this graph, available with the same ease? Is the symbolism used sufficient, are the lines depicted in a slightly different form (for example, dots, dashes, etc.), or does the semantic / functional load of the picture lose after bleaching?
A design approach in which meaning is conveyed through color is a very lazy approach, and this is what we, as testers, must take into account in the testing process.
')
This does not mean that transmitting meaning with a color is bad or good, but we should always ask ourselves: “Is it possible that someone will not see the image in the color in which it was intended and will not lead to loss of meaning? ".
Here is a good tool to feel yourself in the skin of a person with some degree of color blindness - http://colororacle.org/ .
My site, as a man with “ Deuteranopia ” would see it - affects approximately 5% of men.
My website, as a person with “ Protopanopia ” would see it, is a rather rare phenomenon .
And my site, as a person with “ Tritanopia ” would see it - this is already very rare
The examples above show that the site does not depend on color in transmitting the semantic load, but you can easily find some websites, graphics and illustrations that completely lose their meaning for a person with color blindness.
My site is in its normal state.
Suppose you have some kind of graph, where each broken line represents a certain value, and all these lines are of different colors. Now, if you print the graph in grayscale, you can see - is the meaning, which carried the color version of this graph, available with the same ease? Is the symbolism used sufficient, are the lines depicted in a slightly different form (for example, dots, dashes, etc.), or does the semantic / functional load of the picture lose after bleaching?
A design approach in which meaning is conveyed through color is a very lazy approach, and this is what we, as testers, must take into account in the testing process.
')
This does not mean that transmitting meaning with a color is bad or good, but we should always ask ourselves: “Is it possible that someone will not see the image in the color in which it was intended and will not lead to loss of meaning? ".
Here is a good tool to feel yourself in the skin of a person with some degree of color blindness - http://colororacle.org/ .
My site, as a man with “ Deuteranopia ” would see it - affects approximately 5% of men.
My website, as a person with “ Protopanopia ” would see it, is a rather rare phenomenon .
And my site, as a person with “ Tritanopia ” would see it - this is already very rare
The examples above show that the site does not depend on color in transmitting the semantic load, but you can easily find some websites, graphics and illustrations that completely lose their meaning for a person with color blindness.
Source: https://habr.com/ru/post/208082/
All Articles