好故事圖文行銷法 @CFH

2017/12/14 受關鍵數位行銷邀請，於國泰金控企業內部分享會分享之簡報。

短網址：http://bit.ly/2017CFH

Transcript

1. bit.ly/2017CFH 吸 睛 圖 ⽂ 的 ⾏ 銷 擴 散 ⼒ 好故事圖⽂⾏銷法 楊孝先 ＠國泰⾦控 S Image by Ashwin Dinesh from the Noun Project (CC BY 3.0 US)
2. 只是個岔題懶⼈包作者 關於我 @nchild Web App fb.me/ hotline.tw g0v.tw http:// creativec ommons. tw
3. 4+年年 10+⼤大包 30+單位 50+場次 100+⼩小時 ႡЪ ʱԮ
4. 概念 Why 技巧 How ➜
5. 請多問我問題 （沒有問題其實很有問題） 有⾜夠的互動，分享才會完整
6. 0 25 50 75 100 NGOs 企業 媒體 政府 41 43 52 53 42 48 53 55 2016 2017 全球信任危機：不被信任的組織 2017 Edelman TRUST BAROMETER
7. 轉變下的緊張關係 2017 Edelman TRUST BAROMETER 精英掌管機構『為⼈⺠』做事 群眾擁有影響⼒並排拒權威
8. 消息來源信任度消⻑ 2017 Edelman TRUST BAROMETER 56 58 60 62 64 2012 2013 2014 2015 2016 2017 61 58 61 62 63 64 62 59 61 57 58 57 傳統媒體 搜尋引擎
9. ⼀般⼤眾 信任落差 2017 Edelman TRUST BAROMETER 60 45 知情⼤眾
10. 聽 說 開放
 溝通 信任+ ➜
11. 說 聽 ＋
12. 說個好故事 ⁇
13. A Good Story “Sells” 無論是理念、產品或服務
14. https://commons.wikimedia.org/wiki/ File:TED_wordmark.svg
16. ‒ Simon Sinek “The goal is to do business with people who believe what you believe.” How great leaders inspire action @TED
17. 做什麼 怎麼做 為什麼 Simon Sinek 的⿈⾦圈圈 ⽣物學 理性、分析 感情→⾏為
18. 「我們製造最棒的電腦， 他們都有美好的設計、容易 上⼿，也迎合使⽤者的要求 想買⼀台嗎？」 Everyone else who sells computers
20. http://bit.ly/1PKsd7N 「我們所做的每件事， 我們相信，都在挑戰現狀、 ⽤不同的⾓度思考， 我們挑戰現狀的⽅式是讓我們的 產品具有美好設計， 容易使⽤且對使⽤者友善。 我們恰巧做了很棒的電腦。」
21. How great leaders inspire action @TED 夢想 計畫 VS. ⾺丁・路德・⾦恩演講
22. ౜ࠑ ౜ࠑ 說明
23. 說明 說服 ➜
24. 別變成 甜甜圈
25. 說明是讓對象『得到』
 ⽽不是讓對象「知道」 Did you get it?
26. 說明⼈⼈會 但並⾮⼈⼈能做好說明
27. youtu.be/RAbD3AGFX6I youtu.be/V-pcnJ9X0j8 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
28. 『幾句簡單的話，實在無 法說明這麼多的政策……』 備份 youtu.be/RAbD3AGFX6I
29. 不懂 懂 ➜ ʫ࢙ٙᔊʷ ڌ༺˙όٙணࠇ 說明的元素
30. 說明之所以重要…… 不懂 買單 贊成 拒絕
 反對 ➜ ➜ ？
31. 參與 互動 ➜ 不懂
32. 不懂 懂 ⾃⼰ ➜ ➜ 別⼈ 不懂 ➜
33. 懂 懂 ⾃⼰ ➜ ➜ 別⼈ Û
34. 說明的障礙 簡化 設計
35. 社交化策略
36. 社群 網站 社交 網站 Û 以⼈為核⼼ ➜ 因事⽽聚集 ➜
37. https:// g0v.hackpad.com /OipLYz3o5eu 媒體效應 ٟʹ
    ၣ१ ➜ ➜ ➜
