1 of 105

Google總監首度公開絕活,

教你做對圖表、說對話,所有人都聽你的!

新北市中山國中分享

葉州倫

2017年3月

必修的圖表簡報術

2 of 105

讓我成為 幫您讀書的人�

古代很多有錢人不讀書,僱人來讀書給他聽。�今天您不用花錢也能讀書。�從今以後,我就是您身邊的讀書人。�

3 of 105

4 of 105

馬雅古文明流傳下來的圖表心理測驗

請選出您最喜歡的圖表,可以測出您的人格

5 of 105

和平型人格

不愛做決定,別人說什麼他都說好;誰也不得罪;也不輕易給別人建議;生活的潤滑劑,聆聽者;甘於現實,不求調整,為人被動;對生命表現得不甚熱衷,自我意識弱,常將專注力放在別人身上。

6 of 105

支配型人格

目標和結果比過程更重要;為達到目的不擇手段;隨時隨地改變外在;高能量;能言善道;�重視名利,是個現實主義者,做事願意走捷徑,有極強的行動力,為達成目標會想盡任何的可能性做事一定要贏

7 of 105

藝術家型

創作力強;容易沉浸在自我世界;浪漫、感性;不了解人情世故;�佔有欲強;喜歡通過有美感的事物去表達個人感情,內向,抽離,憂鬱,追求獨特的感覺;�恐懼平淡,被遺棄,�對人若即若離;

8 of 105

Cole Nussbaumer Knaflic

柯爾・諾瑟鮑姆・娜菲克

Google前人力分析團隊總監最強簡報講師

暢銷作家

人氣部落格主

跟我一起消滅

世界上所有的

爛投影片吧!!!

9 of 105

好圖表讓你上天堂 爛圖表讓你...

我們來看一些爛圖表….

10 of 105

11 of 105

12 of 105

13 of 105

14 of 105

關於本書

不爭辯美感

不教軟體操作

而是要提昇

圖表力&故事力

15 of 105

六堂特訓課

  1. 理解脈絡
  2. 選擇適當的視覺呈現
  3. 去蕪存菁
  4. 集中聽眾目光
  5. 設計師思維
  6. 訴說故事

16 of 105

只要上課一小時,就能做出一張好圖表

17 of 105

真正的好圖表

兼顧易讀性

資訊的層次

這世界太忙

沒有人有時間讀爛圖

18 of 105

一 理解脈絡

如果您只有一分鐘,您會想傳達什麼核心理念?

19 of 105

100顆牡蠣

20 of 105

還是1顆珍珠?

21 of 105

簡報溝通的三件事

WHO 溝通對象是誰?

WHAT 想要聽眾知道什麼,並採取行動(CTA)

HOW 如何使用資料採取您的論點?

22 of 105

請大家拍下來

鼓勵聽眾嘗試行動的字眼都在右邊,建議大家拍下來哦!

(這就是一個CTA)

23 of 105

寫下您的故事腳本

把自己當成導演,先將分鏡寫在紙上

打造出視覺輪廓

24 of 105

Less is More

捨得 捨不得

不要像愛上壞男人的女孩捨不得

25 of 105

二 選擇適當的視覺呈現

(提醒:圓餅圖跟立體圖盡量少用)

26 of 105

杯子很重要

用紅酒杯喝高梁酒?

27 of 105

讓簡單變得更簡單

28 of 105

簡單展現氣勢

有時候用純文字 展現出來的說服力 比圖表還高

29 of 105

30 of 105

少了框線 還是表格

人類很聰明的

31 of 105

更一目了然的呈現方式

32 of 105

散布圖

比較資料間的關連性

33 of 105

一定要用圓餅圖嗎

34 of 105

用文字展現氣勢

35 of 105

折線圖

有點像小學生連連看

36 of 105

用長條圖也不錯

37 of 105

長條圖用來比較數據

38 of 105

橫條圖:有時候躺著比坐著好

