如何製作懶人包

如何蒐集資訊，解讀資訊，製成動、靜態懶人包，包括線上、離線軟體基本操作說明及社交網站散播技巧。

http://bit.ly/bundles/nchild/4

#獨立媒體學院 #網路編輯與傳播

Transcript

1. 楊孝先 @nchild Baagic 咩即可－消費者熱線發起⼈人 2013.5.11 http://bitly.com/bundles/nchild/4 如何製作懶⼈人包 (CC BY-SA 3.0 TW)
2. 0 75000 150000 225000 300000 1993 2005 2007 2009 2011 2012 Q4 我是誰？做了什麼？ 客訴 部落格 粉絲⾴頁 ？ 2 接觸對象
3. 別⼈人眼中的粉絲⾴頁貼⽂文 3
4. 別⼈人眼中的粉絲⾴頁貼⽂文 資訊圖表 時事插圖 我⾃自⼰己認為是 3
5. 別⼈人眼中的粉絲⾴頁貼⽂文 資訊圖表 時事插圖 我⾃自⼰己認為是 圖⽚片懶⼈人包 專家認為是 3
6. 別⼈人眼中的粉絲⾴頁貼⽂文 資訊圖表 時事插圖 我⾃自⼰己認為是 圖⽚片懶⼈人包 專家認為是 簡報相簿 我⾃自⼰己認為是 3
7. 別⼈人眼中的粉絲⾴頁貼⽂文 資訊圖表 時事插圖 我⾃自⼰己認為是 圖⽚片懶⼈人包 專家認為是 簡報相簿 我⾃自⼰己認為是 圖⽂文型投影⽚片 懶⼈人包 專家認為是 3
8. 別⼈人眼中的粉絲⾴頁貼⽂文 資訊圖表 時事插圖 我⾃自⼰己認為是 圖⽚片懶⼈人包 專家認為是 懶⼈人包 （無誤） ⼀一般⼈人認為是 簡報相簿 我⾃自⼰己認為是 圖⽂文型投影⽚片 懶⼈人包 專家認為是 3
9. 概念性定義 ⋯將針對單⼀一事件的⽂文字、圖⽚片、 連結等等放在同⼀一個⾴頁⾯面上，或者 將 Link 整理在⼀一起（網摘）⋯ 李怡志 XDite 為了在短時間裡⾯面快速的深⼊入事件 的瞭解始末或跳過繁瑣指南對⼀一個 產品快速的上⼿手，⽽而經過整理或改 寫的精華濃縮包。 阿孝⽼老師 針對特定主題，進⾏行資訊彙整、篩 選、編排、再現，所完成的產物。 4
10. 從『操作』中找尋定義 5
11. 從『操作』中找尋定義 5 !
12. 從『操作』中找尋定義 5 Google 搜尋趨勢 !
13. 從『操作』中找尋定義 5 Google 搜尋趨勢 2006年6月以後的台灣特產，指： !
14. 從『操作』中找尋定義 5 Google 搜尋趨勢 2006年6月以後的台灣特產，指： 環繞⼀一主題（⼈人物）的圖⽚片蒐集與打包／ !
15. 從『操作』中找尋定義 5 Google 搜尋趨勢 2006年6月以後的台灣特產，指： 環繞⼀一主題（⼈人物）的圖⽚片蒐集與打包／ 環繞⼀一軟體的相關檔案蒐集與打包／ !
16. 從『操作』中找尋定義 5 Google 搜尋趨勢 2006年6月以後的台灣特產，指： 環繞⼀一主題（⼈人物）的圖⽚片蒐集與打包／ 環繞⼀一軟體的相關檔案蒐集與打包／ 蒐集⼀一事件的相關素材、經重組與排列 （策編）後所得到的編輯物（著作）， 就算是懶⼈人也可以快速知道『是怎樣』。 !
17. 從『操作』中找尋定義 5 Google 搜尋趨勢 2006年6月以後的台灣特產，指： 環繞⼀一主題（⼈人物）的圖⽚片蒐集與打包／ 環繞⼀一軟體的相關檔案蒐集與打包／ 蒐集⼀一事件的相關素材、經重組與排列 （策編）後所得到的編輯物（著作）， 就算是懶⼈人也可以快速知道『是怎樣』。 !
18. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包
19. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 資訊、資料，或知 識的圖形化視覺呈 現，⽤用以快速、清晰 地表現複雜的訊息
20. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包
21. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可以有互動
22. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可以有互動 ⼀一定為線性
23. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 ⼀一定有圖表 可以有互動 ⼀一定為線性
24. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性
25. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性 不能“無題”
26. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性 化繁為簡 不能“無題”
27. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性 化繁為簡 不能“無題” ＊很不懶的懶⼈人包其實是懶⼈人包的濫⽤用
28. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性 化繁為簡 不能“無題” 重 點 在 美 ＊很不懶的懶⼈人包其實是懶⼈人包的濫⽤用
29. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性 化繁為簡 不能“無題” 重 點 在 美 重 點 在 梗 ＊很不懶的懶⼈人包其實是懶⼈人包的濫⽤用
30. 懶⼈人包關鍵成功因素分析 7 梗 其他
31. 如何說故事 by 冷彬、安德魯史丹頓（Andrew Stanton） 8 開始：好故事的承諾 冒險旅程：創造記憶點 結束：Punchline 找出⾃自⼰己與他⼈人差異 改變，所有好故事基礎 } 朝 向 單 ⼀一 ⺫⽬目 標
32. “從你知道的找材料，不⼀一定是 虛構或事實，那意味著從你的經 驗捕捉真理，表達你個⼈人所感受 內⼼心深處的價值。” 安德魯史丹頓：⼀一個偉⼤大故事的端倪 9
33. 主題熟悉度 不懂（忘了）＊ 有點懂 很懂 什麼條件好？ 10
34. 主題熟悉度 不懂（忘了）＊ 有點懂 很懂 對懶⼈人包製作 最好 有點糟 很糟糕 什麼條件好？ 10
35. 主題熟悉度 不懂（忘了）＊ 有點懂 很懂 對懶⼈人包製作 最好 有點糟 很糟糕 什麼條件好？ 10
36. 主題熟悉度 不懂（忘了）＊ 有點懂 很懂 對懶⼈人包製作 最好 有點糟 很糟糕 什麼條件好？ 10
37. 主題熟悉度 不懂（忘了）＊ 有點懂 很懂 對懶⼈人包製作 最好 有點糟 很糟糕 什麼條件好？ 10
38. 主題熟悉度 不懂（忘了）＊ 有點懂 很懂 對懶⼈人包製作 最好 有點糟 很糟糕 ＊⾒見倚天屠⻯⿓龍記張無忌學太極劍法段 什麼條件好？ 10
39. （反覆） 組織（如果有的話） 11 說故事 ／企劃 領域專家 ／研究者 視覺設計 製作／ 調整 成效追蹤 分 析師 資料提供 ⟳
40. 多⼈人協作 12 • Hackpad－任何事動⼿手做的好起點 • Dropbox－檔案分享、控管 • Google 雲端硬碟－上兩者複雜⼀一些的次要選擇 • Bitly－公開、私密連結彙整、追蹤 • Trello－⼯工作事項分配、追蹤 • Basecamp－專案管理、討論 • Google 網上論壇－有可能關閉的討論群組次要選擇 • Github－進階⽂文件版本控管 • Google 分析－多少⼈人來過、怎麼來、來多久 • Facebook 洞察報告－粉絲⾴頁、應⽤用（物件）數據
41. 今天要談什麼 13
42. 今天要談什麼 •官⽅方課程說明： • 如何蒐集資訊 • 解讀資訊 • 製成動、靜態懶⼈人包 • 包括線上、離線軟體基本操作說明 • 社交網站散播技巧 13
43. 今天要談什麼 •官⽅方課程說明： • 如何蒐集資訊 • 解讀資訊 • 製成動、靜態懶⼈人包 • 包括線上、離線軟體基本操作說明 • 社交網站散播技巧 •課程⺫⽬目標：說的⼀一⼝口好懶⼈人包！ 13
44. 今天要談什麼 •官⽅方課程說明： • 如何蒐集資訊 • 解讀資訊 • 製成動、靜態懶⼈人包 • 包括線上、離線軟體基本操作說明 • 社交網站散播技巧 •課程⺫⽬目標：說的⼀一⼝口好懶⼈人包！ 13
45. 今天要談什麼 •官⽅方課程說明： • 如何蒐集資訊 • 解讀資訊 • 製成動、靜態懶⼈人包 • 包括線上、離線軟體基本操作說明 • 社交網站散播技巧 •課程⺫⽬目標：說的⼀一⼝口好懶⼈人包！ 13 從實例解說「如何做」，減少各位的摸索 㽊 融 　　　⼊入 　　　　　實 　　　　　　例
46. 關於資料可信度 14
47. 關於資料可信度 14 !
48. 關於資料可信度 14 傳統媒體 !
49. 關於資料可信度 14 傳統媒體 政府官員 !
50. Facebook 帳號盜⽤用⾃自保懶⼈人包 15
51. Facebook 帳號盜⽤用⾃自保懶⼈人包 15
52. Facebook 帳號盜⽤用⾃自保懶⼈人包 15
53. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源：上下游市集（獨⽴立媒體） 製作：發想故事，與插畫家合作 ⼯工具：影像編輯（Pixelmator） • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解 • 梗鋪設的太複雜、太隱諱
54. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源：上下游市集（獨⽴立媒體） 製作：發想故事，與插畫家合作 ⼯工具：影像編輯（Pixelmator） • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解 • 梗鋪設的太複雜、太隱諱
55. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源：上下游市集（獨⽴立媒體） 製作：發想故事，與插畫家合作 ⼯工具：影像編輯（Pixelmator） • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解 • 梗鋪設的太複雜、太隱諱
56. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源：上下游市集（獨⽴立媒體） 製作：發想故事，與插畫家合作 ⼯工具：影像編輯（Pixelmator） • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解 • 梗鋪設的太複雜、太隱諱
57. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源：上下游市集（獨⽴立媒體） 製作：發想故事，與插畫家合作 ⼯工具：影像編輯（Pixelmator） • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解 • 梗鋪設的太複雜、太隱諱
58. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源：上下游市集（獨⽴立媒體） 製作：發想故事，與插畫家合作 ⼯工具：影像編輯（Pixelmator） • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解 • 梗鋪設的太複雜、太隱諱
59. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源：上下游市集（獨⽴立媒體） 製作：發想故事，與插畫家合作 ⼯工具：影像編輯（Pixelmator） • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解 • 梗鋪設的太複雜、太隱諱
60. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源：上下游市集（獨⽴立媒體） 製作：發想故事，與插畫家合作 ⼯工具：影像編輯（Pixelmator） • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解 • 梗鋪設的太複雜、太隱諱
61. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源：上下游市集（獨⽴立媒體） 製作：發想故事，與插畫家合作 ⼯工具：影像編輯（Pixelmator） • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解 • 梗鋪設的太複雜、太隱諱
62. 圖⽚片產製流程 17 ⽂文案 腳本簡報 草圖 ⾊色稿 完稿 匯出上傳 PL PL PL D D D PL
72. 塑膠杯蓋⾏行不⾏行解說 19
73. 20 塑膠杯蓋⾏行不⾏行解說（續） 圖⽂文型投影⽚片懶⼈人包、圖⽚片懶⼈人包 來源：主流媒體、部落格、政府機關（衛⽣生署）、法規、安全調查結果、廠 商網⾴頁、專家學者訪談 追蹤：Google 快訊 製作：重複利⽤用與插畫家合作素材完成 ⼯工具：簡報軟體、影像編輯（Pixelmator）、製圖軟體 • 太專業的，若無法交待清楚就需割捨 • Facebook 相簿的優勢與限制 • 誰來分享？
74. ⾏行動上網吃飽沒解說 21
75. 22 ⾏行動上網吃飽沒解說（續） 圖⽂文型投影⽚片懶⼈人包、圖⽚片懶⼈人包 來源：主流媒體、部落格、政府機關（NCC）、國內外法規、廠商網⾴頁、期刊 論⽂文、專家學者訪談、技術資料、國外研究 追蹤：Google 快訊 製作：發想故事，與插畫家合作 ⼯工具：簡報軟體、影像編輯（Pixelmator）、製圖軟體 • 不要對⾃自⼰己懂的領域⾒見獵⼼心喜 • 不可減少對同⽴立場⽂文件之審慎 • 有些主題懶⼈人包效果不⼀一定好
76. 其他 23 • 影⽚片懶⼈人包 • 懶⼈人包的懶⼈人包 • 動態懶⼈人包 • 動態網⾴頁
77. 危機四輻的台灣 24
78. body 網⾴頁像個⼈人 25 head <html> <head> 妝扮（CSS...） ⾏行為準則（js...） </head> <body> 展現給別⼈人看的內容 </body> </html>
79. 26 其他有⽤用的管道 開放資料是什麼？
80. One more thing... 27
81. One more thing... 27
82. Q&A 28