Avvir
Published in

Avvir

Data in Colors

Introduction

Why color and visual textures?

How we use color and visual textures at Avvir

1. Directing Attention

On many of our screens, Avvir Gold, our brand color, indicates something of interest, or information we provide, our value add.

2. Indicate different states of being

While it is possible to see the various 3d items’ shapes, with different colors, the same amount of space can convey much more information.
LEFT: Our old design showed incorrectly-built building elements with a pair of red elements, solid red for what was actually built, and translucent red for what was planned. Not only was this hard to see, users expected the opposite, i.e. translucent for planned, and solid for actual. RIGHT: our next iteration of the design used solid red for the actual element, with a gold border indicating the planned element. This allowed both items to be seen while also fitting the user’s intuitive expectations.

3. Describing a range of values

Left to right: sequential color maps, diverging color maps, qualitative color maps. Image from https://matplotlib.org/users/colormaps.html
Maps are a great example of qualitative data displayed in colors on a flat surface. Image from: https://forum.airportceo.com/t/map-biomes/7955
A screengrab from CloudCompare for a potential reference for a topographical map feature. Increasingly saturated colors indicate greater deviation from ideal flatness with red being higher than and blue being lower than ideal.

Conclusion

References:

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store