fundamentals of visualizing data and presenting powerfully, plus guide readers through hands-on practice
Stories are one of the most
effective way in which
we communicate
our view of reality( Facts , Vision, Plans)
To others .
Facts are meaningless
Without a contextual
Story .
Stories can make the complex simple
Preparing & Presenting your Story
Data & Visuals
Simplify to Focus
2. 2
Whats up
How are you
Whats new in life
How was your journey
How is your work going in project
What’s new idea you have
What the work status in your project
They ask to
Tell them a Story .”
3. Stories are one of the most
effective way in which
we communicate
our view of reality( Facts , Vision, Plans)
To others .
7. Stories are one of the most
Effective way in which
We communicate
Our view of reality
To others .
How Storytelling
works
8. Flow
8
• Current Situation
• Problems
• Solution
• What you Propose
• Issue
• Refinement
• Action Points
• Improvement ( if any)
9. Complexity Repetition Focus on action words
PREPARE Build your story first,
then define layouts & graphics
to visualize each slide’s message
9
10. Context
10
Data & Visuals Clear the Clutter
GetStalt
Attention Visualize the
change
Preparing & Presenting your Story
1 2 3 4 5
Reference : The basics you can find anywhere 5 Steps To Successful Storytelling Published on April 5, 2014 Featured in: Marketing & Advertising
11. 11 11
1
• To whom are you communicating.
• Different Audience Different Need
• Management wants summary
• Team wants detail
• Planning need efforts
12. 12 12
1
• What do you want your audience to know
• Focus on the message which
you want to deliver
13. 13 13
1
What
• What do you want your audience to do.
• Clearly Define what action you want from your
audience
14. 14 14
1
• How will you communicate to your audience
• How will you communicate
• Written
• Live Presentation
15. • What data is available that will help make my point
• Does Your Audience Know What to Do with All Its Data?
2
15
16. Explanatory
• Author-chosen comparisons
• Guided
• Clear Conclusion , Information ( not data )
2
16
Exploratory
• Audience is expected to extract information from it
• Unguided
• No Clear conclusion
17. 2.1
17
• People do not need data
• They want
• Clear Insight from Data (& What to do)
18. 2
18
Visualize key messages
A picture is worth a thousand words…
Make a statement
Using graphics, charts, and infographics
Show, don’t tell
10% 20% 80%
19. 19
3
Simplify to Focus
every single element you add to that presentation or screen
takes up cognitive load on the part of your audience—
in other words, it takes them brain power to process
23. 23
3.1
Gestalt principles
Proximity
We tend to think of objects that are physically close together
as belonging to part of a group
dots as three distinct groups because of
their relative proximity to each other
24. 24
3.1
Gestalt principles
Proximity
We tend to think of objects that are physically close together
as belonging to part of a group
see columns and rows, simply due to dot spacing
26. 26
3.1
Gestalt principles
Similarity
Objects that are of similar color, shape, size, or orientation are
perceived as related or belonging to part of a group
Similarity due to color , shape and size
27. 27
3.1
Gestalt principles
Similarity
Objects that are of similar color, shape, size, or orientation are
perceived as related or belonging to part of a group
Similarity due to color , shape and size
35. 35
4
Attention
Pre-attentive Attribute
Where to Focus : Color , Orientation , Shape , Length
756395068473
658663037576
860372658602
846589107830
Line length
Shape
Orientation
Color is most important pre-attentive attribute
38. 38
5
Example
We want to request for new Hire to management
Problem : Team is not able to handle VOC due to employee transfer
Data : Count of VOC
Action : Request for new employee in team
Please approve new Hire , As we need support for
unresolved VOC
160
184
241
149
180
161
132
202
160
139
149
177
160
184
237
148
181
150
123
156
126
104
124
140
0.00
50.00
100.00
150.00
200.00
250.00
300.00
Ticket Volume Received Ticket Volume Processed
VOC Trend
39. 39
5
Example
We want to request for new Hire to management
Problem : Team is not able to handle VOC due to employee transfer
Data : Count of VOC
Action : Request for new employee in team
Please approve new Hire , As we need support for
unresolved VOC
Please approve new employee in team
to backfill those who quit in the past year
Processed
202
160
139
149
177
156
126
104
124
140
0
50
100
150
200
250
300
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2021
2 employees quit in May. We nearly kept up with incoming
volume in the following two months, but fell behind with the
increase in Aug and haven't been able to catch up since.
To use this title animation slide with a new image simply 1) move the top semi-transparent shape to the side, 2) delete placeholder image, 3) click on the picture icon to add a new picture, 4) Move semi-transparent shape back to original position, 5) Update text on slide.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Tip:
When using complex image as full-bleed background add a transparency (70%-90%) fill layer to give contrast to text.
Combine an image and multiple key statements with a strong grid.