+ All Categories
Home > Software > SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model...

SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model...

Date post: 07-Jan-2017
Category:
Upload: obeo
View: 86 times
Download: 1 times
Share this document with a friend
24
Embrace the Power of Design. Core Principle for Creating Effective Model Visualizations Loredana CHITUC [email protected]
Transcript
Page 1: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Embrace the Power of Design. Core Principle for Creating

Effective Model Visualizations

Loredana [email protected]

Page 2: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

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

Page 3: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

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

Page 4: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Principle of Perceptual Discriminability

Hierarchy | Redundant Coding | Contrast

Page 5: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Hierarchy

Through Shapes

Page 6: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

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

Page 7: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

From Bad Manners...

Page 8: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Step by Step

Page 9: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

… to Good Manners

Page 10: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Redundant Coding

Through Color

Page 11: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Did You Know ?

Differences in color are detected 3 times faster than shape andare also more easily remembered

Page 12: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Color Wheel

Page 13: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Color Schemes

MonochromaticScheme

AnalogousScheme

ComplementaryScheme

Page 14: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Monochromatic Scheme

MonochromaticScheme

Page 15: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Analogous Scheme

AnalogousScheme

Page 16: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Complementary Scheme

ComplementaryScheme

Page 17: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

More discrimination

Page 18: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Color Palette - Analogous

Page 19: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Respect Choosen Color Palette

Page 20: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Contrast

Identifying the Main Point Quickly

Page 21: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Many Ways

Size Shape Color

Page 22: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Effective Representation

Page 23: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Some Links

color.adobe.comiconmonstr.com

thenounproject.com

Page 24: SiriusCon2016 - Embrace the Power of Design. Core Principles for Creating Effective Model Visualizations

Thanks! Questions?


Recommended