Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
蒸個美味懶人包-用圖文說好議題故事
Search
Hsiao-hsien Yang
August 18, 2018
Education
0
100
蒸個美味懶人包-用圖文說好議題故事
107年8月於康社力協輔工作室分享之簡報。
各頁面連結需下載 PDF 才能點擊。
CC BY-SA 4.0 (引用圖文除外)
Hsiao-hsien Yang
August 18, 2018
Tweet
Share
More Decks by Hsiao-hsien Yang
See All by Hsiao-hsien Yang
蒸個美味懶人包-附烹調實作
nchild
0
130
蒸個美味懶人包-快閃濃縮口味
nchild
1
93
蒸個美味懶人包-沒有人原味版
nchild
0
210
蒸個美味懶人包-精華濃縮口味
nchild
0
87
蒸個美味懶人包-一個沒有人的岔題之旅
nchild
0
300
蒸個美味懶人包
nchild
0
150
敘事傳播-如何製作圖文
nchild
0
110
敘事傳播-圖文進階探討
nchild
0
74
敘事傳播-以圖文處理議題(二)
nchild
0
96
Other Decks in Education
See All in Education
The Blockchain Game
jscottmo
0
3.7k
Human Perception and Cognition - Lecture 4 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
710
Epithelium Flashcards
ndevaul
0
1k
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
coderdojojapan
4
14k
JavaScript - Lecture 6 - Web Technologies (1019888BNR)
signer
PRO
0
2.5k
【COPILOT無料セミナー】エンゲージメントと自律性の高いプロジェクト型人材育成に向けて~プロジェクト・ベースド・ラーニング(PBL)という選択肢~
copilot
PRO
0
130
Web Architectures - Lecture 2 - Web Technologies (1019888BNR)
signer
PRO
0
2.7k
construindo uma carreira com opensource
caarlos0
0
240
MLH Hackcon: Keynote (2024)
theycallmeswift
0
180
勉強したらどうなるの?
mineo_matsuya
10
6.5k
Evaluation Methods - Lecture 6 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
700
認知情報科学科_キャリアデザイン_大学院の紹介
yuyakurodou
0
130
Featured
See All Featured
Speed Design
sergeychernyshev
25
620
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Navigating Team Friction
lara
183
14k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
16k
The Cult of Friendly URLs
andyhume
78
6k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
The Cost Of JavaScript in 2023
addyosmani
45
6.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Transcript
bit.ly/2018_CS 蒸個美味懶⼈包 ⽤ 圖 ⽂ 說 好 議 題 故
事 楊孝先 nchild S
關於我 @nchild Web App fb.me/ hotline.tw g0v.tw http:// creativec ommons.
tw 只是岔題做了⼀些議題懶⼈包…… B&B
4+年 10+⼤包 20+單位 30+場次 100+⼩時 ႡЪ ʱԮ
(荒廢的)懶⼈包專⾴ fb.me/hotline.tw 可以叫我懶⼈包師傅 如果認同這是論述議題的⼀種料理
概念 Why 技巧 How ➜
請多問我問題 (沒有問題其實很有問題) 有⾜夠的互動,分享才會完整
群眾 政府 媒體 議題 包含政策跟其他 影響你我的事 非營利利 企業
0 25 50 75 100 ⾮政府組織 企業 政府 媒體 43
43 52 53 43 41 52 53 2017 2018 全球信任度量:未復原的信任 Source: 2018 Edelman Trust Barometer. 0 0 0 +2
消息來源信任度消⻑ Source: 2018 Edelman Trust Barometer. 2012 2013 2014 2015
2016 2017 2018 53 50 53 54 54 53 51 54 52 54 51 56 54 59 傳媒、線上媒體 搜尋引擎、社交平台
議題 溝通 信任+ ➜
說明⼈⼈會 但並⾮⼈⼈能做好說明
youtu.be/RAbD3AGFX6I youtu.be/V-pcnJ9X0j8 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
『幾句簡單的話,實在無 法說明這麼多的政策……』 備份 youtu.be/RAbD3AGFX6I
說明之所以重要…… 不懂 買單 贊成 拒絕 反對 ➜ ➜ ?
參與 互動 ➜ 不懂
說個好故事 ⁇
A Good Story “Sells” 無論是產品、服務或理念
https://commons.wikimedia.org/wiki/ File:TED_wordmark.svg
7
‒ Simon Sinek “The goal is to do business with
people who believe what you believe.” How great leaders inspire action @TED
‑ 做什麼 怎麼做 為什麼 Simon Sinek 的⿈⾦圈圈 ⽣物學 理性、分析 感情→⾏為
http://bit.ly/1PKsd7N 「我們所做的每件事, 我們相信,都在挑戰現狀、 ⽤不同的⾓度思考, 我們挑戰現狀的⽅式 是讓我們的產品具有美好設計, 容易使⽤且對使⽤者友善。 我們恰巧做了很棒的電腦。」
偉⼤的領袖如何⿎動⾏為 @TED 夢想 計畫 vs. ⾺丁・路德・⾦恩演講
ࠑ ࠑ 說明
說明 說服 ➜
別變成 甜甜圈
說明是讓對象『得到』 ⽽不是讓對象「知道」 Did you get it?
理性地 說個感性的故事
不懂 懂 ➜ ʫ࢙ٙᔊʷ ڌ༺˙όٙணࠇ 說明的元素
摘要資料 找⽜⾁ 內容簡化 精煉 ⽂字
不懂 懂 ⾃⼰ ➜ ➜ 別⼈ 不懂 ➜
懂 懂 ⾃⼰ ➜ ➜ 別⼈ Û
說明的障礙 簡化 設計
‒孔⼦ 「質勝⽂則野, ⽂勝質則史。」
既⽣⽂,何⽣圖?
,已知⽤圖 距今3萬年
Replica of Paintings in the Chauvet Cave (PD)
‒ 賈西亞·⾺奎斯《百年孤寂》 「世界太新, 很多事物還沒有名字, 必須伸⼿去指。」
Home from Project evohan 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
明朝宋應星《天⼯開物》所載中國古代造紙術的流程(PD)
Diagram of the causes of mortality in the army in
the East (PD)
象形圖 Pictogram 圖表∕圖解 Diagram 資訊圖表 Infographic Chart diagram by H.A
from the Noun Project (CC BY 3.0 US)
The Styles of Learning 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
Visual Learners 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
None
世界がもし100⼈の村だったら 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
bit.ly/1uotIxA The World Of 100 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
蒸懶⼈包
蒸懶⼈包不⽤會__ 會__可以錦上添花 __(畫畫、設計、程式……)
素材 加⼯ 內容 重組 排列
結合⽂字、圖表、插圖、 資料視覺化等元素,編排 呈現完整故事的加⼯內容 無論是資訊圖表、懶⼈包或其他
原始初衷: 參與後續討論前的餵⾷ 所謂『懶⼈』其實也沒這麼懶
忘記名詞,別濫⽤
懶⼈包所能呈現 → 議題的切⽚
新知 發現 演進 趨勢 問題 爭議 ・・・
_資料 哏 + 準備⾷材 __(產品、服務、相關議題……)
解讀 蒐集 ➜ 作者⾃⼰要懂資料 資料正確性
經過相當程度努⼒, 此刻⾃⼰相信為正確 沒有⼈能保證絕對正確
參考資料儘量詳盡 盡可能接近資料源 ⼀個懶⼈包不能作為另⼀個懶⼈包的資料來源
Lead Source ≠
ʦ˚dҢࡁɓ˂הટᙃٙ༟ৃඎ ˰ߏٙɛɓ͛ٙ༟ৃඎ ❗
@pts.viewpoint 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
None
© BBC 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
看⾒什麼不代表什麼什麼 腦補的確存在,請時時質疑⾃⼰
ㄍㄣˊ
https://youtu.be/_1-ogdQlQjU 沒有哏就像是 youtu.be/_1-ogdQlQjU 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
★ ★★ 使⽤哏 ★★ ★ 應⽤哏 創造哏
你媽知道你…… 別⼈眼中的…… 應⽤哏
參考群眾募資專案 創造哏
不為了⼯作,也願意分享 Yes, I do 簡易檢驗指標
網際網路路及 其⽬目標視聽眾 傳統媒體及 其⽬目標視聽眾 兩個世界
有便於取得的⾷材, 師傅才能專注於料理 Mortar And Pestle designed by Evan MacDonald from
the Noun Project (CC BY 3.0)
開放授權的「創⽤CC」 BY BY NC SA SA BY BY NC SA
ND BY BY ND BY:誰做的 NC:不能盈利 ND:不能改 SA:授權⽅式要⼀樣
http://thenounproject.com 所有圖像皆為公眾領域(PD)或採⽤ CC BY 3.0 授權 THE NOUN PROJECT
http://thenounproject.com 也可以⽤買的 講個秘訣
http://wikipedia.org 維基百科作者 (CC BY-SA 3.0)
https://en.wikipedia.org/wiki/Monkey_selfie • Self-portrait photograph (the "monkey selfie") public domain
基本圖⽂結構 副標 (如果有) 附加訊息(如果有) 主圖 內⽂ (如果有) 標題 Image by
Ashwin Dinesh from the Noun Project (CC BY 3.0 US)
看的⼈⾃⼰看得懂 跟現在這份需要講解的簡報不同
設計表達⽅式
完 全 不 懂 略 懂 普 通 還 蠻
懂 領 域 專 家 誰對誰說
吸引 承諾 ➜ 哏
Looks Promising ⾮內容農場標題殺⼈法
討論 基礎 已知 共識 ➜ 哏
關⼼ 關聯 ➜ 哏
理解 類⽐ ➜ 哏
⾏動 指⽰ ➜ 哏
單張圖⽂ 可選擇性 放在描述
(可以是) 團隊作業
餵 資料 講 故事 喬 畫⾯ ↻ 看 狀況
蒐集 解讀 重組 排列 擺盤 調味 ↻ 追蹤 分析
腳本 ⽂案 完稿 草稿 可能需往復修改調整
議題討論與切⽚ 第⼀輪資料彙整 故事結構與腳本 發想哏與⽂案 最終版草稿 完稿與書⾯報告
實例討論
http://on.fb.me/1P6uh7j on.fb.me/1P6uh7j 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
每花⼀千元, 就有450元丟到⽔裡⋯⋯ 資料來源:⾏政院消保會 抽驗結果,放電容量 達100%的合格率為0 只有兩件 電量達75% 國家標準規定,最⼤ 放電容量須達標⽰之 100%
有⼗⼀件(55%) 電量介於50~70% 其中六件(30%) 電量介於30~50% 有⼀件( 電⼒通) 電量甚⾄不到30% GBDFCPPLDPN#BBHJD ⾏動電源
youtu.be/JgAw8WMrG-Y
None
prezi.com/ubhhrado3yeg/identity-ideas-matter-contest-of- prezi-and-ted-designed-and-created-by-hedwyg-van- groenendaal-of-prezi-university-wwwpreziuniversitycom/ bit.ly/15UC1aN 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
http://on.fb.me/1NAiZH8 on.fb.me/1NAiZH8 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
趨勢
Infographic 'Overpopulation - The More the Merrier?' https://vimeo.com/17601871 vimeo.com/17601871 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
Hans Rosling's 200 Countries, 200 Years, 4 Minutes - The
Joy of Stats - BBC Four https://youtu.be/jbkSRLYSojo youtu.be/jbkSRLYSojo 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
中華⺠國⼈⼝推計 (103⾄150年) bit.ly/23IxKmi 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
政策
youtu.be/aDZrZeZzFSw 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
߆݁ഄӻΐ youtu.be/r0Dnxlgjxps 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
c b n a 創業拔萃⽅案懶⼈包(http:// headstart.ndc.gov.tw)由國發會製 作,以創⽤CC 姓名標⽰-⾮商業性-相 同⽅式分享 4.0
國際 授權條款 (CC BY- NC-SA 4.0) 釋出。 創業拔萃⽅案 〉 把台灣的未來還給年輕⼈ headstart.ndc.gov.tw
None
能源
everylastdrop.co.uk everylastdrop.co.uk 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
zh.taiwannuclear.wikia.com/wiki/Main_Page
prometheusis.blogspot.tw/2013/02/blog-post_22.html bit.ly/IJz3g3 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
prezi.com/2--9dhj3jhly/presentation/
blog.baagic.com/nukes
youtu.be/i3eSt6UFnVY youtu.be/i3eSt6UFnVY 主張因評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
DEAR NSA, A quick work by Emiland De Cubber @emilanddc
- www.emiland.me Dear NSA, 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
power.hotline.tw
開放資料
資訊 公開 開放 資料 ≠ 關於 OPEN DATA 更多資訊:OpenData /
Taiwan (社團)
★ ★★ 資料上網,開放授權 ★★ ★ 結構化(勿掃描成圖) 開放格式(取代專屬) ★★ ★ 固定網址(直接連結)
★★ ★ 資料互連(呈現脈絡) ★ ★★ 開放資料的五顆星
⾏政院環保署 空氣品質監測網 http://taqm.epa.gov.tw/taqm/en/default.aspx
http://env.g0v.tw/air/
tisa.g0v.tw
None
None
http://bit.ly/1lI1ysK
重點是引發 進⼀步了解的動機與興趣 懶⼈包只是⼿段
妳、你 可以說更好的 議題故事
來看看各位的主題吧!