the power of visualization
TRANSCRIPT
www.luxoft.com
The Power of 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 Monotonous2. Dark colors for general information 3. Bright colors for highlighting
www.luxoft.com
Plain Formatting
1. Bulleting 3. Margins 2. 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 write3. 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