懶人包時代背後,不可輕忽的資訊設計能力

我們每天接收的資訊透過網路與社群,全面環繞著思緒,在來不及消化喘息的狀態下,很快地又會有新的資訊與話題覆蓋上去,因此,面對快速流動的龐大資訊,資訊設計應用在多媒體的呈現上就更為重要。資訊設計是人們對資訊進行處理的技巧和實踐,通過資訊設計可以提高人們應用資訊的效能。培養資訊設計的能力,除了在學習的過程中能夠系統化的思考學習內容,對於工作以及資訊的呈現,都是現代人才必備的基礎能力。

資訊設計( Information Design )原包含在平面設計內,但是資訊的設計不僅僅是視覺設計而已,背後的思考脈絡與系統思考才是關鍵重點。二十世紀七〇年代,英國倫敦的平面設計師特格拉姆第一次使用了「資訊設計」這一術語。當時使用該術語的目的僅為區別於傳統的平面設計以及產品設計等平行設計專業。從那時起,資訊設計就真正地從平面設計中脫離出來。資訊設計的主旨是「進行有效能的資訊傳遞」,與提倡「精美的藝術表現」的平面設計確立了不同的發展方向。

資訊設計也是多學科混合的領域,設計、心理學、語言學、使用者介面的設計,目標受眾的了解。資訊設計通常透過資訊圖表(infographic)呈現,運用簡單的圖文設計,解釋複雜的資訊,是當今資訊界、行銷傳播界很重要的能力,一張資訊圖表可以觸發病毒式的傳播,因此當中資訊的正確性與客觀公正性,是資訊設計者需要格外注意的部分。

(常見的infographic)

資訊爆炸時代,當今逐漸涉及到文字類資訊內容和語言領域,就需要在設計過程中加入更多的用戶測試,這在傳統平面設計中是極為罕見的。資訊設計特別重視資訊傳遞的效率,現在常見的形式包含單張資訊圖表(如上所提到的infographic)、懶人包、動態影像、互動網頁⋯⋯等。隨著網路與多方社群興起,資訊設計重視的部分包含觸及人數、受眾、受眾的反應與所投入的資源量。

美感與理解力共存

以系統思考來解構事物間的邏輯關係,不管是課堂報告、會議簡報,還是網路行銷都能用到,可說是現代人才必備的能力。使用文字,圖形,圖表以及各種資訊組織方式重組原始資訊以提高資訊傳遞的效能,並且編輯資訊內容,使之清晰、明確,能夠被目標使用者理解。透過平面設計師及插畫家的美感呈現,將資訊轉化為好看、好懂、易理解的圖像。

12031612_483527295156716_7771446653486482492_o.jpg

圖文不符是台灣一個相當年輕優秀的資訊設計團隊,成立於2015年,是一個提供多面向知識和社會議題探討的平台,由成功大學都市計劃學系畢業的張志祺與台灣大學國際企業學系畢業的王成祥領軍,團隊為25人中型規模,每人各司所長,兩位創辦人目前均尚未滿三十歲,相當年輕有為。以「弭平資訊落差,創造溝通」為核心價值出發,圖文不符集結了企劃師、插畫師、設計師、動畫師、網頁工程師⋯⋯等多位夥伴。圖文不符平台設計團隊為簡訊設計,提供資訊設計服務,執行超過150件資訊設計作品,總觸及人數高達2500萬人次以上。

資訊設計的流程:資料收集與研究能力

當委託者將大量的資訊提供給設計者,篩選整理數據是第一關。蒐集來的資訊通常很雜亂,有各種檔案格式與數據,有時還會連結到其他資料來源。設計師們應留意閱讀資料的文字說明,幫助拚湊資訊圖表所要說的故事全貌,搜尋多種資訊來源,一個故事,通常會散落在很多文件裡面,而非潛藏在單一的資料圖表中,資訊背後的真相通常需要時間來一步步揭開,資訊可以被受眾解讀成正確抑或錯誤的論點,所以設計者務必要格外謹慎。

%e8%b3%87%e8%a8%8a%e8%a8%ad%e8%a8%88%e6%b5%81%e7%a8%8b

