Nowadays design is at the center of every business decision, as usability and problem solving are not enough to ensure user adoption: your solution must also be graphically delightful and pleasant to use. This is particularly true for any graphical modeling tool created with Eclipse Sirius. This 30 minutes talk is meant to be a concise guide throughout a set of structured and clear techniques for easily generating effective visual solutions to graphic modeling challenges. You will learn ideas and principles that can be applied to any diagram, during the model representation building process, wherever image and text come together to convey a meaning. After this walkthrough you will be an Effective Model Visualizations pro ;-)

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?