SlideShare a Scribd company logo
/ @VickeKaravanVicke Cheung
How Visualising Data Helps Us See
Designing
Creative Content
We create pieces of
content to earn attention
for our clients
Getting coverage requires either:
1.		 breaking news
2.		 new insight
We tend to focus on:
1.		 breaking news
2.		 new insight
New insight means
allowing people to see
something in a new way
This is where
visualising data comes in
Simplifying the complex
Visualising data provides insight by
concerthotels.com/100-years-of-rock
wikipedia.org
wikipedia.org
Designing Creative Content: How visualising data helps us see
We took a complex dataset
…and simplified it
concerthotels.com/100-years-of-rock
shortlisted for_______________________________________
featured in ___________________________________________
  122,708  	  8,366    558 
Simplifying things makes it easier
to consume and draw insight
Putting things into context
Visualising data provides insight by
We aren’t good at wrapping our
heads around big numbers
:(
On average, there are
60 million photos uploaded
to Instagram each day
Impressive stat,
but pretty meaningless by itself
Let’s make it concrete!
photoworld.com/photos-on-the-web
Physical frames of reference
allow us to “see” the size of
Instagram in a new way
hereistoday.com
Monday 19, October
Give insight by putting
things into context
Fear not:
Putting things into context isn’t
about fancy animations
Simple static images can
do the job just as well
[more on this later…]
bbc.co.uk/news/uk-14975549
howithappened.com
howithappened.com
Revealing patterns
Visualising data provides insight by
Can money buy happiness?
Data taken from Cabinet Office Wellbeing & Policy Report 2014
bbc.co.uk/news/magazine-26671221
The BBC wrote an article about this
This was their insight
bbc.co.uk/news/magazine-26671221
It’s hard to draw
insight from this
We wanted to do
more with it
michaelpage.co.uk/minisite/salary-vs-happiness
Curve of best fit
Plotting the data and the curve
allowed us to identify outliers
Outlying occupations
Outlying sectors
The interest is in the outliers,
which were only identifiable
through visualisation
Another great example of
revealing patterns and clusters…
nytimes.com/interactive/2011/05/03/us/20110503-osama-response.html
Designing Creative Content: How visualising data helps us see
Designing Creative Content: How visualising data helps us see
Visualising the data
brought the hidden patterns
and relationships to light
One big caveat
Any data can be
visualised
But not all data
should be!
You need to know where
you’re adding value
Wow  vs.  Aha
You just listened to Wikipedia!
Listen to Wikipedia
listen.hatnote.com
The value is not to
learn about Wikipedia
The value lies in the novelty of
the execution and experience
This is “Wow”
listen.hatnote.com
“Isn’t this just lovely?”
“Well, this is mesmerising”
shows you something you’ve
literally never seen before
Wow
Moving on to
“Aha”
Data is easy to come by,
but insight is not
priceonomics.com/the-hipster-music-index
It shares insight by
applying a new meaning
to the two sets of data
huffingtonpost.com/benjamin-moore/overrated-underrated-movies_b_5319488.html
huffingtonpost.com/benjamin-moore/overrated-underrated-movies_b_5319488.html
overrated
huffingtonpost.com/benjamin-moore/overrated-underrated-movies_b_5319488.html
underrated
It’s about what they mean,
not how they look
This is “Aha”
shows you something
in a new light
Aha
“Wow” and “Aha” are
not often as clear-cut
The Wow & Aha Spectrum
Wow Aha
Listen to Wikipedia
The Wow & Aha Spectrum
Wow Aha
Hipster Music IndexListen to Wikipedia
The Wow & Aha Spectrum
Wow Aha
100 Years of Rock
Listen to Wikipedia Hipster Music Index
The Wow & Aha Spectrum
Wow Aha
If you printed all the
Instagram photos…
Listen to Wikipedia Hipster Music Index
100 Years of Rock
The Wow & Aha Spectrum
Wow Aha
Listen to Wikipedia Hipster Music Index
100 Years of Rock
If you printed all the
Instagram photos…
Happiness vs.
Salary
The Wow & Aha Spectrum
Wow Aha
Listen to Wikipedia Hipster Music Index
100 Years of Rock
If you printed all the
Instagram photos…
Happiness vs.
Salary
The Wow & Aha Spectrum
Wow Aha
Regardless of what value
you choose to offer
Don’t make your audience
work for it
findproperly.co.uk/tube-map.php
Where’s the data?
Oh, didn’t even see that…
Still no actual prices!
…until you hover again
Don’t make your
audience work!
thrillist.com/lifestyle/london/london-underground-rent-map
Thrillist made their own version
It’s a big hit
It succeeded where
the other failed
Unnecessary
friction
Reward
doesn’t match
the effort
required
Tried to do
too much:
option-
overload
Overcooked
execution
Allows for quick
scanning and
locating
data points
of interest
No learning
curve
Reward
surpasses
effort required
Simple and
intuitive
It can be tempting to try to
do too much at once
What’s the one thing
you want to show?
Gender pay gap
V1.
V1.
Not showing the
one thing we want it to
V2.
Designing Creative Content: How visualising data helps us see
Better, but
could still be improved
Designing Creative Content: How visualising data helps us see
Pay gap made more obvious
Introduced visual metaphor
Designing Creative Content: How visualising data helps us see
Ask yourself:
What’s the one thing I
want to show?
And follow up with:
Am I really showing this?
Sometimes you need to
show people how to see it
“The annotation layer is the
most important thing we do…
otherwise it’s a case of here
it is, you go figure it out”
Amanda Cox, NYT Graphics Editor
Annotation layer
=
labels, introductions,
explanatory text, captions
Surely the visualisation
itself is more important
than the annotations
anonymous sceptic
Designing Creative Content: How visualising data helps us see
Indecipherable without annotations
nytimes.com/interactive/2014/06/05/upshot/how-the-recession-reshaped-the-economy-in-255-charts.html?_r=0
Annotations can help you
deliver insight without making
your audience work for it
Recap
The value in visual content is in
helping people see things they
couldn’t previously see by…
Simplifying the complex
Putting things in context
Revealing patterns
Know where you’re adding value
Listen to Wikipedia Hipster Music Index
100 Years of Rock
If you printed all the
Instagram photos…
Happiness vs.
Salary
Wow Aha
Don’t make your
audience do the work
That’s your job!
But above all else…
Vicke Cheung, Distilled
Thank you!
vicke.cheung@distilled.net / @VickeKaravan

More Related Content

PPTX
Data Engineer's Lunch #81: Reverse ETL Tools for Modern Data Platforms
PPTX
Platform Revolution: Ch 03 -- Architecture & Design
PDF
The Platform Manifesto - 16 principles for digital transformation
PDF
Building the Enterprise Data Lake - Important Considerations Before You Jump In
PPTX
The Platform Revolution: How Networked Markets Are Transforming the Economy -...
PPTX
Apache Atlas: Governance for your Data
PDF
Build Real-Time Applications with Databricks Streaming
PPTX
Metadata and ontologies
Data Engineer's Lunch #81: Reverse ETL Tools for Modern Data Platforms
Platform Revolution: Ch 03 -- Architecture & Design
The Platform Manifesto - 16 principles for digital transformation
Building the Enterprise Data Lake - Important Considerations Before You Jump In
The Platform Revolution: How Networked Markets Are Transforming the Economy -...
Apache Atlas: Governance for your Data
Build Real-Time Applications with Databricks Streaming
Metadata and ontologies

What's hot (20)

PPTX
Information Architecture Deliverables
PPTX
Brandon obrien streaming_data
PPTX
Hadoop YARN | Hadoop YARN Architecture | Hadoop YARN Tutorial | Hadoop Tutori...
PDF
What is ResearchOps? - Kate Towsey
PDF
Deriving Intelligence from Customer Actions: Data Marketing 2015 presentation
PDF
Hadoop Overview & Architecture
 
PPTX
Apache Phoenix and Apache HBase: An Enterprise Grade Data Warehouse
PPTX
Platform Shift: How New Business Models Are Changing the Shape of Industry
PPT
Ux team organization
PDF
Parquet and AVRO
PPTX
5 Levels of UX Strategy
PDF
Introduction to Bigdata and HADOOP
PDF
Intro to Agile Requirements: User Stories, Backlogs and Beyond
PDF
Containers and Kubernetes
PPTX
FHIR architecture overview for non-programmers by René Spronk
PDF
Metadata is a Love Note to the Future
PPTX
Platform Revolution
PPTX
File Format Benchmark - Avro, JSON, ORC and Parquet
PPTX
Introduction To Hadoop | What Is Hadoop And Big Data | Hadoop Tutorial For Be...
PPTX
What it means to be FAIR
Information Architecture Deliverables
Brandon obrien streaming_data
Hadoop YARN | Hadoop YARN Architecture | Hadoop YARN Tutorial | Hadoop Tutori...
What is ResearchOps? - Kate Towsey
Deriving Intelligence from Customer Actions: Data Marketing 2015 presentation
Hadoop Overview & Architecture
 
Apache Phoenix and Apache HBase: An Enterprise Grade Data Warehouse
Platform Shift: How New Business Models Are Changing the Shape of Industry
Ux team organization
Parquet and AVRO
5 Levels of UX Strategy
Introduction to Bigdata and HADOOP
Intro to Agile Requirements: User Stories, Backlogs and Beyond
Containers and Kubernetes
FHIR architecture overview for non-programmers by René Spronk
Metadata is a Love Note to the Future
Platform Revolution
File Format Benchmark - Avro, JSON, ORC and Parquet
Introduction To Hadoop | What Is Hadoop And Big Data | Hadoop Tutorial For Be...
What it means to be FAIR
Ad

Viewers also liked (20)

PDF
Success Beyond Links: How To Make Your Content More Valuable
PDF
Culture + Design
PDF
The B2B Persona project
PDF
Fading Money
PDF
Tech Trends 2014
PPTX
Motion detection in JS for Gesture based interaction
PDF
UX Fundamentals for Beginners
PDF
The Future of TV
PDF
American Banking Association Marketing Conference - Modern Consumers
PDF
WUD 2014 - Test di usabilità su prototipi cartacei
PDF
The future of tv
PPTX
Акция «доброе дело» — ликвидируем цифровое неравеснство
PDF
Hello I'm Taylor!
PDF
PSFK Future Of Light Report
PDF
Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014
PDF
Why use responsive web design?
PDF
The 4 Must-Haves and Must-Nots for Pitch Deck Presentations
PDF
The Mobile Frontier
PDF
#BrightonSEO 2014 - Think Eyes... Not Just Keywords
PDF
The Other #WorldCup #FIFA
Success Beyond Links: How To Make Your Content More Valuable
Culture + Design
The B2B Persona project
Fading Money
Tech Trends 2014
Motion detection in JS for Gesture based interaction
UX Fundamentals for Beginners
The Future of TV
American Banking Association Marketing Conference - Modern Consumers
WUD 2014 - Test di usabilità su prototipi cartacei
The future of tv
Акция «доброе дело» — ликвидируем цифровое неравеснство
Hello I'm Taylor!
PSFK Future Of Light Report
Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014
Why use responsive web design?
The 4 Must-Haves and Must-Nots for Pitch Deck Presentations
The Mobile Frontier
#BrightonSEO 2014 - Think Eyes... Not Just Keywords
The Other #WorldCup #FIFA
Ad

Similar to Designing Creative Content: How visualising data helps us see (20)

PPTX
The governments online future in the age of persuasive design
PPTX
The government's online future in the age of persuasive design
PDF
Eye-catching science: free tools to create data visualizations and infographics
PDF
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
PPTX
The Internet of People: A Call to Arms
PDF
Explore Data: Data Science + Visualization
PDF
2008 ANA Masters of Marketing Speech
PDF
Storytelling
DOCX
Confirming pagesModule 25 Using Visuals 417 In your r.docx
PDF
How to Entertain audiences using data led content - Trend Report Spring 2015
PPT
Storytelling
PDF
Creating data visualisations that don't suck
PDF
Chris Lacinak
PPTX
Beyond Usage Stats (Or, demonstrating value & marketing services when you hav...
PDF
MCAD 2009 - Future of Advertising: session #09 recap (March 23)
PDF
Don't demo facts. Demo stories! (handouts)
PDF
An Introduction to Data Visualization
PDF
Data Visualisation Literacy - Learning to See
PPTX
Come flying on Divergence Airways with Mike Biggs -"We always land"
The governments online future in the age of persuasive design
The government's online future in the age of persuasive design
Eye-catching science: free tools to create data visualizations and infographics
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
The Internet of People: A Call to Arms
Explore Data: Data Science + Visualization
2008 ANA Masters of Marketing Speech
Storytelling
Confirming pagesModule 25 Using Visuals 417 In your r.docx
How to Entertain audiences using data led content - Trend Report Spring 2015
Storytelling
Creating data visualisations that don't suck
Chris Lacinak
Beyond Usage Stats (Or, demonstrating value & marketing services when you hav...
MCAD 2009 - Future of Advertising: session #09 recap (March 23)
Don't demo facts. Demo stories! (handouts)
An Introduction to Data Visualization
Data Visualisation Literacy - Learning to See
Come flying on Divergence Airways with Mike Biggs -"We always land"

Recently uploaded (20)

PPTX
EDP Competencies-types, process, explanation
PPT
Machine printing techniques and plangi dyeing
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PDF
Interior Structure and Construction A1 NGYANQI
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
Special finishes, classification and types, explanation
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PDF
Introduction-to-World-Schools-format-guide.pdf
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PDF
Urban Design Final Project-Site Analysis
PPTX
Entrepreneur intro, origin, process, method
PDF
intro_to_rust.pptx_123456789012446789.pdf
DOCX
A Contemporary Luxury Villa in Dubai Jumeirah-2.docx
PPTX
Implications Existing phase plan and its feasibility.pptx
EDP Competencies-types, process, explanation
Machine printing techniques and plangi dyeing
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
Interior Structure and Construction A1 NGYANQI
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Tenders & Contracts Works _ Services Afzal.pptx
AD Bungalow Case studies Sem 2.pptxvwewev
Special finishes, classification and types, explanation
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Introduction-to-World-Schools-format-guide.pdf
DOC-20250430-WA0014._20250714_235747_0000.pptx
Urban Design Final Project-Site Analysis
Entrepreneur intro, origin, process, method
intro_to_rust.pptx_123456789012446789.pdf
A Contemporary Luxury Villa in Dubai Jumeirah-2.docx
Implications Existing phase plan and its feasibility.pptx

Designing Creative Content: How visualising data helps us see