$30 off During Our Annual Pro Sale. View Details »

如何製作懶人包

 如何製作懶人包

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

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

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

Hsiao-hsien Yang

May 11, 2013
Tweet

More Decks by Hsiao-hsien Yang

Other Decks in How-to & DIY

Transcript

  1. 楊孝先 @nchild
    Baagic 咩即可-消費者熱線發起⼈人
    2013.5.11
    http://bitly.com/bundles/nchild/4
    如何製作懶⼈人包 (CC BY-SA 3.0 TW)

    View Slide

  2. 0
    75000
    150000
    225000
    300000
    1993 2005 2007 2009 2011 2012 Q4
    我是誰?做了什麼?
    客訴 部落格 粉絲⾴頁

    2
    接觸對象

    View Slide

  3. 別⼈人眼中的粉絲⾴頁貼⽂文
    3

    View Slide

  4. 別⼈人眼中的粉絲⾴頁貼⽂文
    資訊圖表
    時事插圖
    我⾃自⼰己認為是
    3

    View Slide

  5. 別⼈人眼中的粉絲⾴頁貼⽂文
    資訊圖表
    時事插圖
    我⾃自⼰己認為是
    圖⽚片懶⼈人包
    專家認為是
    3

    View Slide

  6. 別⼈人眼中的粉絲⾴頁貼⽂文
    資訊圖表
    時事插圖
    我⾃自⼰己認為是
    圖⽚片懶⼈人包
    專家認為是
    簡報相簿
    我⾃自⼰己認為是
    3

    View Slide

  7. 別⼈人眼中的粉絲⾴頁貼⽂文
    資訊圖表
    時事插圖
    我⾃自⼰己認為是
    圖⽚片懶⼈人包
    專家認為是
    簡報相簿
    我⾃自⼰己認為是
    圖⽂文型投影⽚片
    懶⼈人包
    專家認為是
    3

    View Slide

  8. 別⼈人眼中的粉絲⾴頁貼⽂文
    資訊圖表
    時事插圖
    我⾃自⼰己認為是
    圖⽚片懶⼈人包
    專家認為是
    懶⼈人包
    (無誤)
    ⼀一般⼈人認為是
    簡報相簿
    我⾃自⼰己認為是
    圖⽂文型投影⽚片
    懶⼈人包
    專家認為是
    3

    View Slide

  9. 概念性定義
    ⋯將針對單⼀一事件的⽂文字、圖⽚片、
    連結等等放在同⼀一個⾴頁⾯面上,或者
    將 Link 整理在⼀一起(網摘)⋯
    李怡志
    XDite
    為了在短時間裡⾯面快速的深⼊入事件
    的瞭解始末或跳過繁瑣指南對⼀一個
    產品快速的上⼿手,⽽而經過整理或改
    寫的精華濃縮包。
    阿孝⽼老師
    針對特定主題,進⾏行資訊彙整、篩
    選、編排、再現,所完成的產物。
    4

    View Slide

  10. 從『操作』中找尋定義
    5

    View Slide

  11. 從『操作』中找尋定義
    5
    !

    View Slide

  12. 從『操作』中找尋定義
    5
    Google 搜尋趨勢
    !

    View Slide

  13. 從『操作』中找尋定義
    5
    Google 搜尋趨勢
    2006年6月以後的台灣特產,指:
    !

    View Slide

  14. 從『操作』中找尋定義
    5
    Google 搜尋趨勢
    2006年6月以後的台灣特產,指:
    環繞⼀一主題(⼈人物)的圖⽚片蒐集與打包/
    !

    View Slide

  15. 從『操作』中找尋定義
    5
    Google 搜尋趨勢
    2006年6月以後的台灣特產,指:
    環繞⼀一主題(⼈人物)的圖⽚片蒐集與打包/
    環繞⼀一軟體的相關檔案蒐集與打包/
    !

    View Slide

  16. 從『操作』中找尋定義
    5
    Google 搜尋趨勢
    2006年6月以後的台灣特產,指:
    環繞⼀一主題(⼈人物)的圖⽚片蒐集與打包/
    環繞⼀一軟體的相關檔案蒐集與打包/
    蒐集⼀一事件的相關素材、經重組與排列
    (策編)後所得到的編輯物(著作),
    就算是懶⼈人也可以快速知道『是怎樣』。
    !

    View Slide

  17. 從『操作』中找尋定義
    5
    Google 搜尋趨勢
    2006年6月以後的台灣特產,指:
    環繞⼀一主題(⼈人物)的圖⽚片蒐集與打包/
    環繞⼀一軟體的相關檔案蒐集與打包/
    蒐集⼀一事件的相關素材、經重組與排列
    (策編)後所得到的編輯物(著作),
    就算是懶⼈人也可以快速知道『是怎樣』。
    !

    View Slide

  18. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包

    View Slide

  19. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包
    資訊、資料,或知
    識的圖形化視覺呈
    現,⽤用以快速、清晰
    地表現複雜的訊息

    View Slide

  20. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包

    View Slide

  21. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包
    可以有互動

    View Slide

  22. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包
    可以有互動 ⼀一定為線性

    View Slide

  23. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包
    ⼀一定有圖表
    可以有互動 ⼀一定為線性

    View Slide

  24. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包
    可為純⽂文字
    ⼀一定有圖表
    可以有互動 ⼀一定為線性

    View Slide

  25. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包
    可為純⽂文字
    ⼀一定有圖表
    可以有互動 ⼀一定為線性
    不能“無題”

    View Slide

  26. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包
    可為純⽂文字
    ⼀一定有圖表
    可以有互動 ⼀一定為線性
    化繁為簡
    不能“無題”

    View Slide

  27. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包
    可為純⽂文字
    ⼀一定有圖表
    可以有互動 ⼀一定為線性
    化繁為簡
    不能“無題”
    *很不懶的懶⼈人包其實是懶⼈人包的濫⽤用

    View Slide

  28. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包
    可為純⽂文字
    ⼀一定有圖表
    可以有互動 ⼀一定為線性
    化繁為簡
    不能“無題”




    *很不懶的懶⼈人包其實是懶⼈人包的濫⽤用

    View Slide

  29. 懶⼈人包
    跟資訊圖表⽐比⼀一⽐比
    6
    資訊圖表 懶⼈人包
    可為純⽂文字
    ⼀一定有圖表
    可以有互動 ⼀一定為線性
    化繁為簡
    不能“無題”








    *很不懶的懶⼈人包其實是懶⼈人包的濫⽤用

    View Slide

  30. 懶⼈人包關鍵成功因素分析
    7
    梗 其他

    View Slide

  31. 如何說故事 by 冷彬、安德魯史丹頓(Andrew Stanton)
    8
    開始:好故事的承諾
    冒險旅程:創造記憶點
    結束:Punchline
    找出⾃自⼰己與他⼈人差異
    改變,所有好故事基礎
    } 朝


    ⼀一
    ⺫⽬目

    View Slide

  32. “從你知道的找材料,不⼀一定是
    虛構或事實,那意味著從你的經
    驗捕捉真理,表達你個⼈人所感受
    內⼼心深處的價值。”
    安德魯史丹頓:⼀一個偉⼤大故事的端倪
    9

    View Slide

  33. 主題熟悉度
    不懂(忘了)*
    有點懂
    很懂
    什麼條件好?
    10

    View Slide

  34. 主題熟悉度
    不懂(忘了)*
    有點懂
    很懂
    對懶⼈人包製作
    最好
    有點糟
    很糟糕
    什麼條件好?
    10

    View Slide

  35. 主題熟悉度
    不懂(忘了)*
    有點懂
    很懂
    對懶⼈人包製作
    最好
    有點糟
    很糟糕
    什麼條件好?
    10

    View Slide

  36. 主題熟悉度
    不懂(忘了)*
    有點懂
    很懂
    對懶⼈人包製作
    最好
    有點糟
    很糟糕
    什麼條件好?
    10

    View Slide

  37. 主題熟悉度
    不懂(忘了)*
    有點懂
    很懂
    對懶⼈人包製作
    最好
    有點糟
    很糟糕
    什麼條件好?
    10

    View Slide

  38. 主題熟悉度
    不懂(忘了)*
    有點懂
    很懂
    對懶⼈人包製作
    最好
    有點糟
    很糟糕
    *⾒見倚天屠⻯⿓龍記張無忌學太極劍法段
    什麼條件好?
    10

    View Slide

  39. (反覆)
    組織(如果有的話)
    11
    說故事
    /企劃
    領域專家
    /研究者
    視覺設計
    製作/
    調整
    成效追蹤 分
    析師
    資料提供

    View Slide

  40. 多⼈人協作
    12
    • Hackpad-任何事動⼿手做的好起點
    • Dropbox-檔案分享、控管
    • Google 雲端硬碟-上兩者複雜⼀一些的次要選擇
    • Bitly-公開、私密連結彙整、追蹤
    • Trello-⼯工作事項分配、追蹤
    • Basecamp-專案管理、討論
    • Google 網上論壇-有可能關閉的討論群組次要選擇
    • Github-進階⽂文件版本控管
    • Google 分析-多少⼈人來過、怎麼來、來多久
    • Facebook 洞察報告-粉絲⾴頁、應⽤用(物件)數據

    View Slide

  41. 今天要談什麼
    13

    View Slide

  42. 今天要談什麼
    •官⽅方課程說明:
    • 如何蒐集資訊
    • 解讀資訊
    • 製成動、靜態懶⼈人包
    • 包括線上、離線軟體基本操作說明
    • 社交網站散播技巧
    13

    View Slide

  43. 今天要談什麼
    •官⽅方課程說明:
    • 如何蒐集資訊
    • 解讀資訊
    • 製成動、靜態懶⼈人包
    • 包括線上、離線軟體基本操作說明
    • 社交網站散播技巧
    •課程⺫⽬目標:說的⼀一⼝口好懶⼈人包!
    13

    View Slide

  44. 今天要談什麼
    •官⽅方課程說明:
    • 如何蒐集資訊
    • 解讀資訊
    • 製成動、靜態懶⼈人包
    • 包括線上、離線軟體基本操作說明
    • 社交網站散播技巧
    •課程⺫⽬目標:說的⼀一⼝口好懶⼈人包!
    13

    View Slide

  45. 今天要談什麼
    •官⽅方課程說明:
    • 如何蒐集資訊
    • 解讀資訊
    • 製成動、靜態懶⼈人包
    • 包括線上、離線軟體基本操作說明
    • 社交網站散播技巧
    •課程⺫⽬目標:說的⼀一⼝口好懶⼈人包!
    13
    從實例解說「如何做」,減少各位的摸索


       ⼊入
         實
          例

    View Slide

  46. 關於資料可信度
    14

    View Slide

  47. 關於資料可信度
    14
    !

    View Slide

  48. 關於資料可信度
    14
    傳統媒體
    !

    View Slide

  49. 關於資料可信度
    14
    傳統媒體 政府官員
    !

    View Slide

  50. Facebook 帳號盜⽤用⾃自保懶⼈人包
    15

    View Slide

  51. Facebook 帳號盜⽤用⾃自保懶⼈人包
    15

    View Slide

  52. Facebook 帳號盜⽤用⾃自保懶⼈人包
    15

    View Slide

  53. 16
    四四南村冰淇淋事件
    偽圖⽚片懶⼈人包
    來源:上下游市集(獨⽴立媒體)
    製作:發想故事,與插畫家合作
    ⼯工具:影像編輯(Pixelmator)
    • 未備份主流媒體報導
    • 讀者得圖⽂文對照或事先瞭解
    • 梗鋪設的太複雜、太隱諱

    View Slide

  54. 16
    四四南村冰淇淋事件
    偽圖⽚片懶⼈人包
    來源:上下游市集(獨⽴立媒體)
    製作:發想故事,與插畫家合作
    ⼯工具:影像編輯(Pixelmator)
    • 未備份主流媒體報導
    • 讀者得圖⽂文對照或事先瞭解
    • 梗鋪設的太複雜、太隱諱

    View Slide

  55. 16
    四四南村冰淇淋事件
    偽圖⽚片懶⼈人包
    來源:上下游市集(獨⽴立媒體)
    製作:發想故事,與插畫家合作
    ⼯工具:影像編輯(Pixelmator)
    • 未備份主流媒體報導
    • 讀者得圖⽂文對照或事先瞭解
    • 梗鋪設的太複雜、太隱諱

    View Slide

  56. 16
    四四南村冰淇淋事件
    偽圖⽚片懶⼈人包
    來源:上下游市集(獨⽴立媒體)
    製作:發想故事,與插畫家合作
    ⼯工具:影像編輯(Pixelmator)
    • 未備份主流媒體報導
    • 讀者得圖⽂文對照或事先瞭解
    • 梗鋪設的太複雜、太隱諱

    View Slide

  57. 16
    四四南村冰淇淋事件
    偽圖⽚片懶⼈人包
    來源:上下游市集(獨⽴立媒體)
    製作:發想故事,與插畫家合作
    ⼯工具:影像編輯(Pixelmator)
    • 未備份主流媒體報導
    • 讀者得圖⽂文對照或事先瞭解
    • 梗鋪設的太複雜、太隱諱

    View Slide

  58. 16
    四四南村冰淇淋事件
    偽圖⽚片懶⼈人包
    來源:上下游市集(獨⽴立媒體)
    製作:發想故事,與插畫家合作
    ⼯工具:影像編輯(Pixelmator)
    • 未備份主流媒體報導
    • 讀者得圖⽂文對照或事先瞭解
    • 梗鋪設的太複雜、太隱諱

    View Slide

  59. 16
    四四南村冰淇淋事件
    偽圖⽚片懶⼈人包
    來源:上下游市集(獨⽴立媒體)
    製作:發想故事,與插畫家合作
    ⼯工具:影像編輯(Pixelmator)
    • 未備份主流媒體報導
    • 讀者得圖⽂文對照或事先瞭解
    • 梗鋪設的太複雜、太隱諱

    View Slide

  60. 16
    四四南村冰淇淋事件
    偽圖⽚片懶⼈人包
    來源:上下游市集(獨⽴立媒體)
    製作:發想故事,與插畫家合作
    ⼯工具:影像編輯(Pixelmator)
    • 未備份主流媒體報導
    • 讀者得圖⽂文對照或事先瞭解
    • 梗鋪設的太複雜、太隱諱

    View Slide

  61. 16
    四四南村冰淇淋事件
    偽圖⽚片懶⼈人包
    來源:上下游市集(獨⽴立媒體)
    製作:發想故事,與插畫家合作
    ⼯工具:影像編輯(Pixelmator)
    • 未備份主流媒體報導
    • 讀者得圖⽂文對照或事先瞭解
    • 梗鋪設的太複雜、太隱諱

    View Slide

  62. 圖⽚片產製流程
    17
    ⽂文案
    腳本簡報
    草圖
    ⾊色稿
    完稿
    匯出上傳
    PL
    PL
    PL D
    D
    D
    PL

    View Slide

  63. 18

    View Slide

  64. 18

    View Slide

  65. 18

    View Slide

  66. 18

    View Slide

  67. 18

    View Slide

  68. 18

    View Slide

  69. 18

    View Slide

  70. 18

    View Slide

  71. 18

    View Slide

  72. 塑膠杯蓋⾏行不⾏行解說
    19

    View Slide

  73. 20
    塑膠杯蓋⾏行不⾏行解說(續)
    圖⽂文型投影⽚片懶⼈人包、圖⽚片懶⼈人包
    來源:主流媒體、部落格、政府機關(衛⽣生署)、法規、安全調查結果、廠
    商網⾴頁、專家學者訪談
    追蹤:Google 快訊
    製作:重複利⽤用與插畫家合作素材完成
    ⼯工具:簡報軟體、影像編輯(Pixelmator)、製圖軟體
    • 太專業的,若無法交待清楚就需割捨
    • Facebook 相簿的優勢與限制
    • 誰來分享?

    View Slide

  74. ⾏行動上網吃飽沒解說
    21

    View Slide

  75. 22
    ⾏行動上網吃飽沒解說(續)
    圖⽂文型投影⽚片懶⼈人包、圖⽚片懶⼈人包
    來源:主流媒體、部落格、政府機關(NCC)、國內外法規、廠商網⾴頁、期刊
    論⽂文、專家學者訪談、技術資料、國外研究
    追蹤:Google 快訊
    製作:發想故事,與插畫家合作
    ⼯工具:簡報軟體、影像編輯(Pixelmator)、製圖軟體
    • 不要對⾃自⼰己懂的領域⾒見獵⼼心喜
    • 不可減少對同⽴立場⽂文件之審慎
    • 有些主題懶⼈人包效果不⼀一定好

    View Slide

  76. 其他
    23
    • 影⽚片懶⼈人包
    • 懶⼈人包的懶⼈人包
    • 動態懶⼈人包
    • 動態網⾴頁

    View Slide

  77. 危機四輻的台灣
    24

    View Slide

  78. body
    網⾴頁像個⼈人
    25
    head


    妝扮(CSS...)
    ⾏行為準則(js...)


    展現給別⼈人看的內容


    View Slide

  79. 26
    其他有⽤用的管道
    開放資料是什麼?

    View Slide

  80. One more thing...
    27

    View Slide

  81. One more thing...
    27

    View Slide

  82. Q&A
    28

    View Slide