Infographic Thinking Workshop - Data communicator

60
Perus Saranurak 28 July 2015 data 1 data 2 data 3 data 4 data 5 data 6 data 7 INFOGRAPHIC โดย พีรัช ษรานุรักษ์

Transcript of Infographic Thinking Workshop - Data communicator

Page 1: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015data 1data 2data 3data 4data 5data 6data 7

INFOGRAPHICโดย พีรัช ษรานุรักษ์

Page 2: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

การสื่อสารในปัจจุบันCommunication

Page 3: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Data overload8 วินาที

9 วินาที

2012

Page 4: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

FAST &

ACCURATE

Page 5: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Prepare forEye Exercise 3s

Page 6: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Page 7: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

3s

Page 8: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Ref#3

Page 9: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

What did you understand ?What did you understand ?What did you feel ?What did you feel ?

Page 10: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

What did you understand ?What did you understand ?What did you feel ?What did you feel ?

Page 11: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

text.

Visuals

source: http://www.billiondollargraphics.com/infographics.html

1010100100101001010100101

010100101000101010010100101

01010010010101010101010100100101001010100101

010100101000101010010100101

010100100101010101010101101

010010010100101010010101010010100010101001010010101010

0100101010101010101

0010100010101001010010101

010010010101010101010110101

001001010010101001010101001

Visual and Brain 90%90%

Page 12: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

source: http://www.billiondollargraphics.com/infographics.html

Page 13: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

1010100100101001010100101

010100101000101010010100101

01010010010101010101010100100101001010100101

010100101000101010010100101

010100100101010101010101101

010010010100101010010101010

010100010101001010010101010

0100101010101010101

0010100010101001010010101

010010010101010101010110101

001001010010101001010101001

Transmission model - Shannon (1948)

Senderno

ise

noise

noise

noiseMassage Channel Reciever

DecodingEncoding

Page 14: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Page 15: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Hello!

How toCommunicateสื่อสารข้อมูลเยอะๆอย่างไรดี

DATA DATA DATA

DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

Page 16: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

20th Century Deathhttps://docs.google.com/spreadsheet/ccc?key=0Aqe2P9sYhZ2ndDFON0Zidmh0ZHc1WGU4NHMzQ1AtMVE#gid=8

Page 17: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

20th Century Deathhttp://www.informationisbeautiful.net/visualizations/20th-century-death/

Data Visualization

Page 18: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015Infographic

Page 19: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015Infographic

Page 20: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

data 1data 2data 3data 4data 5data 6data 7

Graphic types

Page 21: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Data Data Vis. Infographic

Page 22: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Data

Data Vis.

Infographic

--> Stories

--> Visual

Page 23: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

โจทย์คนไทย 10% แรก ที่มีที่ดินมากที่สุดมีที่ดินรวมกันคนไทย 10% ที่ 2 ที่มีที่ดินรองลงมามีที่ดินรวมกันคนไทย 10% ที่ 3 ที่มีที่ดินรองลงมามีที่ดินรวมกันคนไทย 10% ที่ 4 ที่มีที่ดินรองลงมามีที่ดินรวมกันคนไทย 60% ที่เหลือ มีที่ดินรวมกัน

61.48 %18.44 %10.04 %5.35 %4.69 %

การกระจุกตัวในการถือครองโฉนดที่ดินของไทยที่มา: ดวงมณี เลาวกุล, 2557

Page 24: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Graphic

คนไทย 10% แรก ที่มีที่ดินมากที่สุดมีที่ดินรวมกันคนไทย 10% ที่ 2 ที่มีที่ดินรองลงมามีที่ดินรวมกันคนไทย 10% ที่ 3 ที่มีที่ดินรองลงมามีที่ดินรวมกันคนไทย 10% ที่ 4 ที่มีที่ดินรองลงมามีที่ดินรวมกันคนไทย 60% ที่เหลือ มีที่ดินรวมกัน

61.48 %18.44 %10.04 %5.35 %4.69 %

Data -->

Page 25: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

GraphicDataประเทศไทยจำ นวนคน

ลำ ดับขนาดที่ดิน

เวลา

-->

Page 26: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Data Graphicposition yposition xangleshapecoloropasity/texturearea/size/volume*animation

types: graph

ประเทศไทยจำ นวนคน

ลำ ดับขนาดที่ดิน

เวลา

-->

Page 27: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Graphicposition yposition xangleshapecoloropasity/texturearea/size/volume*animation+++

75%

63%

types: graphDataประเทศไทยจำ นวนคน

ลำ ดับขนาดที่ดิน

เวลา

-->

Page 28: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

C

DataVisual

Page 29: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

CStory

DataVisual

INFOGRAPHIC

Audience

Page 30: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Page 31: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

พÙดคุย INFOGRAPHICDiscuss

Page 32: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

http://www.gapminder.org/videos/200-years-that-changed-the-world-bbc/200 Countries, 200 Years, 4 Minutes

Page 33: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

http://www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html?_r=0At the National Conventions, the Words They Used

Page 34: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Page 35: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

http://visualization.geblogs.com/visualization/germanenergy/Energy Consumption By Source From 1950 to 2010

Page 36: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Page 37: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Page 38: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Page 39: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

https://youtu.be/vH4jYMa8kSAจับตาเตือนภัย-ไทยรัฐ TV

Page 40: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

https://www.youtube.com/watch?v=bivD0TscGnAรู้สู้ flood CPR process

Emergency

Page 41: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Page 42: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

โจทย์คนไทย 10% แรก ที่มีที่ดินมากที่สุดมีที่ดินรวมกันคนไทย 10% ที่ 2 ที่มีที่ดินรองลงมามีที่ดินรวมกันคนไทย 10% ที่ 3 ที่มีที่ดินรองลงมามีที่ดินรวมกันคนไทย 10% ที่ 4 ที่มีที่ดินรองลงมามีที่ดินรวมกันคนไทย 60% ที่เหลือ มีที่ดินรวมกัน

61.48 %18.44 %10.04 %5.35 %4.69 %

การกระจุกตัวในการถือครองโฉนดที่ดินของไทยที่มา: ดวงมณี เลาวกุล, 2557

Page 43: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Graphicposition yposition xangleshapecoloropasity/texturearea/size/volume*animation+++

types: graphDataประเทศไทยจำ นวนคน

ลำ ดับขนาดที่ดิน

เวลา

-->

Page 44: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 20151 Chart

Page 45: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 20152 Color

Page 46: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 20153 Simplify

Page 47: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 20154 Emphasize

Page 48: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 20155 Review

Page 49: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 20156 Develope

Page 50: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

DATA DATA DATA

DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

Page 51: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Connect

Compact

Communicate

Page 52: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

DATASELECTED

Page 53: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

DATASELECTED

Page 54: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

≤3

Page 55: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

*...

Page 56: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Graphic Tools Websites

https://www.canva.com/Canva Raw Chartio

http://raw.densitydesign.org/ https://chartio.com/

Page 57: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

... Finally, always try new solutions.

http://www.informationisbeautiful.net/Information is Beautiful Pinterest

https://www.pinterest.com/

Page 58: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015

Data is soilDavid McCandless: The beauty of data visualization

Page 59: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015Should not

Page 60: Infographic Thinking Workshop - Data communicator

Perus Saranurak 28 July 2015data 1data 2data 3data 4data 5data 6data 7

INFOGRAPHICโดย พีรัช ษรานุรักษ์