Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

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

2 110 vues

Publié le

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

  • Soyez le premier à commenter

如何製作懶人包(一) 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

×