懶人包製作與社群網站運用 高雄市政府公務人力發展中心 楊孝先 @nchild CC BY-SA 4.0 bit.ly/2014kcg
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
懶人包製作與社群網站運用 高 雄 市 政 府 公 務 人 力 發 展 中 心
楊孝先 @nchild
!CC BY-SA 4.0 引⽤用圖⽂文除外bit.ly/2014kcg
blog.baagic.com blog.nninlaw.net
關於我，只是個懶人包作者
Baagic 消費者熱線
NNinLaw 推動網路中立性立法
Hotline.tw 懶人包本店
http://www.stanleycolors.com/2013/12/nobody/
http://bit.ly/1hnAwYk
無力沮喪
行動光芒
散發 ➜
反轉➜
➜
觀念 理論 技能
技術 經驗
!
授課分享 案例討論
互動交流
請多問我問題
不然就是我問你問題
先別管懶人包了，
你知道什麼是說明嗎？
Explanation (n.)
不懂 懂➜
內容
表達
為什麼這很重要？
不懂⬈
贊成
反對⬊？
說明的元素
簡化 設計
➜
內容
表達
➜
簡化 設計
➜內容
表達➜
八卦 社會議題
有了說明，
為何還有不懂的時候？
不是你不懂，
而是解釋太朦朧！
為什麼解釋不清？
–David Dupouy
“It's one thing to observe something.
It's quite another to see what it means.”
–孔子
「質勝文則野， 文勝質則史。」
簡化通常不會錯，只要別走火入魔
twitpic.com/3ncktp
簡化 設計
什麼是懶人包？
The explanation for the lazy.
素材 加工內容
重組
排列
蒐集一事件的相關素材
經重組與排列（策編）
後所得到的著作（加工
內容），就算是懶人也
可快速知道『是怎樣』
vs 資訊圖表
懶人包資訊圖表 懶人包
可為純圖、純文字一定有圖表
可以有互動 通常為線性
化繁為簡
不能「無題」
重點在設計
重點在哏
界限已不那麼明顯
資訊、資料，或知識的圖形化視覺呈現，用以快速、清晰地表現複雜的訊息
懶人包素材
資料 哏＋
只適用於說明事物，
不適用李宗瑞。
我怎麼做議題懶人包？
解讀蒐集 ➜
正確性
代謝物 添加物≠
廣告速度
實測速度≠
正字標記
國家標準≠
對誰說？
完全不懂
略懂
普通
還蠻懂
領域專家
g0v.tw
GOV 政府 ➜
對攻城師說：THE ULTIMATE FORK
An explanation for the geeks
表達方式的設計
吸引承諾 ➜
哏
討論基礎共識 ➜
哏
關心關聯 ➜
哏
理解類比 ➜
哏
行動指示 ➜
哏
懶人包到底懶不懶？
改變是有可能的
這是個好故事嗎？
做什麼
怎麼做
為什麼
Simon Sinek 的黃金圈圈
–Simon Sinek
“The goal is to do business with people who believe what you believe.”
議題懶人包只是手段
重點是要達成的目的
議題懶人包
可以促進社會對話嗎？
Discussion
先別管立場，你認為這次佔領立法院行動持續到現在的主要原因是？
各界民眾自發上街 主流媒體的報導
網路的自由與開放政治人物的聲援
NNinLaw.net・CC BY-SA 4.0
懶人包的類型？
圖片
聲音文字
影像
↺
記憶如何運作 - Online Colleges
「絕大部份的記憶都是由 視覺的、聽覺的，語義的編碼所創造。」
資源與能源
everylastdrop.co.uk
prometheusis.blogspot.tw/2013/02/blog-post_22.html
blog.baagic.com/nukes
服貿協議
按理說應該是這樣
分類對照評估報告簽署協議
可是實際情形是這樣
簽署協議評估報告分類對照
公司行號
消費者服務
從業人員
跨境提供服務
73
🚧
只有「服務」移動到對岸
境外消費
74
✈️
只有消費者移動到對岸
✈�️�
👪
商業據點呈現
75
🏢
🏢
只有公司行號移動到對岸
自然人呈現
76
👷
👷
只有從業者移動到對岸
🏥
眾人之事
https://www.facebook.com/photo.php?fbid=421778227877354
https://www.facebook.com/media/set/?set=a.384011565043622.1073741826.257700981008015&type=3
prezi.com/ubhhrado3yeg/identity-ideas-matter-contest-of-prezi-and-ted-designed-and-created-by-hedwyg-van-groenendaal-of-prezi-
university-wwwpreziuniversitycom/
團隊作業
–搭搭搭，台灣社會信息圖表站長
「可能是由於我一個人承攬太多工作，沒有明確的分工，使得我沒辦法兼顧研究與製圖，有的時候心情比較煩躁，就會沒辦法兼顧兩面。」
餵 資料
講 故事
喬 畫面↻追蹤分析
圖片產製流程
匯出上傳
PL
PL
PL D
D
D
PL
文案
腳本簡報
草圖
色稿
完稿
Hackpad Dropbox Google 雲端硬碟
Google 網上論壇 Basecamp Trello
協作工具
作業討論 製作方法 政策溝通
社群（交）網站運用
第二天課程大綱
工欲善其事 必先利其器
關於電腦配備差、跑太慢
作業系統不動 就換掉瀏覽器
不換硬體換軟體
學員問題答覆之⼀一
http://www.tomshardware.com/reviews/windows-xp-web-browser-performance,3167-7.html➜
長好
短好
➜
線上服務取代本機作業
製作懶人包
內容➜表達
!
承諾 共識 關聯性
!
類比 指示 （行動）
內容要點
簡報軟體 影像處理 向量繪圖
圖片懶人包
每花⼀一千元， 就有450元丟到⽔水裡⋯⋯
資料來源：⾏行政院消保會
抽驗結果，放電容量達100％的合格率為0
只有兩件電量達75%
國家標準規定，最⼤大放電容量須達標⽰示之100％
有⼗十⼀一件（55%）電量介於50~70%
其中六件（30%）電量介於30~50%
有⼀一件（ 電⼒力通）電量甚⾄至不到30%
facebook.com/Baagic
⾏行動電源
Keynote Powerpoint
簡報軟體
參考線 輔助線
定位
立即 Alpha 移除背景
去背
自行創造 需要再找 事先儲備
設計素材
舉牌小人 萌典字圖
自創也可靠工具
創用CC
BY BYNC SA SA
BY BYNC SA ND
BY BY ND
BY: 姓名標⽰示 ND: 禁⽌止改作 NC: ⾮非商業性 SA: 相同⽅方式分享
免費的 freemium 付費的
囤貨
http://thenounproject.com
https://creativemarket.com?u=nchild
單機簡報軟體 線上簡報服務 其他輔助軟體
簡報懶人包
塑膠杯蓋行不行 行動上網吃飽沒 新電信法第九條 服貿的網路威脅
製作解說
簡報軟體 螢幕錄製 剪輯軟體
影片懶人包
幻燈片秀 投影片放映
錄製
遮罩裁切 填滿 遮擋 音訊嵌入
其他需求
無限倍率縮放
Prezi 最大特點
基於 Flash中文碰運氣
Prezi 的弱點
共同編輯遠端簡報
Prezi 還可以
–蘇軾
「博觀而約取， 厚積而薄發。」
社交網站運用
下載應用（apps）、 或作業系統內建應用（例如 Passbook）
行動裝置推播訊息
學員問題答覆之⼆二
社群網站
社交網站≠
找人 ➜
找事➜
官方網站 社交網站 簡報網站
政策懶人包散布管道
以Facebook為例， 最重要的是： 1) 貼文； 2) 互動方式； 3) 後續分析追蹤
社交網站
政策・話題
–Cody Wang
「馬茸九拜託你快點道歉 我現在好慌
因為要找一個人傳訊息 要找好久」
http://on.fb.me/1uga470
動態網頁（視差捲動）
官網做法之一
Snow Fall vs. Snow
Fall replica
溝通的高度
⾛走下來 跳下來
溝通的身份
有⽴立場的球評
抗拒貼標籤 請先自己認
表明身份或立場
用論據分析來引導網友自己做判斷
先別管Ｚ＞Ｂ了
如何聽
網友想
什麼？
90%的人 不會選擇 這種方式
意見信箱
90%以上 都會使用 這類功能
讚、分享*、留言
言之有物比有禮貌重要
回應網友的態度
留言類型
正⾯面 問問題 負⾯面
有人管理與 回應才會有留言的價值
破窗理論
Related Documents
