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
95
蒸個美味懶人包-沒有人原味版
nchild
0
220
蒸個美味懶人包-精華濃縮口味
nchild
0
89
蒸個美味懶人包-一個沒有人的岔題之旅
nchild
0
310
蒸個美味懶人包
nchild
0
160
敘事傳播-如何製作圖文
nchild
0
110
敘事傳播-圖文進階探討
nchild
0
76
敘事傳播-以圖文處理議題(二)
nchild
0
97
Other Decks in Education
See All in Education
LinkedIn
matleenalaakso
0
3.4k
Comment aborder et contribuer sereinement à un projet open source ? (Masterclass Université Toulouse III)
pylapp
0
3.2k
Adobe Express
matleenalaakso
1
7.6k
1030
cbtlibrary
0
320
Tableau トレーニング【株式会社ニジボックス】
nbkouhou
0
23k
Ch2_-_Partie_1.pdf
bernhardsvt
0
120
Evaluation Methods - Lecture 6 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
740
Use Cases and Course Review - Lecture 8 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
790
AWS All Certが伝える 新AWS認定試験取得のコツ (Machine Learning Engineer - Associate)
nnydtmg
1
700
Da Necessidade da Devoção à Virgem Santíssima
cm_manaus
0
100
Repaso electricidade e electrónica
irocho
0
210
Requirements Analysis and Prototyping - Lecture 3 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
850
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
53
5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Navigating Team Friction
lara
183
15k
Agile that works and the tools we love
rasmusluckow
328
21k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
GitHub's CSS Performance
jonrohan
1030
460k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
Building Adaptive Systems
keathley
38
2.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
520
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
重點是引發 進⼀步了解的動機與興趣 懶⼈包只是⼿段
妳、你 可以說更好的 議題故事
來看看各位的主題吧!