38. ‒ Charlie Chang 「記住！在網路上，你真正 的敵⼈不是對⼿，是那些
 每天賣萌的貓狗。」 on.fb.me/1o4ZjpA
39. ⾏銷的進化 推廣 溝通
40. 進⾏說服 同時也聽 網友想法 所謂溝通 說服的關鍵在懂得聆聽
41. 有⼈管理與回應 才有留⾔的價值 破窗理論網路版
42. 留⾔類型 正⾯ 問問題 負⾯
43. ⾔之 有物 禮貌 × 回應網友的態度
44. 要「攏絡」！ 不是『賄賂』 Engage fans, don't buy fans
45. 既⽣⽂，何⽣圖？
46. Exports and Imports of Scotland to and from different parts for one year (PD)
47. The Styles of Learning 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
48. Visual Learners 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
50. 象形圖 Pictogram 圖表∕圖解 Diagram 資訊圖表 Infographic Chart diagram by H.A from the Noun Project (CC BY 3.0 US)
51. infographic @GoogleTrends
 搜尋熱度的趨勢變化 0 25 50 75 100 2009-05 2011-05 2013-05 2015-05 2017-05
52. 圖表…… graphics, etc. 資料、資訊 知識 資訊圖表 Infographics
53. 介紹∕基礎 結論∕呼籲⾏動 令⼈眼睛為之⼀亮的 主要訊息 Ideas from Cool Infographics by Randy Krum
54. ᖀɛ̍ ༟ৃྡڌ ᖀɛ̍ 可為純⽂字 ⼀定有圖表 可以有互動 通常為線性 化繁為簡 不能「無題」 重 點 在 設 計 重 點 在 哏 交集在說明，界限並不明顯 vs. 懶⼈包
55. 素材 加⼯ 內容 重組 排列
56. 傳遞複雜內容 容易吸收消化
57. 圖⽂設計
58. 這些都很棒，可是…… bit.ly/1PTXfgz
59. 圖⽂⾏銷不⽤會＿＿ 會＿＿可以錦上添花 ＿＿（畫畫、設計、程式……） 所幸
60. 圖⽂設計所能乘載 → 主題的切⽚
61. 新知 發現 演進 趨勢 問題 爭議 ・・・
62. ＿資料 哏 Ð 準備素材 ＿＿（產品、服務、相關議題……）
63. 解讀 蒐集 ➜ 作者⾃⼰要懂資料 資料正確性
64. 經過相當程度努⼒， 此刻⾃⼰相信為正確 沒有⼈能保證絕對正確
65. Lead Source ≠
66. 今⽇ ， 我們⼀天接觸的資訊量 ， 相當於15世紀的⼈⼀⽣的量。 ❗
67. @pts.viewpoint 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
69. © BBC 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
70. ㄍㄣˊ
71. https://youtu.be/_1-ogdQlQjU 沒有哏就像是
72. ★ ★★ 使⽤哏 ★★ ★ 應⽤哏 創造哏
73. 你媽知道你…… 別⼈眼中的…… 應⽤哏
74. 參考群眾募資專案 創造哏
75. 不為了⼯作，也願意分享 Yes, I do 簡易檢驗指標
76. 網際網路路及 其⽬目標視聽眾 傳統媒體及 其⽬目標視聽眾 兩個世界
77. 有便於取得的⾷材， 師傅才能專注於料理 Mortar And Pestle designed by Evan MacDonald from the Noun Project (CC BY 3.0)
78. 開放授權的「創⽤CC」 BY BY NC SA SA BY BY NC SA ND BY BY ND BY：誰做的 NC：不能盈利 ND：不能改 SA：授權⽅式要⼀樣
79. http://thenounproject.com 所有圖像皆為公眾領域（PD）或採⽤ CC BY 3.0 授權 THE NOUN PROJECT
80. http://thenounproject.com 也可以⽤買的 講個秘訣
81. 基本圖⽂結構 副標
 （如果有） 附加訊息 （ 如果有 ） 主圖 內⽂
 （如果有） 標題 Image by Ashwin Dinesh from the Noun Project (CC BY 3.0 US)