39 of 105

瀑布圖:表示增減

40 of 105

圖表的道德原則:基線從零開始

41 of 105

不要用立體圖

眼睛會騙人

現在流行flat design

42 of 105

簡單就是美

43 of 105

三 去蕪存菁

拔掉干擾閱讀的雜草

44 of 105

認知負荷越大越懶的看���

45 of 105

認知負荷越大越懶的看���

46 of 105

格式塔視覺法則

47 of 105

改造實例

48 of 105

49 of 105

對齊 

對比 

資訊層次 

留白

50 of 105

視覺溝通法則:資訊墨水比

將墨水都花在資訊上

51 of 105

浪費了多少墨水呢?

52 of 105

省墨水的一張圖

53 of 105

圖表的環保主義

54 of 105

四 集中聽眾目光

您也可以成為燈光師

55 of 105

尾隨我的那位男士

在那一個上班的早晨,一路上都有位陌生男子看著我

56 of 105

潛意識的力量

行話:視覺的前注意特徵(preattentive attributes)

57 of 105

文字視覺的前注意特徵

58 of 105

無前注意特徵(沒開燈)

59 of 105

利用顏色吸引注意力 (打光)

60 of 105

打造資訊的視覺階層 (打SPOTLIGHT)

61 of 105

五 設計師思維

換腦袋就換位置

62 of 105

形隨機能 Form follows Function�

一眼就看出功能 不用解釋

63 of 105

形隨機能

64 of 105

強調重點

顏色 字型 大小 粗細 對比

65 of 105

移除分心的元素

不是每樣東西都一樣重要

能刪就刪

66 of 105

67 of 105

打造清楚的資訊階層

先求一目瞭然 再添加必要細節

68 of 105

清楚的資訊階層

69 of 105

文字是好朋友

標題與備註

70 of 105

大數據:臉書分手分析

71 of 105

一起動手改造吧

72 of 105

拔草開始 先把草拔光再說

73 of 105

拔草過頭了

74 of 105

種一點資料回去

75 of 105

刪掉一些資料標記

76 of 105

再刪!

77 of 105

完成!

78 of 105

美不美觀有那麼重要嗎

(謎之音:很重要)

79 of 105

美觀的設計會讓人忽視設計問題

80 of 105

六 訴說故事

簡報就是說故事�

81 of 105

亞里斯多德的故事三段論

佈局 衝突 解決

82 of 105

用一銀搶案講一個好故事

83 of 105

布局

台北市警局公關室警官宋俊良,他休假帶妻小到宜蘭旅遊,巧遇一銀盜領案的主嫌安德魯

84 of 105

衝突

宋俊良接受媒體訪問時透露,讓他開始懷疑安德魯的原因竟是「他點了1個糖醋的大白鯧魚,然後配了1碗白飯,我就覺得很奇怪,怎麼會有人吃飯只吃魚跟白飯」

85 of 105

解決

衝突呈現戲劇張力

再以解決落幕

86 of 105

海濤法師是講故事大師

87 of 105

簡報就是說故事

做好佈局 才能將理念傳下去

88 of 105

89 of 105

動手改造

做完後您就是是圖表簡報大師了!

90 of 105

濃濃的牡蠣味

91 of 105

先剝殼

92 of 105

找出異同處

93 of 105

五條毛毛蟲很難理解

94 of 105

形隨機能

95 of 105

96 of 105

找出故事性

97 of 105

繼續把故事說下去

98 of 105

殊途 同歸

99 of 105

100 of 105

然後呢?

如何讓自己更上一層樓?

101 of 105

摸熟工具

Excel PowerPoint

Tableau Public

Illastrator

程式語言

102 of 105

不斷修正 詢求意見

時間是最好的朋友

103 of 105

找靈感

好的靈感網站

VizWiz

538DataLab

StorytellingWithData

壞的靈感網站

WtfViz

104 of 105

樂在其中

覺得好玩最重要

105 of 105