Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Explanatory vs Exploratory Design
Search
DataViz CPH
September 24, 2019
Business
0
200
Explanatory vs Exploratory Design
Delivering a clear message and insights. A presentation by Marc Schønwandt
DataViz CPH
September 24, 2019
Tweet
Share
More Decks by DataViz CPH
See All by DataViz CPH
Data Visiualization for Data-Driven Debate
datavizcph
0
120
How to Freelance in Dataviz
datavizcph
0
45
Creating a management dashboard...
datavizcph
0
41
Data visualization with Microsoft Excel
datavizcph
0
85
Mobilizing Intuitive Judgment
datavizcph
0
52
Fake News on Facebook and Twitter: Trump vs. Clinton
datavizcph
0
40
DataViz CPH 24 Sep 2019
datavizcph
0
50
Dataviz CPH Meetup 15 Aug
datavizcph
0
97
Capturing project requirements visually
datavizcph
0
35
Other Decks in Business
See All in Business
Expedi𝓪®️ USA Contact Numbers: Complete 2-0-2-5 Support Guide
travelhupsupport
0
110
7 Best Ways to Reach HP Printer Support Number (USA 2025) 📞 +1-888-503-6380
charlesmick
0
290
250626_HR Tech Vision 2025
hiroyuki1973
PRO
1
110
[24/7~!!Help®] how do I contact QuickBooks Enterprise Contact Number?
dovavebe
0
120
特別講義 理系のための法学入門
seko_shuhei
2
2.4k
ラッコキーワード サービス紹介資料
rakko
0
610
メドピアグループ紹介資料
medpeer_recruit
10
130k
AI時代における変革の入口-100年後も語られる25年のために- #scrumosaka / The entry point to transformation in the AI era For 25 years that will be talked about 100 years from now
kyonmm
PRO
6
510
採用ピッチデック
macloud
3
76k
国内ランサムウェア3事例から学ぶ中小病院におけるサイバーセキュリティ対策 / Cybersecurity Learned from Cases
henryofficial
0
330
15 Effective Ways to Speak to a Live 24/7 QuickBooks Payroll Support Experts
herry0o4
0
120
Talk to Someone At Expedi𝓪™️ USA Contact Numbers
travelcare
0
120
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Building Applications with DynamoDB
mza
95
6.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Making Projects Easy
brettharned
116
6.3k
Being A Developer After 40
akosma
90
590k
What's in a price? How to price your products and services
michaelherold
246
12k
Transcript
Delivering a clear message and insights Explanatory vs Exploratory design
September 2019
MARC SCHØNWANDT PICTURE HERE • Consultant @ Inviso • At
home? • ❤Data❤
None
None
AGENDA 1 2 3 4 WHY? EXPLANATORY + EXAMPLES PREATTENTIVE
ATTRIBUTES EXPLORATORY + EXAMPLES 5 KEY TAKE AWAYS
WHY? explanatory and exploratory? WHY VIZ AT ALL? SHARE MESSAGE
/ CONTENT CONTEXT WHO WHAT HOW
Explanatory “You have a specific thing you want to explain,
a specific story you want to tell” -Cole Nussbaumer Knaflic Exploratory ..is what you do to get familiar with the data. We allow the user to delve into the data to determine what might be interesting about it to them.
Explanatory Design A few examples
http://graphics.wsj.com/infectious-diseases-and-vaccines/
http://graphics.wsj.com/infectious-diseases-and-vaccines/ WHO? WHAT? HOW?
A preattentive attribute is a visual property, which is processed
without conscious action.
https://www.perceptualedge.com/articles/ie/visual_perception.pdf
http://graphics.wsj.com/infectious-diseases-and-vaccines/
None
None
None
Exploratory Design
In exploratory designs we don’t always know what is important.
Hence we use preattentive attributes more sparsely and instead focus on interactions.
Exploratory Design A few examples
None
Exploratory Design A few examples
What can do then, to aide the viewers? Guidance
None
What can do then, to aide the viewers? Guidance
What can do then, to aide the viewers? Guidance Simple
interactions
What can do then, to aide the viewers? Guidance Simple
interactions ASK ASK ASK
Key take-aways: Understand the context Select appropriate design path Carefully
utilize techniques
More reading and references: - Cole Nussbaumer Knaflic: Storytelling With
Data - Stephen Few: Show Me the Numbers - http://perceptualedge.com - http://graphics.wsj.com/infectious-diseases-and-vaccines/
THANK YOU