82. https://www.google.com/url? sa=i&rct=j&q=&esrc=s&source=images&cd=&ved=0CAcQjRw& url=http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FOpen_Sourc e_Initiative&ei=Yc5bVfjFKoLIogSTroHQDg&bvm=bv. 93756505,d.cGU&psig=AFQjCNEMx7ryGdfjcmAVvrl51bJ5rV6P WQ&ust=1432166342423226 懶懶⼈人包 S 店 CC BY-SA 4.0
83. 看的⼈⾃⼰看得懂 跟現在這份需要講解的簡報不同
84. 簡化內容
85. 摘要資料 找⽜⾁ 精煉 ⽂字
86. ؂൱ၾ
    HW Νఙ݈̋jЫ஗؂൱ə෗kʫ࿇ऊࢹ
    !ODIJME 
    ୋ௔ϣල܄ؒ౤ࣩၾ೵ᑺٙ૿ภ
87. 按理說應該是這樣 分類對照 評估報告 簽署協議
88. 簽署協議 評估報告 分類對照 可是實際情形是這樣
89. 看圖說故事 有⼝訣 看懂特定承諾
90. ⼀次⼀個，其餘不動 公司 ⾏號 服務 消費者 業者
91. 跨境提供服務 只有「服務」移動到對岸
92. 境外消費 ✈ 只有消費者移動到對岸 ✈
93. 商業據點呈現 只有公司⾏號移動到對岸
94. ⾃然⼈呈現 只有從業者移動到對岸
95. tisa.g0v.tw
99. http://bit.ly/1lI1ysK
100. youtu.be/JgAw8WMrG-Y g0v 貢獻者 (CC0)
101. 簡化通常不會錯，只要別⾛⽕⼊魔 twitpic.com/3ncktp
102. 這是什麼顏⾊的⾐服？ http://bit.ly/1MdqB1S
103. http://bit.ly/1E1mvIn 解說
104. 看⾒什麼不代表什麼什麼 腦補的確存在，請時時質疑⾃⼰
105. 設計表達⽅式
106. 完 全 不 懂 略 懂 普 通 還 蠻 懂 領 域 專 家 表達⽅式的設計−誰對誰說
107. 吸引 承諾 ➜ 哏
108. Looks Promising ⾮內容農場標題殺⼈法
110. 討論 基礎 已知 共識 ➜ （哏）
111. 關⼼ 關聯 ➜ （哏）
112. 理解 類⽐ ➜ （哏）
113. ⾏動 指⽰ ➜ （哏）
114. 單張圖⽂ 可選擇性 放在描述
115. bit.ly/1uotIxA 做 個 簡 單 的 練 習 bit.ly/1uotIxA 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
116. 每花⼀千元， 就有450元丟到⽔裡⋯⋯ 資料來源：⾏政院消保會 抽驗結果，放電容量 達100％的合格率為0 只有兩件
 電量達75% 國家標準規定，最⼤
 放電容量須達標⽰之 100％ 有⼗⼀件（55%）
 電量介於50~70% 其中六件（30%）
 電量介於30~50% 有⼀件（ 電⼒通）
 電量甚⾄不到30% GBDFCPPLDPN#BBHJD ⾏動電源
117. （可以是） 團隊作業
118. 餵 資料 講 故事 喬 畫⾯ ↻ 看 狀況
119. 蒐集 解讀 重組 排列 調味 ↻ 追蹤 分析
120. 實例
121. 新聞
122. ⼈ 事 時 地 物
123. http://on.fb.me/1P6uh7j on.fb.me/1P6uh7j 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
124. 烏克蘭蘭風雲 3分鐘看懂 http://bit.ly/1bkzE5s bit.ly/2xoCm8L 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
125. 趨勢
126. Infographic 'Overpopulation - The More the Merrier?'
 https://vimeo.com/17601871 vimeo.com/17601871 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
