內容簡介:
視覺的力量,就是用一張圖說完大資訊!

眼球經濟│大數據時代.商業視覺化的終極工具:
☉《華爾街日報》如何用資訊圖告訴你經濟大勢與房價漲跌?
☉《紐約時報》的一個表格如何啟發了比爾蓋茲投身第三世界公共衛生援助?
☉ 新興的個人理財網站怎麼用嶄新的介面與視覺統計吸引投資人上線使用?
☉ 為什麼愈來愈多企業用「資訊圖」溝通品牌形象?他們如何改用「視覺新聞稿」抓住大眾及媒體注意力?

【本書特點】
★精采收錄:數十幅當代精采Infographic資訊圖範例 ┼ 設計邏輯與視覺策略
★美國主流媒體&調研機構幕後「資訊圖」設計公司的實證工作心法。
★從品牌訊息、內容傳播到社群行銷界,一致追求的視覺資訊優化趨勢!


本書是新近視覺工作者、行銷/媒體/公關人員必讀的資訊設計書:
─說再多數據,不如用一張「資訊圖」創造一個新印象、把複雜資料變成視覺故事。
─用強烈鮮明的插畫/互動介面來攫取讀者注意力,使人們迅速掌握重點。
─分解有趣的統計、幫枯燥乏味的數據找出新趣味,並把它們變成視覺化的資訊。
─透過視覺化資訊來強化品牌,提高業績、讓人即時使用、傳達鮮明訊息!

《視覺資訊的力量》一書由美國多個權威機構幕後設計資訊及新聞呈現的「Column Five工作室」
三位設計專家共同執筆,以數十餘幅設計實例,說明近年被重要國際媒體、網站設計及科技、
研究與非營利組織廣為採行的「資訊圖」(Infographics,也稱為資訊圖表)的製作概念及設計精髓。

身處在當前資訊視覺化快速變遷的時代,大眾對數位媒體及互動式分享的使用程度愈來愈高,
本書告訴你如何簡明有力的方式製作「資訊圖」這種易於分享、傳播印象深刻、尤利於網路傳閱的新設計媒體。

當現今閱聽大眾的注意力愈來愈分散,更多商業行銷及知識傳播需求的重點在於:
「如何把內容視覺化」──而追求「以設計整合數據背後故事」的「資訊圖」正符合了這種需求。
本書進一步主張,資訊圖特別在商業界有其普遍的需求。
由於當前消費者對於傳統的廣告與行銷的手法日益無感,
態度已接近冷漠,品牌需要以新的溝通方式來傳達他們的資訊。

那種「強迫推銷式」的視覺廣告現在已經是過時的手法。
如今品牌必須超越純粹提供產品與服務的範疇,提供觀眾新的獨特價值。
而這種價值正須經由視覺資訊說明的方式產生。
很多企業為了建立與吸引觀眾群,紛紛以資訊圖提供讀者資訊與娛樂兼具的感官體驗。

尤其,面對每天網路上大量製造與傳播的內容,資訊圖能提供一種有趣圖像使用形式,
不但能吸引渴望新知的觀眾,還有助於理解與記憶資訊及社群分享。
要吸引並維持瀏覽者的注意力非常困難。

本書飽含豐富的資訊圖像範例,實際採用「視覺化」方法,
循序漸進地提供了可操作的技巧與策略,你將可以依據書中的建議,
創造出引人注目且易於分享的視覺化資訊──也就是視覺說故事的能力!

從「依據資訊該採用何種圖表」到「如何應用數據新科技工具引導核心社群參與」,
本書將告訴你,視覺資訊的設計工作如何開始:
○ 各種形式的訊息設計:包括靜態的、互動的、動態的呈現方式
○ 善用策略,規劃出適合發佈在不同媒體上的視覺整合圖表
○ 小心!避開常見的不當設計資訊圖錯誤
○ 資訊圖應用趨勢預告:更直覺、更有趣的視覺應用如何在新科技/新裝置與「使用者參與」的風潮 中快速崛起!

這本書也將教你如何理出資訊中的脈絡,並透過視覺化的素材使溝通效果極大化;
並將傳授你一個影響力甚鉅的方法,使得你握有的市場資訊,
能夠被再製成易於理解、充滿感染力的「視覺資訊整合圖表」並直達人心!


作者簡介:
傑森.蘭戈(Jason Lankow)、羅斯.克魯格斯(Ross Crooks)、喬許.瑞奇(Josh Ritchie)

「第五欄」創意設計公司(Column Five)的共同創辦人。

這間公司專門承接視覺整合圖表設計、數據可視化和社會公關等業務,曾與他們合作過的公司包括了奇異公司、財務軟體商Intuit、微軟、Sony、eBay和世界銀行(World Bank),他們的作品更曾曝光於《快速企業》雜誌、《時代》雜誌、《華爾街日報》、《富比士》雜誌等重要財經媒體。

他們常針對「視覺整合圖表」進行主題演講,近期的演講對象包括聯邦儲備委員會與「美國平面設計協會」(American Institute of Graphic Arts),並在哥倫比亞大學開授相關的視覺課程。


譯者簡介:
簡美娟

台大外文系、英國蘭卡斯特大學語言學碩士畢。專事各類翻譯工作,譯著有《品質大師費根堡談管理資本》、《好主管的聆聽技術》等書。


內文試閱:
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 顯示漢堡產業的經濟狀況)。舉另一例子來說,我們幫一家基因檢測公司做了一個可調整的版型,它可以動態填入每位個別顧客的基因資訊。這就是將動態資訊輸出到平面圖像報告的好示範,我們在接下來幾頁談及互動式資訊圖時將進一步探討。

這類手法的吸引力,有部分來自於每一件作品用上了不同的藝術媒介,例如手繪插圖、自訂字體,以及復古照片掃瞄等等。

只要你願意嘗試將證實可用的媒介當成資訊圖的視覺輔助,都有助於產生新鮮有趣的內容。在資訊圖內使用獨特的藝術元素,可以協助你製作出美麗的內容,誘使觀看者注意、甚至是關注後續的故事發展。

資料來源:http://www.taaze.tw/sing.html?pid=11304777365