Chapter 2 資訊圖格式：用對的媒介傳達你的訊息（摘）
●靜態資訊圖
●動態資訊圖
●互動式資訊圖
你可以選擇最好的方法達到有效的視覺敘事。
在你藉由使用資訊圖，逐漸邁向一家視覺化溝通公司的旅程中，瞭解什麼是「傳達訊息最有效的格式」十分重要。採用資訊圖溝通的主要格式有「靜態圖像」、「互動式介面」和「動態內容」。這幾種方法沒有什麼高下之別，因為最好的格式取決於「它如何有效地儲存與傳遞所要溝通的資訊。」因此，瞭解每種格式的屬性，以及思考每一個資訊圖類別裡可應用的藝術媒介是很有幫助的。
（1）靜態資訊圖
常見的是固定資訊。使用者互動由觀看與閱讀組成。呈現外觀是靜止的圖像。它最有效果的是使於「敘事類資訊圖」，但有些情況也可以是「研究類資訊圖」。
（2）動態資訊圖
常見的是固定資訊。使用者互動由觀看、附加旁白的聆聽與閱讀組成。呈現的外觀是動畫或移動影像。它最有效果的是使用於敘事類資訊圖，而若非與互動式效果結合使用，則幾乎不可能用於研究類資訊圖。
（3）互動式資訊圖
它可以是固定，或是動態資訊內容。在這種格式中，使用者可以互動點選、搜尋特定數據、主動塑造所顯示內容，以及選擇獲取和視覺化的資訊。它可以是敘事類、研究類資訊圖，或兩者皆是。
在以上三種資訊圖格式中，雖然靜態式資訊圖是最容易執行、最節省成本的一種，但或許也是最變化多端的一種，它依然可以有廣泛的應用。
靜態資訊圖
首先，我們把焦點放在靜態資訊圖，因為這是資訊設計最普遍運用的格式。在這個部分，我們會利用幾個簡單的例子說明運用這類圖表的方式，讓你更明白這個格式的基本特徵與變化。
多數人使用靜態格式製作資訊圖，作為印刷、網路或兩者皆有的圖像。雖然內容使用的目的不同，資訊圖的整體尺寸與形狀，大部分還是要根據出版環境需求來決定，例如要看是放在網誌或雜誌內頁中。無論是印刷出版，或是股東大會的報告，靜態資訊圖能以單一的圖像有效地說明豐富的數據。
適合商業使用的靜態資訊圖內容有三大主要類型：
●組織內部報告和說明
●用於網誌與社群／公關發布的新聞式內容
●用於網誌與社群／公關發布的品牌核心內容
相對於互動式介面，靜態內容主要的好處（也是它普遍性高的因素）是其創作非常簡單――尤其是需要包含即時素材或即時新聞的資訊圖特別好製作。比起動態與互動式內容，這種格式的效率也讓此類內容可以節省不少成本。另一個造成靜態資訊圖逐漸受到人們偏愛使用的主因，是它們很易於分享，因為它們很容易置入網路部落格中。
不過，有些報告的靜態資訊圖需要克服資訊過時的問題。一組定期更新、固定數據（例如每月指數）的視覺化資訊圖，依然留有某特定時刻的數據參考價值。但是對於想要搜尋最新資訊的人來說，你必須手動去更新資訊圖。不斷呈現最新資訊的需求這件事，即使要花更多時間，可也是一種商機。
舉例來說，你可以透過自創的獨家索引每月更新數據、定期發布新的資訊圖，達到品牌推廣的目的，建立期待下一次出版的觀眾群。Column Five（本書作者群創辦的設計公司）就曾幫《華爾街日報》做過「房價指數計分卡」（Home Price Scorecard）， 將所有房價指數合併成一張簡單的圖表。
有時候使用超強軟體處理龐大數據集的數據資訊圖，會以「可縮放向量圖格式」（scalable vectorgraphics, SVG）輸出。這種以向量格式製作的數據圖表，能夠將可編輯的圖像檔內所有包含的數據，匯入繪圖軟體Adobe Illustrator，並加以編輯、提供額外內容或視覺提示。這個方法可以讓數據視覺化應用於更廣泛的資訊圖，提供進一步的資訊，例如特徵敘述或甚至是內容插圖與文字。這樣的優點在於讓報告設計者得以引導觀眾跟隨正在傳達的訊息，並達成具體的結論。
雖然有些資訊你一定會使用研究類圖表的作法，讓觀者詳讀大量的資訊，不過還是要合理地限制塞進靜態資訊圖的資訊數量，最好採用敘事手法。畢竟敘事類資訊圖的目的是表達「含意」，讓觀看者能盡快理解你所呈現的資訊所代表的故事。如果你想開放靜態資訊圖包含的數據讓觀看者研究，你也可以做個連結至數據庫。
靜態資訊圖最大的優點，是能展示有一定重要性的常用內容，而且不需經常更新上面的資料。儘管某些數據確實已經過時，但創造具有恆久價值的靜態資訊圖仍大有機會。絕對還有許多數據類型能讓資訊圖擁有更久的上架時間，例如「人口普查數據」這類資料，只需要十年更新一次，但依然有可能解釋觀念、使用圖表與地圖，甚至創造具有娛樂效果又可能搶占網路的優先閱覽內容。
我們來看看商業溝通中兩種典型的觀眾，以求更深入瞭解靜態資訊圖可能含有的不同種類：一種是在組織內做內部報告，另一種是在公司外部傳播的對外內容。
靜態資訊圖使用範例：
※內部使用的報告
通常來找我們（Column Five）合作的公司，都是為了設計內含重要資訊的報告，作為企業內部流傳或保密使用。無論是全球性企業為了內部溝通的要求而想製作更明確的營業報告，或是創投公司想讓公司股東一覽投資組合的表現，總是有無盡的機會需要將資訊視覺化。
對有些人來說，原始數據太過嚇人，因為那要花太多時間而無法評估。即便是一份精心書寫的30 頁研究計畫摘要及其隱含的數據，對那些最需要評估資訊、但「只有時間看重點」的主管也經常會忽略不讀。所以我們的目標就是結合資訊圖摘要與隱含數據，清楚地呈現其間複雜的敘事內容，這樣好讓目標觀眾得以獲得詳盡的細節――或是假設他們等有空時可用上這張資訊圖。
企業通常會授權內部人員去製作此類報告，這樣才便於儘快將資訊發佈出去。但是他們傳統使用的溝通程式，並不特別擅長製造漂亮圖表與圖形。讓公司人員處理設計工作，就如同落入「無照駕駛」的情況，可能會造成公司上下不連貫的視覺語言與錯誤的數據。
無論你要自己做，還是聘請別人為你的報告做資訊圖，重點總是在初期時就要找出最重要的資訊，並且讓所有計畫的團隊事前同意「哪些是值得在資訊圖上加強的重點」；以及深刻思考並決定「誰可以／應該或將會給你想要／必須看過這些資訊後的思考回饋」，並且讓這些人員參與資訊的草擬階段，而不是傻等至設計工作開始進行的階段才設想。
另外，「資訊會在哪裡呈現」的情境也非常重要――它是為了印刷、網頁、報告、白皮書或是各類性質的某些組合而使用呢？這些問題將有助於決定資訊圖的確切的佈局、尺寸以及形狀，這樣你才不需為了不同目的或觀眾，事後再做大幅的設計修改。
即使你不需要，請假設你已經有現存的品牌指標，並且正在跟適合的設計師合作（或自己用適合的軟體做）製作資訊圖。當你需要印刷版本時，可以用靜態圖像設計資訊很重要。
如果你也想要在網頁瀏覽器為主的互動介面上呈現，你就必須特別注意人們如何看待此類印刷報告的介面所包含在不同層次的資訊。舉例來說，想像你想要利用一組固定的資訊（例如是你的「季度銷售指標」）手工製造一份靜態資訊圖報告，並且假設資訊是在特定時間點的固定「快照」。
這種屬於企業內部人員專用、以品牌為核心的視覺報告，其優點是溝通的對象為少數觀眾――很可能是你熟悉的團體。因為不必考量有陌生人必須接收你的訊息，你就不用太在意情感或群眾訴求；你只要思考如何吸引掌握生殺大計的投資者或是發放薪水的人即可。
這種做法最終的目標就是提供一個清晰、容易理解的資訊說明，以便在公司上下或內部可信任的團體裡傳播。
本章開頭在圖2.1 中提到過靜態資訊圖位置，但它不見得代表這種格式隱含的資訊絕對是固定的，或必得手動輸入調整新資訊，因為我們可以創造一個介面去處理看出即時數據的靜態快照。
你可以使用每分鐘、每天或每個月做間隔來更新報告。這類例子經常會用於企業內的分析型報告，它能說明目標進展和解釋如（網站）高低流量與客戶轉換率的公司業務。你不需要花費太多勞力（取決於你的分析平台為何）就可以按月更新此類報告，並當作老闆或自己的參考依據。
這裡我們要提供一個重要觀念：儘管隱含的數據不會永久固定，但輸出的數據得是某一特定時間點的「靜態數據快照」。這類報告的好處是你可以述說一個故事（無論作為內、外部使用），顯示在某特定日期或在你想要的日期範圍內的數據。
至於靜態資訊圖的缺點，是觀看者不見得能收到即時最新的資訊，而且可能無法得知「可取得的最新資訊」。如此一來，它便無法滿足要求即時資訊的廣大群眾。有這類訴求的人，應該要建立一種介面，讓所有人可以處理與輸出最新的資訊製作報告，或者至少要建立一套系統，確保人們知道找到最新資訊的途徑。
做為內部使用、以品牌為核心的靜態資訊圖比較像是視覺敘事而非研究，要先確定資訊的傳遞必須合邏輯地進行，才能述說你的故事。這類報告也最好是橫向呈現，以便做為簡報檔使用，雖然你也可以製作一份縱向佈局的PDF 檔。這種事聽起來好像很基本，但確實是很重要的優先考量。
你也可以將一些資訊圖報告濃縮成一張頁面，但為了因應製作多頁面資訊的設計，一般最好用橫向製作，這樣你才能在簡報檔中列印與使用。比起縱向呈現的資訊圖（例如那些發表於網誌的內容，需要觀看者上下移動觀看的資訊圖），橫向的內容比較具多樣性。有一點值得記住，你不需要將「資訊圖簡報」裡所有的資訊變成資訊圖格式，有些特徵性內容絕對可以用純文字來組成。
※用於網誌與社群／公關發布的新聞式內容
現在我們要拋開向老闆或投資人報告的那種季度數據，請集中精神針對網路上的友善群眾建立訊息！除了那些你與大眾分享的個人專屬資訊，與你的公司相關的廣泛行業內容，其實也很適合作為建立個人專業性與提升品牌意識的有效媒介。讓我們思考以下兩則個案，以求更加瞭解靜態資訊圖如何廣泛地在網路上利用。
視覺新聞稿
首先，我們就針對這種產品「多數人以為想要與需要的部分」討論：如何製作企業官網上的「關於我們」單元！
假設你是個幫助企業以視覺說故事的新手，也已經做了第三次的調整，並有了超越「臉書」層次的網站規劃。所以，該是時候向全世界述說你的故事了吧？可是要說出適合這類故事的語氣真的很困難。沒有人會喜歡派對裡總是在談論自己的人。問題在於，人們總是被自言自語的公司所轟炸，就算我們會忠於自己喜愛的品牌，但大部分情況下，人們並不在乎你的公司。這聽起來很刺耳，但這就是網路世界。
――最好的辦法就是克制想要不斷談論自己或公司的慾望，並且讓數據裡的有趣故事發揮魅力。雖然以靜態型式資訊圖來述說品牌的特徵內容有很多可能性，但我們這裡要說明的是由獨家的量化數據所組成的範例。
我們發現，視覺新聞稿最適合幫助企業分享他們的彙整數據。很多對外呈現、以品牌為核心的內容，其製作方法都不對（例如把商標放大！），所以有時你得體驗成長的痛苦，才能找到吸引大眾的說故事方式。舉個例子來說，我們曾與「預感網站」（Hunch，由拍賣網站eBay 收購）密切合作過如何呈現「自稱為麥金塔電腦（Mac）與個人電腦（PC）使用者相比較」的品味與偏好視覺專案。由於其隱含主題是述說比預感網站本身還重要的故事，它比起「純粹談論預感網站及其相關產品」所能吸引的觀眾，更有機會瞭解更廣大群眾的想法。
魅力之處則在於這資訊圖上所有數據來自於預感網站的用戶，我們能夠與他們緊密合作，設計出娛樂廣大觀眾的故事。
視覺化的新聞應用
過去幾年來，靜態資訊圖在新聞編輯上的使用已呈現倍數成長。長形、拖曳式縱向格式的流行，是多數部落格嚴格的寬度限制下所形成的附加產物。
此外，使用550 至600 像素範圍的寬度，也讓部落客和出版業者更容易選取與轉貼資訊圖。後來它更成為資訊圖媒介的經典流行形式，並能作為新聞稿、塑造品牌與搜索引擎最佳化（SEO）、建立連結與社交媒體行銷的使用。這類資訊圖應用的普遍性已經引起許多人的不滿，許多記者更錯將憤怒指向資訊圖在這類媒體的濫用過度。
但隨著更多人的使用，數位世界裡的資訊圖已經逐漸不再是多新穎的事了；然而各類媒體本身的功能卻前所未有的增強。資訊圖應該根據溝通資訊的價值與設計品質分別做出評價，而非以媒體上所有內容做詳細評估。
不過有一個爭議仍然存在，這類資訊視覺圖像的內容會在某些情況下無法觀看――特別是針對以智慧型手機瀏覽或有視覺障礙的網路用戶。克服這個限制的最好辦法就是讓包含的資訊能以文字格式取得，不論是替換文字（ALT text）（當隱含的圖像無法讓網站的訪客觀看時所取代的訊息），或是在呈現資訊圖網頁上，置放補充說明的文字或頁面。這種方法也有助於你的網站提供更多資訊讓搜尋引擎檢索，也進一步幫助你的內容能讓搜尋引擎更容易找到。
結合藝術媒介的視覺資訊
靜態資訊圖是你視覺軍火庫裡的有利武器，因為它既能省錢又可迅速創作（相較於互動與動畫式資訊圖），而且能有效地將結果調整為你的內容行銷目標。
一個可分享的圖像能讓你能快速地傳播具體的新訊息內容，而大部分為了網頁所創作的資訊圖圖像，在印刷時也很容易做點修改即輸出。請記得資訊圖可以使用多種藝術的表達方式。比方說，我們一直都很喜歡在圖表和每個成分層次中使用照片（如圖2.6 顯示漢堡產業的經濟狀況）。舉另一例子來說，我們幫一家基因檢測公司做了一個可調整的版型，它可以動態填入每位個別顧客的基因資訊。這就是將動態資訊輸出到平面圖像報告的好示範，我們在接下來幾頁談及互動式資訊圖時將進一步探討。
這類手法的吸引力，有部分來自於每一件作品用上了不同的藝術媒介，例如手繪插圖、自訂字體，以及復古照片掃瞄等等。
只要你願意嘗試將證實可用的媒介當成資訊圖的視覺輔助，都有助於產生新鮮有趣的內容。在資訊圖內使用獨特的藝術元素，可以協助你製作出美麗的內容，誘使觀看者注意、甚至是關注後續的故事發展。
