Embrace the Power of Design. Core Principle for Creating
Effective Model Visualizations
Loredana [email protected]
Setting the same shape, size, color, … for many or all your concepts are very bad manners
Visual attributes are meant to create differentiation between concepts
Bad Manners
Did You Know ?
Around a quarter of our brains are devoted to VISIONwhich represents more than all our other senses combined
Also, information represented visually is also more likely to be remembered
Principle of Perceptual Discriminability
Hierarchy | Redundant Coding | Contrast
Hierarchy
Through Shapes
Did You Know ?
Shape represents the primary basis on which we identify objects in the real world
That’s why it should be the primary visual attribute for distinguishing between symbols
From Bad Manners...
Step by Step
… to Good Manners
Redundant Coding
Through Color
Did You Know ?
Differences in color are detected 3 times faster than shape andare also more easily remembered
Color Wheel
Color Schemes
MonochromaticScheme
AnalogousScheme
ComplementaryScheme
Monochromatic Scheme
MonochromaticScheme
Analogous Scheme
AnalogousScheme
Complementary Scheme
ComplementaryScheme
More discrimination
Color Palette - Analogous
Respect Choosen Color Palette
Contrast
Identifying the Main Point Quickly
Many Ways
Size Shape Color
Effective Representation
Some Links
color.adobe.comiconmonstr.com
thenounproject.com
Thanks! Questions?