Slide 1

Slide 1 text

Delivering a clear message and insights Explanatory vs Exploratory design September 2019

Slide 2

Slide 2 text

MARC SCHØNWANDT PICTURE HERE • Consultant @ Inviso • At home? • ❤Data❤

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

AGENDA 1 2 3 4 WHY? EXPLANATORY + EXAMPLES PREATTENTIVE ATTRIBUTES EXPLORATORY + EXAMPLES 5 KEY TAKE AWAYS

Slide 6

Slide 6 text

WHY? explanatory and exploratory? WHY VIZ AT ALL? SHARE MESSAGE / CONTENT CONTEXT WHO WHAT HOW

Slide 7

Slide 7 text

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.

Slide 8

Slide 8 text

Explanatory Design A few examples

Slide 9

Slide 9 text

http://graphics.wsj.com/infectious-diseases-and-vaccines/

Slide 10

Slide 10 text

http://graphics.wsj.com/infectious-diseases-and-vaccines/ WHO? WHAT? HOW?

Slide 11

Slide 11 text

A preattentive attribute is a visual property, which is processed without conscious action.

Slide 12

Slide 12 text

https://www.perceptualedge.com/articles/ie/visual_perception.pdf

Slide 13

Slide 13 text

http://graphics.wsj.com/infectious-diseases-and-vaccines/

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Exploratory Design

Slide 18

Slide 18 text

In exploratory designs we don’t always know what is important. Hence we use preattentive attributes more sparsely and instead focus on interactions.

Slide 19

Slide 19 text

Exploratory Design A few examples

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Exploratory Design A few examples

Slide 22

Slide 22 text

What can do then, to aide the viewers? Guidance

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

What can do then, to aide the viewers? Guidance

Slide 25

Slide 25 text

What can do then, to aide the viewers? Guidance Simple interactions

Slide 26

Slide 26 text

What can do then, to aide the viewers? Guidance Simple interactions ASK ASK ASK

Slide 27

Slide 27 text

Key take-aways: Understand the context Select appropriate design path Carefully utilize techniques

Slide 28

Slide 28 text

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/

Slide 29

Slide 29 text

THANK YOU