(圖文不符團隊提出的資訊設計流程,圖片來源

單單引述完整研究的單項訊息,可能會偏離故事全貌。設計師應要擅於察覺資訊的漏洞,不錯失重要訊息,並及確保揭示支持故事的事實數據。資訊設計的流程,必須先設定好目標、策略、受眾與載體,再來規劃整體資訊的架構,才進行文案撰寫、視覺呈現(資訊圖表、平面設計、動畫、插畫、漫畫,亦或是其他視覺表現方式),最後則是資訊的投放。

25b2916b5c49db617f52fa5ea48efee7-26-560x612

 (圖片取自圖文不符著名作品台北市政府《熊熊不一樣》)

圖文不符團隊,經常製作大量的「懶人包」專案,在資訊混亂的網路世代,透過連串的圖文呈現,傳達客觀趨近正確,且重要的訊息。圖文不符曾表示,資訊整理除了透過大量閱讀,有時必須直接跟專業人員合作,從廣大的資訊汪洋中找出事件的脈絡,並透過挑戰多種媒介,用各種方式,製作出不但能讓大家接受、看懂,還願意「傳播出去」的資訊設計作品。

16601928_698477600328350_7222983606543489469_o

16587349_698477520328358_6809621754316397167_o

16601578_698477306995046_3725577677871717007_o

(圖片取自【 你聽說過,一黑二黃三花四白嗎? 聽說同時養兩隻狗會衰?真的嗎?】相簿)

圖文不符最新作品將社會因為迷信與一些傳說,有些迷思與傳統的想法,世界上,也有很多因為種族、膚色而產生的歧視與霸凌。圖文不符發現路上遇到的流浪狗,好像是黑狗居多, 這背後神秘的原因, 透過研究發現了非常多老一輩口耳相傳的禁忌與傳說, 而這些傳統風俗民情,似乎的確對許多家庭、動物造成影響:「爸媽說養白襪狗/兩隻狗不吉利,叫我丟掉,怎麼辦?」 針對這些問題,有許多不同角度的回答方式及思考方式,讓思想更包容。

asset_16859_image_big.png (圖文不符代表作品之ㄧ 捷運緊急防身術-讓我們來談談隨機殺人事件

近年來台灣社會發生數起隨機殺人事件 , 造成社會上人心不安。 圖文不符認真做了資料整理,希望幫助民眾再遇到緊急狀況時,有哪些自保的緊急防身法則, 透過參考其他國家做法,一起來思考未來如何防範事件再發。

懶人包是讓受眾能夠快速了解一件事

為何當代需要懶人包,因為資訊傳遞太過快速,人們必須用更快的速度閱讀及獲得資訊,進而引起興趣而產生了解及研究興趣。通常懶人包會涵蓋一個議題或背景知識,也必須有客觀的事件敘述與因果關係,目的是為了讓立場不同的受眾了解事情的全貌。懶人包通常用於專業門檻高的議題,一般民眾可能對其專業術語或是事件過程無法理解,需要透過專人整理後的懶人包獲得基本概念。

12238061_496376500538462_1522609102981039892_o

(懶人包對於不夠了解的政策或制度,及不同國家的社會議題,
能夠帶給受眾快速獲得資訊的益處:南韓反政府遊行事件簿

 (常見的懶人包資訊設計刊頭,通常淺顯易懂,吸引群眾關注)

資訊設計最後必須做資訊投放,將資訊設計作品丟出去,讓大眾看到,主要分為需要透過購買的廣編如廣告、採訪與新聞等,再來就是社群傳散,這一點則是透過大眾引起共鳴,並且分享,後者可以讓資訊擴展得更大,甚至病毒擴散,也就是常聽到的「瘋傳」。社群就像許多圓,必須透過大圓將資訊傳遞到更多小圓裡。大多數的資訊設計作品都是在網路流傳分享的,對不同的群眾而言,由於有不同的立場思維與閱讀資訊的方式, 儘管透過重重的專業檢視,也不能代表資訊圖表涵蓋了完整的故事,大眾的討論有可能會延伸、拆解、解讀原先的故事。若有新的資訊產出,也就必然需要修正及調整,社會的檢視是資訊設計師必須面對的考驗,也讓媒體具珍貴價值。

「客戶和設計師團隊來回反覆的修潤過程,要直到所有人同意『已經竭盡所能將資訊用最好方式呈現』才會停止。這個細緻化的測試過程彌足珍貴。」——獨立設計工作室 Hyperakt 設計師 Josh Smith  〈10 Steps To Designing An Amazing Infographic〉

——

延伸閱讀:

《爆漫王》:以邪道征服王道,不一般的少年漫畫電影

《妖怪台灣:三百年島嶼奇幻誌・妖鬼神遊卷》:成鬼化魅,且看台灣妖物群生相

大衛.奧格威David Ogilvy:獨特的原因是勇於與眾不同

拼貼藝術(Collage):與時代並進的藝術反動元素大集合

謬誌茗東京週:街道上隨處可見的巧思設計

——

Credit——
撰稿|小人物E