127. Hans Rosling's 200 Countries, 200 Years, 4 Minutes - The Joy of Stats - BBC Four https://youtu.be/jbkSRLYSojo youtu.be/jbkSRLYSojo 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
128. 中華⺠國⼈⼝推計
 （103⾄150年） bit.ly/23IxKmi 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
129. 政策
130. youtu.be/aDZrZeZzFSw  為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
131. Œ߆޶݁ഄӻΐ youtu.be/r0Dnxlgjxps 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
132. http://about.fepz.org.tw/
133. c b n a 創業拔萃⽅案懶⼈包（http:// headstart.ndc.gov.tw）由國發會製 作，以創⽤CC 姓名標⽰-⾮商業性-相 同⽅式分享 4.0 國際 授權條款 (CC BY- NC-SA 4.0) 釋出。 創業拔萃⽅案 〉 把台灣的未來還給年輕⼈ headstart.ndc.gov.tw
134. 能源
135. zh.taiwannuclear.wikia.com/wiki/Main_Page
136. prometheusis.blogspot.tw/2013/02/blog-post_22.html bit.ly/IJz3g3 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
137. prezi.com/2--9dhj3jhly/presentation/
138. blog.baagic.com/nukes
139. youtu.be/i3eSt6UFnVY youtu.be/i3eSt6UFnVY 主張因評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
140. everylastdrop.co.uk everylastdrop.co.uk 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
141. 科技∕技術∕服務
142. http://on.fb.me/1NAiZH8 © ⼯業技術研究院 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
143. © Taiwan Star Telecom Corp., Ltd. 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
144. © 信義房屋 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
145. © Cathay United Bank. 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
146. © WeUseCoins 為評論、教學之必要，在合理範圍內，引⽤已公開發表之著作。
147. 開放資料
148. 資訊 公開 開放 資料 ≠ 關於 OPEN DATA 更多資訊：OpenData / Taiwan （社團）
149. ★ ★★ 資料上網，開放授權 ★★ ★ 結構化（勿掃描成圖） 開放格式（取代專屬） ★★ ★ 固定網址（直接連結） ★★ ★ 資料互連（呈現脈絡） ★ ★★ 開放資料的五顆星
150. ⾏政院環保署 空氣品質監測網
 http://taqm.epa.gov.tw/taqm/en/default.aspx
151. http://env.g0v.tw/air/
152. 擴散攻略
153. 放上網 開放 授權 Ð 學習開放資料的基礎 ★ 永久性
154. 簡報 分享 圖⽂散布管道 官⽅
 網站 社交
 網站 圖⽚ 分享
155. 賺得 媒體 付費 媒體 觸 及 率 ＋ − 控制 ＋ − ⾃有 媒體
156. CV 作品名 （若有） 網址 （若有） 授權條件 作者 就像為圖⽂發⼀張名⽚ 以創⽤CC授權，降低利⽤障礙 創⽤ CC 知多少 by 台灣創⽤ CC 計畫×開放⽂化基⾦會 (CC BY 3.0 TW)
157. 增加利⽤的誘因 讓圖⽂在各處流通 相對於保護得密不透⾵，以圖⽂激發圖⽂ cc c c c c c c c c c c c c 創⽤ CC 知多少 by 台灣創⽤ CC 計畫×開放⽂化基⾦會 (CC BY 3.0 TW) Global Refresh by Creative Stall from the Noun Project (CC BY 3.0 US)
158. 各服務內建 SumoMe Mixpanel 分享、分析⼯具
159. 圖⽂設計只是⼿段 重點是要達成的⾏銷⽬的
160. 圖⽂可以引發 進⼀步了解的動機與興趣 除了直接銷售
161. 謝謝 CC BY-SA 4.0 引⽤圖⽂除外