Google必修的圖表簡報術
DIC讀書會 沈政翰
前情提要…
理解脈絡
核心想法
3分鐘故事
選對有效的視覺元素
去蕪存菁
認知負荷 v.s. 雜訊
視覺法則
集中觀眾的目光
前注意特徵
設計師思維
一眼就能看出功能
一眼就能看出功能
一樣是格子,不一樣的格調。
醜到很特別也是一種美
說故事
故事的三段論 亞里斯多德
布局.衝突.解決
出發 !
一月 二月 三月 四月 五月 六月 七月 八月 九月 十月十一月
十二月
接收回報單數量 150 181 245 148 170 160 125 210 150 145 150 175
處理回報單數量 150 180 246 148 170 150 123 155 123 105 128 145
表 1
一顆珍珠在哪裡?
一月 二月 三月 四月 五月 六月 七月 八月 九月 十月十一月
十二月
接收回報單數量 150 181 245 148 170 160 125 210 150 145 150 175
處理回報單數量 150 180 246 148 170 150 123 155 123 105 128 145
0.00
50.00
100.00
150.00
200.00
250.00
300.00
接收回報單數量 處理回報單數量
0.00
50.00
100.00
150.00
200.00
250.00
300.00
接收回報單數量 處理回報單數量
0.00
50.00
100.00
150.00
200.00
250.00
300.00
接收回報單數量 處理回報單數量
0.00
50.00
100.00
150.00
200.00
250.00
300.00
接收回報單數量 處理回報單數量
0.00
50.00
100.00
150.00
200.00
250.00
300.00
一月
二月
三月
四月
五月
六月
七月
八月
九月
十月
十一月
十二月
接收回報單數量 處理回報單數量
0
50
100
150
200
250
300
一 二 三 四 五 六 七 八 九 十 十一 十二
接收回報單數量 處理回報單數量
0
50
100
150
200
250
300
一 二 三 四 五 六 七 八 九 十 十一 十二
接收量
處理量
0
50
100
150
200
250
300
一 二 三 四 五 六 七 八 九 十 十一 十二
接收量
處理量
210
150 145 150
175
155
123
105
128
145
0
50
100
150
200
250
300
一 二 三 四 五 六 七 八 九 十 十一 十二
處理量
接收量
210
150 145 150
175
155
123
105
128
145
0
50
100
150
200
250
300
一 二 三 四 五 六 七 八 九 十 十一 十二
處理量
接收量
210
150 145 150
175
155
123105
128145
0
50
100
150
200
250
300
一 二 三 四 五 六 七 八 九 十 十一 十二
處理量
接收量
回報單的時間變化
回報單數量
210
150 145 150
175
155
123105
128145
0
50
100
150
200
250
300
一 二 三 四 五 六 七 八 九 十 十一 十二
處理量
接收量
210
150 145 150
175
155
123
105
128145
0
50
100
150
200
250
300
一 二 三 四 五 六 七 八 九 十 十一 十二
接收量
處理量
請同意雇用兩名全職員工填補去年空出的職缺
回報單的時間變化
回報單數量
兩位員工於五月辭職。後兩個月的工作量還處理的來,但是八月回報單量增加後便無法應付,至今仍進度落後。
2014
資料來源:XYZ內部數據。2014/12/31 平均每人處理量與解決問題所需時間已完成深入分析,若需要可提供做為申請參考
新船員加入!!
試教計畫大成功
11%
5%
40%
25%
19%
12%
6%
14%
30%
38%
無聊 不大喜歡 可以接受 有點有趣 好玩
對科學有何觀感?
計畫前,大半學童認為科學還算可以接受。
計畫後,認為科學還有趣或好玩的學童增加了。
調查對象為參加試教計畫前後的一百名學童(兩次調查的回答率皆為100%)
試教計畫大成功
0% 20% 40% 60% 80% 100%
對科學有何觀感?
無聊 不大喜歡 可以接受 有點有趣 好玩
總和%
計畫前,大半學童 ( 40% )認為科學還算可以接受。
計畫後,認為科學還有趣( 30% )或好玩 (38% )的學童增加了。
前
後
試教計畫大成功
11% 12%
5% 6%
40%
14%
25%
30%
19%
38%
課前 課後
對科學有何觀感?
計畫前,大半學童 ( 40% )認為科學還算可以接受。
計畫後,認為科學還有趣( 30% )或好玩 (38% )的學童增加了。
無聊
好玩
有點有趣
可以接受
不大喜歡
試教計畫後,
68%的學童對科學產生興趣,計畫前僅為44%
調查對象為參加試教計畫前後的一百名學童(兩次調查的回答率皆為100%)
試教計畫大成功
表 22008 2009 2010 2011 2012 2013 2014
產品A 395 410 420 390 300 275 260
產品B 360 400 410 380 290 260 250
產品C 100 180 200 240 180
產品D 170 260 220 210
產品E 100 210
2008 2009 2010 2011 2012 2013 2014
產品A 395 410 420 390 300 275 260
產品B 360 400 410 380 290 260 250
產品C 100 180 200 240 180
產品D 170 260 220 210
產品E 100 210
一顆珍珠在哪裡?
$0
$100
$200
$300
$400
$500
產品A 產品B 產品C 產品D 產品E
每年平均產品零售價
2008 2009 2010 2011 2012 2013 2014
自2010年C產品發售起市面上所有的價格皆有下降
為了讓產品有競爭力,建議產品上市時的訂價低於平均223元、介於150至200元間
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
座標軸標題
座標軸標題
零售價時間變化
B
C
D
平均價格
年份
A
E
建議區間
平均
要前往偉大航路了嗎?
VizWiz
538DataLab
StorytellingWithData
簡報藝術烘培坊
WTF Visualizations
好靈感
壞靈感
立馬改進小撇步...
固定版面 統一字體
重製模糊圖表
段落
圖表道德 製作閱讀版本
立馬改進小撇步...
固定版面 統一字體
重製模糊圖表
段落
圖表道德 製作閱讀版本
立馬改進小撇步...
固定版面 統一字體
重製模糊圖表
段落
圖表道德 製作閱讀版本
立馬改進小撇步...
固定版面 統一字體
重製模糊圖表
段落
圖表道德 製作閱讀版本
立馬改進小撇步...
固定版面 統一字體
重製模糊圖表
段落
圖表道德 製作閱讀版本
立馬改進小撇步...
固定版面 統一字體
重製模糊圖表
段落
圖表道德 製作閱讀版本
只有更好沒有最好熟悉工具軟體 不斷自我修正
才是簡報的主角你
別讓投影片侷限你
2008 2009 2010 2011 2012 2013 2014
產品A 395 410 420 390 300 275 260
產品B 360 400 410 380 290 260 250
產品C 100 180 200 240 180
產品D 170 260 220 210
產品E 100 210
一顆珍珠在哪裡?
$0
$100
$200
$300
$400
$500
產品A 產品B 產品C 產品D 產品E
每年平均產品零售價
2008 2009 2010 2011 2012 2013 2014
自2010年C產品發售起市面上所有的價格皆有下降
$0
$100
$200
$300
$400
$500
產品A 產品B 產品C 產品D 產品E
每年平均產品零售價
2008 2009 2010 2011 2012 2013 2014
$0
$100
$200
$300
$400
$500
產品A 產品B 產品C 產品D 產品E
每年平均產品零售價
2008 2009 2010 2011 2012 2013 2014
這樣的圖表無法得到效果,就換一個試試
0
100
200
300
400
500
2008 2009 2010 2011 2012 2013 2014
每年平均產品零售價
產品A 產品B 產品C 產品D 產品E
0
100
200
300
400
500
2008 2009 2010 2011 2012 2013 2014
每年平均產品零售價
產品A 產品B 產品C 產品D 產品E
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
每年平均產品零售價
B
C
D
A
E
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
每年平均產品零售價
B
C
D
A
E
A
E
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
座標軸標題
座標軸標題
零售價時間變化
B
C
D
平均價格
年份
一個圖變成完整的故事
接下來的5分鐘……
我們的目標 :
1 理解市場上的價格時間變化。
2 依此資訊決定我們的產品價格。
最後將會提供詳細建議。
A與B產品於208年推出訂價在360元以上
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
座標軸標題
座標軸標題
零售價時間變化
B
平均價格
年份
A
兩者的訂價一直以來皆相差不遠,B的價位一項略低於A
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
座標軸標題
座標軸標題
零售價時間變化
B
平均價格
年份
A
2014年,A與B產品的定價分別為260與250元
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
座標軸標題
座標軸標題
零售價時間變化
B
平均價格
年份
A
之後分別推出C、D、E產品,價格低上許多…
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
座標軸標題
座標軸標題
零售價時間變化
B
C
D
平均價格
年份
A
E
……但是所有產品推出後價格皆曾上漲
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
座標軸標題
座標軸標題
零售價時間變化
B
C
D
平均價格
年份
A
E
此領域的新產品推出後,通常價格會先上漲,再隨著時間降低
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
座標軸標題
座標軸標題
零售價時間變化
B
C
D
平均價格
年份
A
E
2014年度,零售價趨向一致,平均零售價223元最低180元( C )、最高260元( A )
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
座標軸標題
座標軸標題
零售價時間變化
B
C
D
平均價格
年份
A
E
為了讓產品有競爭力,建議產品上市時的訂價低於平均223元、介於150至200元間
$0
$100
$200
$300
$400
$500
2008 2009 2010 2011 2012 2013 2014
座標軸標題
座標軸標題
零售價時間變化
B
C
D
平均價格
年份
A
E
建議區間
平均