資訊卡

當我對同事抱怨 簡報文件 的缺點時，我確實聽到一個有用的反駁。現在，許多人喜歡透過簡報投影片傳達訊息，這些投影片不是用於簡報，而是用於閱讀。像我這樣的人可能會諷刺現在的經理人無法閱讀任何看起來不像項目符號的東西，但這些資訊卡確實有優點。

• 你可以使用空間配置來協助說明
• 它們不鼓勵人們不讀的冗長散文
• 將圖表包含為傳達訊息的主要元素很簡單

所有這些都可以產生一份比傳統散文更容易理解且傳達訊息更輕鬆的文件。

有關 martinfowler.com 上的資訊卡清單，請參閱 資訊卡標籤。

如果某個投影片組預計用於閱讀，而不是投影，那麼我不會將其視為簡報文件。簡報文件很糟糕，因為它們試圖執行兩項不同的任務，但資訊卡僅用於閱讀，因此可以做得很好。當然，它們通常並非如此，但這是執行問題，而不是基本概念的問題。

資訊卡對我來說是一種有趣的形式，因為似乎沒有人認真看待它們。大多數使用者將它們視為僅使用 PowerPoint 敲打出來的某種東西，而自認嚴肅的寫作者（例如我）則認為資訊卡低於我們的水平。我開始認為我們應該更認真地看待它們。我們應該思考並更多地討論如何讓它們成為有效的傳達工具。[1]

這些文件格式之所以會越來越普及，其中一個原因是我們越來越常在電腦裝置上進行溝通，而不使用紙張。現代電腦配備明亮的多彩螢幕，而且不必擔心紙張用量。因此，使用大量虛擬頁面的色彩鮮豔、圖表豐富的方法，是一種有效的文件形式，特別是在平板電腦越來越普及的情況下。

因此，在過去一年左右的時間裡，我開始探索將資訊卡視為一級溝通形式。您可以看到我到目前為止製作的幾張資訊卡

• NoSQL 簡介，這是一個 PDF 檔
• 為多種行動裝置開發軟體，這是一個 HTML 檔

僅使用幾個範例只能得出暫定的結論，但足以讓我想要繼續探索這種媒介。這兩張資訊卡都是相對高階、非技術性的內容，事實上，我將我們的一位資深銷售經理視為我的目標受眾之一。資訊卡自然而然地適合這種受眾，但我未來也想要嘗試將它們用於更技術性的內容。

我認為 PDF 最適合大多數人，因為它們通常會透過電子郵件傳送。我使用 Apple 的 Pages 應用程式製作 NoSQL 資訊卡，而且我認為頁面編排程式比簡報程式（例如 PowerPoint 或 Keynote）更適合這種形式。

不過，對於我的目的而言，HTML 更為合適。我主要為這個網站撰寫內容，而 HTML 是網頁的語言。此外，使用 HTML，我還可以選擇使用動態元素，例如動畫，這是 PDF 無法做到的。缺點是缺乏工具。市面上有製作 HTML 投影片的工具，但它們大多針對使用Bullet-Riddled Corpse 反模式的現場簡報工具。資訊卡對現場簡報有不同的需求，儘管資訊卡較少出現項目符號句子的問題，但我想要使用許多其他技巧。

然而，使用現有的基於 HTML 的工具作為基礎是有道理的。對於多行動裝置簡報，我最初使用 deck.js，它結合了良好的基本幻燈片功能和一個可擴充的架構。對於後來的簡報，我探索使用動畫 擴充套件到 deck.js，由 Rémi Emonet 完成。Rémi 在解決各種對我來說相當奇怪的用法方面的問題上提供了極大的幫助。然而，我遇到了無法通過的障礙 - deck.js，就像大多數基於 HTML 的簡報工具一樣，將整個幻燈片組載入記憶體中。雖然這對於現場簡報來說是有道理的，但它很遺憾地讓裝置崩潰 - 例如我的 iPad 1 - 以及我正在使用的簡報組。

因此，我必須撰寫自己的 javascript 平臺來儲存簡報組。這一次只載入幾張幻燈片，因此以較少的記憶體使用量來換取回應性。

我從來不喜歡直接撰寫 HTML，所以我使用我通常的方法來撰寫簡報組 - 一個自訂的 XML 詞彙，我使用 我通常的轉換工具鏈 的擴充套件將其轉換為 HTML。

除了處理工具鏈之外，我也在處理資訊簡報組要使用的組成樣式。到目前為止，一個核心元素是對文字採取標題和詳細資料的方法。大多數幻燈片都有標題，即以大字體顯示的單一句子，用以總結敘述。更多詳細資料出現在文字區塊中。這個想法是，讀者可以透過僅閱讀標題來瀏覽幻燈片，就能很好地了解簡報組的內容。當他們想要更多詳細資料時，他們可以閱讀更詳細的文字。到目前為止我收集到的有限回饋似乎支持這項功能按照我的預期運作。

詳細段落是連結項目符號，但可以比人們放入現場簡報組的內容更長。我認為它們是短段落，而不是項目符號句子。

圖表是讓資訊簡報組樣式發揮作用的關鍵。對於 HTML 工具鏈，我一直在專注於使用 SVG。我這樣做的部分原因是這樣可以讓所有內容良好縮放，但也因為我可以利用 SVG 物件是 DOM 物件的事實，我可以透過 css 和 javascript 來操作它們。

（我最初在 2011 年 12 月 19 日發布了此條目的第一版。我已使用我最近對建立資訊簡報組的想法對其進行了更新。）