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
210
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
46
Creating a management dashboard...
datavizcph
0
43
Data visualization with Microsoft Excel
datavizcph
0
87
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
37
Other Decks in Business
See All in Business
30枚でわかるフォトラクション
photoruction
0
1.2k
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
1.3k
坂ノ途中 会社紹介資料 /Introduction
ontheslope
0
3.1k
株式会社Domuz会社紹介資料(採用)
kimpachi_d
0
37k
enechain company deck
enechain
PRO
9
130k
朝日新聞社 ITエンジニア キャリア採用 紹介資料
asahi_cto
0
100
AIサービス紹介資料_250331.pdf
babylonzoo
0
2.6k
株式会社BALLAS 会社案内
ballas_inc
0
21k
LayerXって「クール」で「スマート」で「冷たい」の?_maru
maruichi
0
230
【エンジニア職】中途採用向け会社説明資料(テックファーム株式会社)
techfirm
0
5.3k
Automating myself out of an unloved project with Python, n8n and Telegram
switowski
1
180
Top 07 Ways to connect QuickBooks Payroll Support Number
qbpayroll1
0
200
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.7k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Navigating Team Friction
lara
188
15k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
540
How STYLIGHT went responsive
nonsquared
100
5.7k
Mobile First: as difficult as doing things right
swwweet
223
9.8k
Thoughts on Productivity
jonyablonski
69
4.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
How to train your dragon (web standard)
notwaldorf
96
6.1k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
For a Future-Friendly Web
brad_frost
179
9.9k
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