Teaching an old dog new tricks How data visualisation & design - - PowerPoint PPT Presentation

▶
teaching an old dog new tricks
SMART_READER_LITE
LIVE PREVIEW

Teaching an old dog new tricks How data visualisation & design - - PowerPoint PPT Presentation

Sep 05, 2023 256 likes •681 views

Teaching an old dog new tricks How data visualisation & design can be used by everyone SAMRA 2013 Cara Morris & Sarah Wocknitz 1 What to expect Introduction Timeline Why Data Visualisation? Inspiration Study Toolbox Conclusion

slide-1
SLIDE 1

Teaching an old dog new tricks

How data visualisation & design can be used by everyone

SAMRA 2013 Cara Morris & Sarah Wocknitz

1

slide-2
SLIDE 2

What to expect… Introduction Timeline Why Data Visualisation? Inspiration Study Toolbox Conclusion

2

slide-3
SLIDE 3

Introduction

3

slide-4
SLIDE 4

Introduction

Visualisation of a Facebook friends network created in 10 minutes using Netvizz and Gephi

The ability to take data — to be able to understand it, to process it, to extract value from it, to visualize it, to communicate it — that’s going to be a hugely important skill in the next decades… because now we really do have essentially free and ubiquitous

  • data. So the complimentary scarce factor is the ability to understand that data and

extract value from it.

by Hal Varian

4

slide-5
SLIDE 5

Introduction

Visualisation of @Cara_CT’s Twitter mentions over the past week created in 5 minutes using tweetarchivist.com

5

slide-6
SLIDE 6

Timeline of Data Visualisation

6

slide-7
SLIDE 7

1900 to 1949

Timeline of Data Visualisation

Up to the 17th century 1600 to 1699 1700 to 1799 1850 to 1900 1950–1975 1975 until today 1800-1849

7

slide-8
SLIDE 8

Why Data Visualisation?

8

slide-9
SLIDE 9

Why Data Visualisation? Infographic

  • presents information
  • edit & organise data, then create summary/story

Data Visualisation

  • exploration of the data
  • graphic is a tool that allows you to explore the data on your own

9

slide-10
SLIDE 10

Let’s break down some facts….

  • human communications have existed for about 30,000 years
  • textual communication has been with us in different forms for only 3,700 years
  • emotions play an essential role in decision making
  • pictures enhance or effect emotions and attitudes

Why Data Visualisation?

10

slide-11
SLIDE 11

...unless our words, concepts ideas are hooked onto an image, they will go in one ear, sail through the brain, and go out the other ear. Words are processed by our short-term memory where we can only retain about 7 bits of information. (..) Images, on the other hand, go directly into long-term memory where they are indelibly etched; therefore it's not surprising that it is much easier showing a circle than describing one.

by Dr. Lynell Burmark

Why Data Visualisation?

11

slide-12
SLIDE 12

Why Data Visualisation?

  • information needs to be conveyed quickly
  • that's why we have all these signs, maps, instructions, schematics, icons & symbols
  • the goal of any graphic is to be a tool for your eyes and brain to perceive what lies

beyond their natural reach

  • the brain always tries to close the distance between observed phenomena and

knowledge that can help us survive (this is what cognition means)

12

slide-13
SLIDE 13

OUR job is

to generate or specify an order before people's brains to do it on their own. Why Data Visualisation?

Just making a graph pretty isn't doing your job. You need to paint a clear and powerful picture that makes people sit up, take notice, and say "Ah ha!”.

by Stephen Few

13

slide-14
SLIDE 14

1 2 3 4 5 6 Category 1 Category 2 Category 3 Category 4 Series 1 Series 2 Series 3

Why Data Visualisation?

1st Qtr 2nd Qtr 3rd Qtr 4th Qtr

1 2 3 4 5 6

Category 1 Category 2 Category 3 Category 4

Series 1 Series 2 Series 3 14

slide-15
SLIDE 15

Any project should start by analysing what your story is about, splitting it up into easily digestible chunks, without losing depth and ask yourself;

"What's the point?“ “What's the story?"

Why Data Visualisation?

15

slide-16
SLIDE 16

