Qlik Community

Qlik Design Blog

All about product and Qlik solutions: scripting, data modeling, visual design, extensions, best practices, etc.

Not applicable

Colors are a very important and critical part of our lives. They not only give meaning to objects but also trigger feeling and emotions within us, influence perspective and affect our psychological being.  The study of colors is very complex and a lot has been written and talked about the role and use of colors in various aspects of life.  

As QlikView application designers, we don’t have to study in depth the meaning and theories of colors but it is of utmost importance for us to be aware of the usability norms, best practices and social and cultural implication of colors to use them in a conscious and respectful way in our designs and data visualizations. It is very easy to fall in traps of using excessive color variations or inapt color schemes since we have such a wide range to choose from which leads us to falling for temptations of using colors as per our personal likes and dislikes.

A few tips and tricks about how to use colors judiciously can not only help tremendously from falling into these traps that impair usability and deceive the user but also allows datasets to be layered in order to tell eloquent stories. The following guides can be applied to our data visualization for QlikView applications.

1.     Use minimal amount of colors in your designs and data visualization. Every application has a focal point or something to highlight. Overly colorful designs can tend to hide the focal point, giving an overall vibrancy to the design and hindering the user from focusing on important points in the data.

1.jpg

2.     Using Shades and tints of the same color while showing quantitative information instead of different hues of colors is preferable, like in the pie chart shown below. 

2.png

However, it is okay to use different color in the same chart when color is used as an indicator of information as long as the colors are limited to 3-5 and color choice is such that they don’t create visual noise. The example below shows how color is used as an indicator of information.

3.png

3.   Avoid pure gradient rainbow color scales to show data. Because there is no inherent order in the scale, they all appear to come from different families.

4.png

4.     Keep the colorblind audience in mind when choosing color schemes. Since a large portion of our audience might be colorblind, it is unaffordable to use colors which are not colorblind safe. Color Oracle(http://colororacle.org/index.html) is a good evaluation tool for colorblindness.

5.     In places where Red, Green, Yellow have to be used together, introduce other attributes such as icons so that color is not the only differentiating factor. These colors appear similar to colorblind people.

5.jpg

6.     When using Red and green together, choose a green which is closer to blue in hue, this way tthe 2 colors can be differentiated easily by the colorblind users.

6.png7.png

Apart from the above basic usability guidelines, there are other things to consider while choosing color schemes for designs. Choice of colors is very subjective, however, this not only because of personal preference but can also due to deep rooted cultural and social connotations associated to colors that are imbedded within us. Colors hold different meanings in each culture and we should be conscious of those meaning when presenting to a global audience or a specific country.  This way misinterpretations and offensive use of colors can be avoided.

An elaborate insight on colors, their use and interpretations can be found in this Technical Brief.

9 Comments
Not applicable

Nice literature!!

0 Likes
1,183 Views
Not applicable

Very interesting. My suggestion: beware of the colour patterns of the company when creating a Qlikview application. Red coloured backgrounds in a logo can look excellent, but that changes dramatically when applied to an UI.

0 Likes
1,183 Views
Champion III
Champion III

Apeksha,


Excellent post!  I agree with everything except have a second thought about #3.  If there is only one chart with Country dimension, the multiple colors are indeed not needed.  But if you have multiple charts with this dimension, colors are helpful.  User immediately identifies blue color with China, red with Russia, etc. on all objects.  And, if this is the case, the colors should be assigned on the permanent basis, so China doesn't turn green after another reload.

Regards,

Michael

0 Likes
1,183 Views
Not applicable

Hi Michael,

Yes, agree with your point, in that case color can be used as an indicator for quick identification of countries. However, I am not sure whether it will look aesthetically pleasing since the app will contain a rainbow full of colors ...

0 Likes
1,183 Views
Champion III
Champion III

Certainly I'm not promoting "rainbow full of colors".  If use multicolor, the palette should be soft.  Just saying that multicolor charts have their place in the front-end design.

Regards,

Michael

0 Likes
1,183 Views
Not applicable

yes, using a soft color palette is a good solution in that case

0 Likes
1,183 Views