the power of visualization
TRANSCRIPT
www.luxoft.com
The Power of Data
Visualization
www.luxoft.com
Session Plan
Why to visualize?
5 visual formats of data organization
How I failed my “drawing education”
10 graphic facilitation tips
3 benefits of color coding
Tool for infographics creation
Q/A
www.luxoft.com
Why to Visualize?
www.luxoft.com
Preferred Learning Styles
55%30%
15%
Visual Kinesthetic Auditory
www.luxoft.com
Bandwidth of Senses
Tor Nørretranders is a science
writer, consultant and lecturer
who worked out “Bandwidth of
Senses” concept.
www.luxoft.com
Data Design
David McCandless - data journalist
and information designer.
I feel that everyday, all of us now are being
blasted by information design. It's being
poured into our eyes through the Web, and
we're all visualizers now; we're all demanding
a visual aspect to our information. There's
something almost quite magical about visual
information. It's effortless, it literally pours in.
www.luxoft.com
L.A.T.C.H
www.luxoft.com
Location: Maps
www.luxoft.com
Location: Seating Plan
www.luxoft.com
Alphabet: Example 1
www.luxoft.com
Alphabet: Example 2
www.luxoft.com
Time: Timeline 1
www.luxoft.com
Time: Timeline 2
www.luxoft.com
Category: Example 1
www.luxoft.com
Category
www.luxoft.com
Hierarchy: Organizational Structure
www.luxoft.com
Hierarchy: Elements Structure
www.luxoft.com
Hierarchy: Basic Human Needs
www.luxoft.com
My Drawing Experience
www.luxoft.com
Graphic Facilitation
Tips
www.luxoft.com
Accurate Printing
1. Write in capital letters 2. Write in straight letters 3. Write in plain letters
www.luxoft.com
Different Colors
1. Mono Means Monotonous 2. Dark colors for general information 3. Bright colors for highlighting
www.luxoft.com
Plain Formatting
1. Bulleting 3. Margins2. Outline
www.luxoft.com
Graphical Elements
1. Banners for titles 2. Arrow for connections 3. Icons for animation
www.luxoft.com
Convenient Environment
1. Title flipchart pages 2. Make sure people read what you write 3. Add more more flipchart
www.luxoft.com
3 Benefits of Color-
Coding
www.luxoft.com
What is Color-Coding
A color code is a system for displaying information by using
different colors. Color can be used to add additional, so called
meta information to the image. It can be an element of visual
communication, the same as graphical content itself.
www.luxoft.com
Improves Visual Search: Example 1
www.luxoft.com
Improves Visual Search: Example 3
www.luxoft.com
Improves Visual Search: Example 4
www.luxoft.com
Define Similarity and Difference: Example 1
www.luxoft.com
Define Similarity and Difference: Example 2
www.luxoft.com
Define Similarity and Difference: Example 3
www.luxoft.com
Define Similarity and Difference: Example 4
www.luxoft.com
Show Attitude and Emotions: Example 1
Get your hands dirty
Watch what you say
Be truthful
Listen to the team
Let the team do their thing
Take responsibility
Take care of yourself
Leadership Qualities
www.luxoft.com
Show Attitude and Emotions: Example 2
www.luxoft.com
Show Attitude and Emotions: Example 3
www.luxoft.com
Show Attitude and Emotions: Example 4
www.luxoft.com
Show Attitude and Emotions: Example 4
www.luxoft.com
Tool for Infographic
Creation
www.luxoft.com
What is Infographic?
Information graphics or infographics are graphic
visual representations of information, data or
knowledge intended to present complex
information quickly and clearly.
Wikipedia
www.luxoft.com
Examples
www.luxoft.com
Examples
www.luxoft.com
www.luxoft.com
www.luxoft.com
Tool for Infographic
Creation
www.luxoft.com
Tools
https://blog.bufferapp.com/14-tools-to-make-engaging-images-for-your-social-media-posts
http://www.creativebloq.com/infographic/tools-2131971
http://www.hongkiat.com/blog/infographic-tools
www.luxoft.com
Easel.ly
Pros
Templates
Objects
Backgrounds
Timing
Font colors
PDF and JPEG conversion
All features are free
No Ads
Cons
Manual Saving
Charts
www.luxoft.com