Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

如何製作懶人包(一) Late 2013

2,026 views

Published on

@獨立媒體學院 資訊視覺化課程
如何蒐集資訊,解讀資訊,製成動、靜態懶人包,包括線上、離線軟體基本操作說明及社交網站散播技巧。
http://bit.ly/bundles/nchild/7

  • Be the first to comment

如何製作懶人包(一) Late 2013

  1. 1. 獨立媒體學院 資訊視覺化課程 如何製作懶人包(一) 楊孝先 bit.ly/bundles/nchild/7 nchild•CC BY-SA 3.0 TW
  2. 2. 雖然這堂課叫做如何製作懶人包 但是今天並 不會教製作 nchild•CC BY-SA 3.0 TW
  3. 3. 有鑒於每次都超過時間 今天準備的 內容非常少 nchild•CC BY-SA 3.0 TW
  4. 4. (1) 背景 nchild•CC BY-SA 3.0 TW
  5. 5. 關於我 nchild•CC BY-SA 3.0 TW
  6. 6. 關於你們 nchild•CC BY-SA 3.0 TW
  7. 7. 你們 我 勝 有資深工程師 略懂 HTML、CSS 勝 有藝術設計背景 小時候才會畫畫 勝 媒體工作者一堆 十多年前讀概論 平 有資訊圖表經驗 一點懶人包經驗 nchild•CC BY-SA 3.0 TW
  8. 8. 第一次做懶人包就上手 第一次 做懶人包 就覺悟 nchild•CC BY-SA 3.0 TW
  9. 9. 稍微有一點不同的是 上百件奧 客訴經驗 nchild•CC BY-SA 3.0 TW
  10. 10. 一個人開始,變眾人之事? 900000 接觸對象 675000 450000 225000 我 ⾃自 ⼰己 部 落 格 粉 絲 ⾴頁 ? 0 1993 2005 2007 2009 nchild•CC BY-SA 3.0 TW 2011 2013 (Q2)
  11. 11. 結果證明 改變是 可能的 nchild•CC BY-SA 3.0 TW
  12. 12. nchild•CC BY-SA 3.0 TW
  13. 13. nchild•CC BY-SA 3.0 TW
  14. 14. (2) WHY nchild•CC BY-SA 3.0 TW
  15. 15. Why How What nchild•CC BY-SA 3.0 TW
  16. 16. nchild•CC BY-SA 3.0 TW
  17. 17. “The goal is to do business with people who believe what you believe.” –Simon Sinek nchild•CC BY-SA 3.0 TW
  18. 18. 懶人包只是一個手段 重點是傳達 目的、信念 nchild•CC BY-SA 3.0 TW
  19. 19. 以我來說 消費者可以 被更公平的 對待 nchild•CC BY-SA 3.0 TW
  20. 20. ! Error 451 nchild•CC BY-SA 3.0 TW
  21. 21. (3) HOW nchild•CC BY-SA 3.0 TW
  22. 22. 懶人包的概念性定義 李怡志 ⋯將針對單⼀一事件的⽂文字、圖⽚片、 連結等等放在同⼀一個⾴頁⾯面上,或者 將 Link 整理在⼀一起(網摘)⋯ 為了在短時間裡⾯面快速的深⼊入事件 的瞭解始末或跳過繁瑣指南對⼀一個 產品快速的上⼿手,⽽而經過整理或改 寫的精華濃縮包。 XDite 針對特定主題,進⾏行資訊彙整、篩 選、編排、再現,所完成的產物。 阿孝老師 nchild•CC BY-SA 3.0 TW
  23. 23. 從『操作』中找尋定義 Google 搜尋趨勢 2006年6月以後的台灣特產,指: 環繞一主題(人物)的圖片蒐集與打包 環繞一軟體的相關檔案蒐集與打包 蒐集一事件的相關素材、經重組與排列 (策編)後所得到的編輯物(著作), 就算是懶人也可以快速知道『是怎樣』。 nchild•CC BY-SA 3.0 TW
  24. 24. vs 資訊圖表 可以有互動 重 點 在 設 計 不能「無題」 資訊、資料,或知 識的圖形化視覺呈 資訊圖表 現,用以快速、清晰 地表現複雜的訊息 一定有圖表 通常為線性△ 懶人包 化繁為簡 可為純圖、純文字△ 界限已不那麼明顯 nchild•CC BY-SA 3.0 TW 重 點 在 梗 △本版更新
  25. 25. 懶人包或資訊圖表? nchild•CC BY-SA 3.0 TW
  26. 26. 先有雞 資料正確性>簡化 ➡︎ 才有蛋 梗>視覺設計 nchild•CC BY-SA 3.0 TW
  27. 27. 資料正確性 資料來源+ 資料解讀 nchild•CC BY-SA 3.0 TW
  28. 28. 記取教訓 nchild•CC BY-SA 3.0 TW
  29. 29. 關於新聞可信度 裝新聞 小幫手 nchild•CC BY-SA 3.0 TW
  30. 30. 關於開放的資料 開放資料是什麼? nchild•CC BY-SA 3.0 TW
  31. 31. 簡化的影響 Source: Mike Collins, Taterbrains.com / Sun-Sentinel graphic nchild•CC BY-SA 3.0 TW
  32. 32. 簡化通常不會錯,只要別走火入魔 @torresfelipe nchild•CC BY-SA 3.0 TW
  33. 33. 要做個好懶人包 先說個 好故事 nchild•CC BY-SA 3.0 TW
  34. 34. 再確認對誰說 ! 完 全 不 懂 略 懂 普 通 nchild•CC BY-SA 3.0 TW 還 算 懂 領 域 專 家
  35. 35. 怎麼做? 懂裝 不懂 nchild•CC BY-SA 3.0 TW
  36. 36. 魚與熊掌 快 好 便宜 nchild•CC BY-SA 3.0 TW
  37. 37. 組織團隊 資料提供 領域專家 研究者 製作 調整 ⟳ 說故事 企劃 視覺設計 (反覆) 成效追蹤 分 析師 nchild•CC BY-SA 3.0 TW
  38. 38. 產製流程(以圖片為例) ⽂文案 PL 腳本簡報 PL 草圖 PL D ⾊色稿 D 完稿 D 匯出上傳 PL nchild•CC BY-SA 3.0 TW
  39. 39. nchild•CC BY-SA 3.0 TW
  40. 40. 協作與自用數位工具 • Hackpad-任何事動⼿手做的好起點 • Dropbox-檔案分享、控管 • Google 雲端硬碟-上兩者複雜⼀一些的次要選擇 • Bitly-公開、私密連結彙整、追蹤 • Trello-⼯工作事項分配、追蹤 • Basecamp-專案管理、討論 • Google 網上論壇-有可能關閉的討論群組次要選擇 • Github-進階⽂文件版本控管 • Google 分析-多少⼈人來過、怎麼來、來多久 • Facebook 洞察報告-粉絲⾴頁、應⽤用(物件)數據 nchild•CC BY-SA 3.0 TW
  41. 41. (4) WHAT nchild•CC BY-SA 3.0 TW
  42. 42. 我不知道我做的是懶人包 直到別人 都這麼叫 nchild•CC BY-SA 3.0 TW
  43. 43. “Most of memories are created by visual, acoustic and semantic encoding.” How Memory Works - Online Colleges 43 nchild•CC BY-SA 3.0 TW
  44. 44. 文字懶人包 本課程不教   可參考 nchild•CC BY-SA 3.0 TW
  45. 45. (純)圖片懶人包 自己去找 (照) nchild•CC BY-SA 3.0 TW
  46. 46. 圖文 簡報懶人包 nchild•CC BY-SA 3.0 TW
  47. 47. 圖文 圖片懶人包 nchild•CC BY-SA 3.0 TW
  48. 48. nchild•CC BY-SA 3.0 TW
  49. 49. 影片懶人包 nchild•CC BY-SA 3.0 TW
  50. 50. 網頁 動態懶人包 nchild•CC BY-SA 3.0 TW
  51. 51. nchild•CC BY-SA 3.0 TW
  52. 52. nchild•CC BY-SA 3.0 TW
  53. 53. 其餘待續 QA nchild•CC BY-SA 3.0 TW

×