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
180
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
97
How to Freelance in Dataviz
datavizcph
0
30
Creating a management dashboard...
datavizcph
0
26
Data visualization with Microsoft Excel
datavizcph
0
73
Mobilizing Intuitive Judgment
datavizcph
0
48
Fake News on Facebook and Twitter: Trump vs. Clinton
datavizcph
0
34
DataViz CPH 24 Sep 2019
datavizcph
0
42
Dataviz CPH Meetup 15 Aug
datavizcph
0
96
Capturing project requirements visually
datavizcph
0
28
Other Decks in Business
See All in Business
技術広報の集い #5 LT 資料 2025 年挑戦したいこと
n0mzk
0
210
Terra Charge|会社紹介 / Terra Charge Company Profile
contents
0
170
図形伝達ゲーム「グラコミ」
chibanba1982
PRO
0
950
IT業界向けグループワーク「THEクリティカルパス カード版」
chibanba1982
PRO
0
140
システム思考ゲーム「ビールゲーム」
chibanba1982
PRO
0
480
ABCash会社紹介資料「Culture Deck2025」
abcash_recruit
0
10k
株式会社LANY / Company Deck
lany
2
58k
新たなプロダクトで成果を掴む!PMのサバイブ術 🥷
tochiba
5
2.2k
セルフケア研修用カードゲーム「攻略! きみのストレスを発見せよ!」
chibanba1982
PRO
0
150
ネオス株式会社 会社紹介
neos
0
120
アマチュア技術広報の振り返りと目標
bicstone
2
150
ゲーム型ダイバーシティ&インクルージョン研修「バーンガ」
chibanba1982
PRO
0
800
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Speed Design
sergeychernyshev
25
740
Unsuck your backbone
ammeep
669
57k
Mobile First: as difficult as doing things right
swwweet
222
9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Agile that works and the tools we love
rasmusluckow
328
21k
How GitHub (no longer) Works
holman
312
140k
KATA
mclloyd
29
14k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
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