1.
Embrace the Power of Design.
Core Principle for Creating
Effective Model Visualizations
Loredana CHITUC
loredana.chituc@obeo.fr

2.
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

3.
Did You Know ?
Around a quarter of our brains are devoted to VISION
which represents more than all our other senses combined
Also, information represented visually is also more likely to be remembered

4.
Principle of Perceptual Discriminability
Hierarchy | Redundant Coding | Contrast

5.
Hierarchy
Through Shapes

6.
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

7.
From Bad Manners...

8.
Step by Step

9.
… to Good Manners

10.
Redundant Coding
Through Color

11.
Did You Know ?
Differences in color are detected 3 times faster than shape and
are also more easily remembered

12.
Color Wheel

13.
Color Schemes
Monochromatic
Scheme
Analogous
Scheme
Complementary
Scheme

14.
Monochromatic Scheme
Monochromatic
Scheme

15.
Analogous Scheme
Analogous
Scheme

16.
Complementary Scheme
Complementary
Scheme

17.
More discrimination

18.
Color Palette - Analogous

19.
Respect Choosen Color Palette

20.
Contrast
Identifying the Main Point Quickly

21.
Many Ways
Size Shape Color

22.
Effective Representation

23.
Some Links
color.adobe.com
iconmonstr.com
thenounproject.com

24.
Thanks! Questions?