(電子商務(wù)研究中心訊) 信息是非常有用的,甚至是好看的,不過(guò)僅在被展示(經(jīng)過(guò)設(shè)計(jì))的時(shí)候。如今是一個(gè)信息超載的時(shí)代,能在繁雜的信息中夠脫穎而出,這是信息圖設(shè)計(jì)為什么會(huì)流行起來(lái)的原因之一。信息圖是用簡(jiǎn)單的方式去呈現(xiàn)復(fù)雜數(shù)據(jù)的視覺(jué)設(shè)計(jì)。但他們是如何設(shè)計(jì)出來(lái)的?從設(shè)計(jì)過(guò)程中又能學(xué)到什么?作為信息圖設(shè)計(jì)師還需要從中知道些什么?
在過(guò)去的十年間,Hyperakt公司專門(mén)從事此類設(shè)計(jì),并發(fā)現(xiàn)了此類設(shè)計(jì)的方法。以下就是他們嘔心瀝血總結(jié)出的十個(gè)步驟:
1. 收集數(shù)據(jù)
篩選眾多的數(shù)據(jù)是一切的開(kāi)始。開(kāi)始幾乎是從Excel表格、PDF文檔和其他資源的鏈接中獲得未加工的混亂的數(shù)據(jù)。雖然有時(shí)也會(huì)有(略微坑爹的)指向性—“我們想比較12頁(yè)和65頁(yè)的表格”—可以此為線索開(kāi)始設(shè)(po)計(jì)(an)。但這些也能夠幫助我們有更多的靈感去收集更多新的資源。一個(gè)完整的圖片故事(信息圖)通常一開(kāi)始信息是分散在多個(gè)資料里的,而不僅僅只限制于一個(gè)表格中。
2. 閱讀所有的資料
當(dāng)你傾向于只關(guān)注那些突出顯示的部分,而忽略了其他部分,這種縮減,很容易導(dǎo)致在后面的工作中浪費(fèi)更多的時(shí)間。在整個(gè)系統(tǒng)的研究中,單一信息會(huì)(讓你)走上彎路。無(wú)論是你的客戶在這當(dāng)中認(rèn)識(shí)到了,還是你的讀者指出哪怕一次,這個(gè)項(xiàng)目都是失敗的。沒(méi)有什么比你在一個(gè)項(xiàng)目中努力工作,但最后卻親眼看到它因?yàn)闆](méi)有融會(huì)貫通的思路而被指責(zé)的感覺(jué)更糟了。信息圖設(shè)計(jì)師是擅長(zhǎng)抓住數(shù)據(jù)要點(diǎn)的設(shè)計(jì)者,確保沒(méi)有重要的信息被遺漏,并且確保整個(gè)信息圖的真實(shí)性。
3. 找故事(敘事手法)
現(xiàn)在開(kāi)始,無(wú)聊的資料將會(huì)變成無(wú)聊的信息圖,除非你能編一個(gè)好的故事(才能讓其變得有趣)。信息圖的設(shè)計(jì)都具有獨(dú)一無(wú)二的含義。他可能是一組復(fù)雜的數(shù)據(jù)說(shuō)明,或者解釋一個(gè)過(guò)程,或者強(qiáng)調(diào)趨勢(shì),亦或者支持某種觀點(diǎn)。找到合適的故事(敘事的手法)是第一關(guān)boss。現(xiàn)在數(shù)據(jù)是你所熟悉的,能否找到一個(gè)故事來(lái)套用手頭上的這些信息?對(duì)這個(gè)主題感興趣嗎?這是一個(gè)令人信服的值得講述的故事嗎?
4. 確定認(rèn)識(shí)問(wèn)題
當(dāng)一個(gè)充滿數(shù)據(jù)的故事雛形漸漸從你手中展現(xiàn),是時(shí)候停止檢查一下。在許多情況下,數(shù)據(jù)并不能支持客戶想要描述和表達(dá)的故事。以下便是經(jīng)常會(huì)發(fā)生的略顯棘手的討論。有時(shí)客戶會(huì)希望設(shè)計(jì)師運(yùn)用僅有的事實(shí),歪曲數(shù)據(jù),或直接繞過(guò)這個(gè)障礙來(lái)使(信息圖)看起來(lái)不錯(cuò)。但很快就發(fā)現(xiàn)這條路顯而易見(jiàn)是行不通的。數(shù)據(jù)是不會(huì)說(shuō)謊的,而優(yōu)質(zhì)的客戶也并不想公然的誤導(dǎo)(讀者)。那么下一步就只有通過(guò)協(xié)同合作的方式共同來(lái)打造這個(gè)故事和數(shù)據(jù)。在研究了幾天的主題后,設(shè)計(jì)師有價(jià)值的發(fā)掘出更多符合的故事(敘事的手法),并展示出來(lái)。當(dāng)然,回到客戶最初的想法可能是令人沮喪的。在更多的主觀的情況下(顏色,排版,等),也使設(shè)計(jì)師更難贏得戰(zhàn)爭(zhēng),但也正是在這些情況下,設(shè)計(jì)者對(duì)數(shù)據(jù)的小心謹(jǐn)慎—這點(diǎn)卻有目共睹,被常常稱贊。
信息中的真理需要經(jīng)驗(yàn)去發(fā)現(xiàn)。爭(zhēng)論中有一種方法是用數(shù)據(jù)取勝,不管這個(gè)爭(zhēng)論主題是真是假。舉個(gè)栗子,駕駛紅色車(chē)子的人比駕駛藍(lán)色車(chē)子的人出事故的概率多出2倍。這句話可能(錯(cuò)誤的)暗示你車(chē)子的顏色在某種程度上能夠?qū)е率鹿?。但真?shí)的原因能在隱藏的關(guān)系中被找到,我們稱為變化因素(如果實(shí)驗(yàn)者不對(duì)某些因素進(jìn)行控制,那么在解釋不同實(shí)驗(yàn)條件下被試的行為因變量的差異時(shí),起作用的不是自變量而是另外一些因素。)有攻擊偏向性的人比較偏向喜歡紅色。是這種攻擊的反應(yīng),而不是車(chē)的顏色,才是影響車(chē)禍發(fā)生率的不為人知的原因。
5. 創(chuàng)建層次結(jié)構(gòu)
在幾乎所有的研究中,都有“一個(gè)主角”在引領(lǐng)這個(gè)故事。這個(gè)數(shù)據(jù)片(主線)會(huì)讓你目瞪口呆的。一旦你找到它,它是讓你的項(xiàng)目變的有條理的一種方式,并且能夠在你的圖表中穩(wěn)固你的層次結(jié)構(gòu)。在這些原理的支持下再來(lái)說(shuō)后面的故事。這些數(shù)據(jù)會(huì)變成情緒板來(lái)作為研究的重點(diǎn)。(情緒版是指經(jīng)由對(duì)使用對(duì)象與產(chǎn)品認(rèn)知的色彩,影像,數(shù)字資產(chǎn)或其它材料的收集,可以引起某些情緒反應(yīng),作為設(shè)計(jì)方向與形式的參考。設(shè)計(jì)師運(yùn)用它來(lái)檢視色彩,樣式,并據(jù)以說(shuō)服其它人之所以如此設(shè)計(jì)的理由。)。直至這個(gè)階段,圖的最終樣子才將開(kāi)始顯現(xiàn)。
6. 建立線框
一旦數(shù)據(jù)被梳理,選擇了最有趣的真相(數(shù)據(jù))并且確定了結(jié)構(gòu)層次,線框圖就出現(xiàn)啦。在此基礎(chǔ)上,設(shè)計(jì)師通過(guò)視覺(jué)表現(xiàn)讓重要的信息能夠一目了然,并且把結(jié)構(gòu)層次發(fā)送給客戶做審查。這不是最終的設(shè)計(jì),但能通過(guò)討論,將剩下的部分在框架中達(dá)成一致進(jìn)行下去。
7. 選擇設(shè)計(jì)版式
有無(wú)數(shù)的方法可以傳達(dá)信息。最好的方法,可能是結(jié)合傳統(tǒng)的圖形和圖表(條,線,餅圖)、可能需要一個(gè)示意圖或流程圖來(lái)解釋、地圖也許也是最好講述故事的方法、或者簡(jiǎn)單的數(shù)字展示也會(huì)很好。如果時(shí)間允許或者數(shù)據(jù)需要它,交互互動(dòng)是有意義的并且能敲開(kāi)數(shù)據(jù)可視化的大門(mén)。但不管怎么樣,這些都是由數(shù)據(jù)決定的。或許這些將適用于其中一個(gè)或組合的設(shè)計(jì)版式。
8. 決定一種可視化的方法
有2種首要的視覺(jué)方法來(lái)確定外觀和檢查圖表。其中之一個(gè)陣營(yíng),是喜歡把原始的數(shù)據(jù)做的好看。(David McCandless, NicholasFelton為首的支持這一觀點(diǎn)的人)。在他們的推動(dòng)實(shí)施下,通常通過(guò)圖表的形式,做出令人感覺(jué)吊炸天的視覺(jué)效果。他們通過(guò)顏色,字體,把塊與塊連接起來(lái),像一件抽象的藝術(shù)作品。第二個(gè)陣營(yíng)的(Peter Orntoft, Scott Stowell為首),喜歡用插圖或者隱喻。這個(gè)陣營(yíng)中,數(shù)據(jù)被偽裝,通過(guò)視覺(jué)向觀眾傳達(dá)幾乎毫無(wú)相似之處的圖表或圖形
在Hyperakt,我們不依賴任何一個(gè)陣營(yíng)(策略)。我們自己創(chuàng)造了一個(gè)混合的陣營(yíng):插圖元素包圍圖表和圖形,或者在純粹的視覺(jué)上運(yùn)用慣例的方式表達(dá)數(shù)據(jù)。有價(jià)值(可用)的信息,媒介,客戶品牌,和主題等等決定了最終的解決方案。
9. 細(xì)化和測(cè)試
當(dāng)有了圖表形態(tài)和視覺(jué)形態(tài),就開(kāi)始進(jìn)入改進(jìn)階段了。無(wú)論是在數(shù)據(jù)還是視覺(jué)敘事中,客戶都會(huì)參與其中,以確保最終的成品與他們的品牌和意圖相一致。在內(nèi)部,我們整個(gè)工作室都在測(cè)試確保易讀性和理解性,尤其關(guān)注那些從來(lái)沒(méi)見(jiàn)過(guò)這些數(shù)據(jù)的人。我們?cè)u(píng)估設(shè)計(jì)和重復(fù)(以上行為)直到它盡可能的明了和簡(jiǎn)單。在客戶和我們內(nèi)部團(tuán)隊(duì)之間來(lái)回直到每個(gè)人都覺(jué)得交出的信息圖樣式是最好的才會(huì)結(jié)束。
10. 發(fā)布
大多數(shù)信息圖是在線分享——甚至被印成圖片,以某種方式在網(wǎng)上出現(xiàn)。這對(duì)你的工作(成功與否)立見(jiàn)分曉。數(shù)據(jù)的挑戰(zhàn)性在于,在閱讀的過(guò)程中不同的讀者會(huì)有不同的理解。所有的事實(shí)核查和專業(yè)知識(shí)的聯(lián)想都不意味著你能發(fā)現(xiàn)任何方面所衍生出來(lái)的故事。所以即使你的東西已經(jīng)被過(guò)稿,在線討論還是能夠以另外的角度擴(kuò)大(或否決)你的論點(diǎn)。這種集體審查通常意味著這個(gè)項(xiàng)目沒(méi)有真正意義上完結(jié)的那天。修改會(huì)發(fā)生在當(dāng)新數(shù)據(jù)(信息)出現(xiàn)的時(shí)候。雖然你的項(xiàng)目在這個(gè)過(guò)程中是“擔(dān)驚受怕”的,但這也是它非常值得的原因所在。一個(gè)備受關(guān)注的設(shè)計(jì)才能激起看客的心
信息圖設(shè)計(jì)師不是普通人。雖然吃力辛苦復(fù)雜,但他們還是覺(jué)得自己萌萌噠。
開(kāi)始了解一個(gè)信息圖設(shè)計(jì)師和準(zhǔn)備了解如下的奇葩事實(shí):
2011年最chillwaver(通常是指大量使用合成聲校,并且不斷的循環(huán)音效,做成一種比一般電子舞曲更輕更飄逸更連綿不絕的一種音樂(lè))的樂(lè)隊(duì)是誰(shuí)?是因?yàn)殚_(kāi)車(chē)才會(huì)變胖?美國(guó)五大整形手術(shù)是哪些?他們甚至可能揭露一個(gè)變態(tài)的數(shù)據(jù):例如在民間故事中鸛(guan)和小孩之間的因果關(guān)系(白鸛在歐洲是好運(yùn)的象征,它們被認(rèn)為是送子鳥(niǎo))。數(shù)據(jù)顯示如果一個(gè)小鎮(zhèn)有更多的鸛,那么就會(huì)有更多的孩子誕生在那個(gè)地方。不過(guò)土地面積卻是影藏的變量:更大的小鎮(zhèn),擁有更多的孩子,和,當(dāng)然,更多的鸛也居住在那里。(來(lái)源:199IT)