Bubble charts are good for vague comparisons and an overall picture, like David McCandless’ Snake oil chart. Why Data Visualisation?

16

slide-17
SLIDE 17

Why Data Visualisation?

  • the human brain is not very good at comparing areas, but is better with

distinguishing lengths and heights

  • bar charts are better for precise and accurate comparisons and

rankings

  • all in all visual clues help us decode text and attract attention to

information or direct attention increasing the likelihood that the audience will remember.

17

slide-18
SLIDE 18

Some inspiration

18

slide-19
SLIDE 19

The London Underground Harry Beck

  • engineering draftsman at the London

Underground Signals Office

  • famous for creating the London

Underground tube map in 1931

19

slide-20
SLIDE 20

The London Underground

Previous to Beck’s graphic 1931

20

slide-21
SLIDE 21

The London Underground

The London Underground Map

21

slide-22
SLIDE 22

The London Underground

Moscow Underground map Singapore Underground map

22

slide-23
SLIDE 23

Sparkling Showcase

Growth Relative growth Current Spain

  • 0.4
  • 5

8.7 France 2.2 18 12.5 Germany 1.9 19 9.9 Australia 1.7 22 7.6 Poland 1.6 36 4.5 Russia 2.9 36 8.1 Turkey 1.8 64 2.8 UK 4.1 82 5 USA 3 86 3.5 Brazil 4.2 120 3.5 Netherlands 3.5 125 2.8 Nigeria 5.4 150 3.6 SA 4.2 175 2.4 China 2.5 357 0.7 India 1.9 475 0.4

23

slide-24
SLIDE 24

Sparkling Showcase

24

slide-25
SLIDE 25

Cape Town’s bicycle lanes

25

slide-26
SLIDE 26

So, what do YOU think?

26

slide-27
SLIDE 27

We conducted a short survey among researchers to find out from them what they think design is, how important they feel it is and what the obstacles to implementing design in their reporting are.

27

slide-28
SLIDE 28

Time

  • overly complicated data visualisations
  • knowledge of design saves time
  • tips and tricks

Resource

  • “We need a designer!”
  • software
  • online platforms

Obstacles

28

slide-29
SLIDE 29

Rigid Templates

  • style guides
  • think outside of the box

Lack of storytelling ability

  • make sure your story is clear
  • use visualisation as a back up rather than allowing it to tell the story

Obstacles (cont.)

29

slide-30
SLIDE 30

Toolbox

30

slide-31
SLIDE 31

De-emphasize non-essential information

Important: Info needs to be there if someone looks for it, but not all information is created equal – some info is more important than others.

Consistency

Choose a way of doing something and stick with it throughout your entire report!

Minimise redundancy

Less is more.

General tips

31

slide-32
SLIDE 32

Typography

DO’s

  • be consistent: only use 1 font for word clouds and similar things
  • play around with the size, spacing and weight

32

slide-33
SLIDE 33

33

slide-34
SLIDE 34

Spacing Playing with your font spacing is FUN. You can play with the width and either make it NARROW

  • r s t r e e e t c h it.

34

slide-35
SLIDE 35

Shapes

VS.

SHAPES instead of lines Phase 1 Phase 2 Phase 3 Phase 1 Phase 2 Phase 3

35

slide-36
SLIDE 36

Shapes

36

slide-37
SLIDE 37

White Space

The use of white space is highly underrated

We need to reign in our compulsion to “fill in the gaps”

37

slide-38
SLIDE 38

Colours

WRONG

RIGHT

OK OK Alert OK OK Alert OK OK Alert OK OK Alert OK OK Alert OK OK Alert

38

slide-39
SLIDE 39

Colours

In the RYB colour model, the primary colours are RED, YELLOW and BLUE. The seconday colours (GREEN, ORANGE, PURPLE) are created by mixing the primary colours. The six tertiary colours are created by mixing primary and secondary colours.

39

slide-40
SLIDE 40

Recipe to become a Data Visualisation expert

  • study
  • steal
  • critique
  • produce
  • step out of your comfort zone

40

slide-41
SLIDE 41

Conclusion

41

slide-42
SLIDE 42

Conclusion We’ve come a long way bu but t we e stil still l ha have f e far to ar to go go.

QUESTIONS?

42