信息圖表設(shè)計中的交互性探究

孫琦

【摘要】 信息圖表設(shè)計是一種新型建構(gòu)信息的表現(xiàn)形式，而設(shè)計師則是借助秩序的限定、邏輯的分層，以清晰、美觀的方式呈現(xiàn)給受眾以信息。交互技術(shù)建構(gòu)的設(shè)計語境使得信息圖表設(shè)計較之傳統(tǒng)的視覺傳達(dá)設(shè)計更具復(fù)雜性和多元性。面對交互技術(shù)的背景，信息圖表設(shè)計要充分運用信息傳播模式的交互性、數(shù)字化與程序化優(yōu)勢、動態(tài)圖表的延展功能等來提升受眾對信息圖表的認(rèn)知效率，推動信息圖表的傳播與發(fā)展。

【關(guān)鍵詞】 信息圖表；交互；認(rèn)知效率

[中圖分類號]J50 [文獻(xiàn)標(biāo)識碼]A

信息圖表設(shè)計運用視覺元素組合構(gòu)架，對數(shù)據(jù)、文本等信息進(jìn)行再度加工與創(chuàng)造，通過提煉、組織、歸納等手段，使繁雜、枯燥、難以理解的文本和數(shù)據(jù)，轉(zhuǎn)化為具有邏輯秩序與視覺秩序的可視化形態(tài)，幫助受眾高效地理解文本與數(shù)據(jù)所要傳達(dá)的發(fā)展趨勢、差別和變化。信息圖表設(shè)計作為信息設(shè)計學(xué)科中的一個分支，與符號學(xué)、統(tǒng)計學(xué)、心理學(xué)等學(xué)科交叉，涵蓋面廣泛。在交互技術(shù)條件下的視覺傳達(dá)領(lǐng)域，信息圖表設(shè)計日益作為一種重要的顛覆傳統(tǒng)視覺傳達(dá)設(shè)計存在語境的設(shè)計表達(dá)，以其明晰美觀的秩序性、架構(gòu)分明的邏輯性，突破二維平面性等方面的優(yōu)越功能，受到越來越多視覺傳達(dá)設(shè)計領(lǐng)域的普遍關(guān)注，成為信息社會中的顯學(xué)。

在交互技術(shù)介入視覺設(shè)計前，視覺設(shè)計慣常依托的文本傳播、聲音傳播、圖像傳播等，從廣泛意義上說均為單向傳播。而今，信息圖表設(shè)計在數(shù)字媒介的推動下，其傳播的交互性是大勢所趨。

一、信息傳播模式的交互性是基礎(chǔ)

借助于網(wǎng)絡(luò)在線設(shè)計終端和日新月異的交互設(shè)備，傳統(tǒng)的信息傳播模式：信源-編碼器-信道-信宿在各個階段都可以實現(xiàn)這種交互性，特別是作為編碼器的設(shè)計師和作為信宿的消費者的角色可以相互轉(zhuǎn)換和交替，共同促成作品所承載的技術(shù)、語義和審美信息更完整地表述與傳達(dá)。消費者參與到信息圖表設(shè)計的過程中來，“分享研究的過程和結(jié)果的時候，因為能夠提高客觀的理解度，所以對于設(shè)計的概念以及產(chǎn)品的認(rèn)同就比較容易得到”[1]207，在此過程中，消費者承擔(dān)了一部分設(shè)計師的角色。除此之外，信息圖表設(shè)計可以借助在線設(shè)計功能，讓消費者自行生成目標(biāo)信息圖形，此時，消費者既是信息的傳播者，又成為了信息的受傳者。在這其中，消費者經(jīng)由和作品之間的直接互動、參與，改變了作品的影像、造型，甚至意義?！霸O(shè)計師以不同的方式來引發(fā)作品的轉(zhuǎn)化——觸摸、空間移動、發(fā)聲等。在這些互動作品中，觀眾可以隨時扮演各種不同的身份，得到他所需要的信息體驗?！盵2]257比如，我們可以在圖表中運用最為簡便的鼠標(biāo)懸停技術(shù)來實現(xiàn)信息交互：通過單元格懸停，獲得用戶滑過的指標(biāo)名稱來驅(qū)動條件格式突出顯示和圖表切換；通過圖表懸停，獲得用戶滑過的數(shù)據(jù)點來驅(qū)動動態(tài)圖表的突出顯示；等等。由網(wǎng)易沸點工作室基于Device 6游戲設(shè)計的“紀(jì)念哈利波特的魔法世界20周年”H5的設(shè)計中，不同方向的滑動、長按、選擇觸碰、聲音切入、點擊、觸摸屏幕時的文字與圖形變化，都是為了實現(xiàn)觀眾與作品之間的有效交互。因此，在信息傳播模式中，設(shè)計師和消費者的角色邊界不再那么鮮明和不可逾越，現(xiàn)代視覺設(shè)計所提倡的設(shè)計的可能性，即一種更廣闊領(lǐng)域的包容性設(shè)計，也就能在信息圖表領(lǐng)域真正付諸實行。

二、信息的數(shù)字化與程序化是優(yōu)勢

傳統(tǒng)視覺圖形大多注重質(zhì)性傳達(dá)，對表現(xiàn)量化信息具有先天的不足，而交互技術(shù)背景下，大眾對視覺圖形的量化需求又比任何時代都迫切，一些科學(xué)家、數(shù)學(xué)家、程序設(shè)計師、工程師的加入，使信息數(shù)字化的這種需求具備可實現(xiàn)性。通過數(shù)字技術(shù)，將傳統(tǒng)媒介包括文字、圖形、色彩、材質(zhì)、聲音、氣味等進(jìn)行數(shù)字化遷移，能將信息圖表的交互性傳達(dá)得更為迅捷。設(shè)計師可以通過數(shù)字掃描、激活、編碼，甚至錄制等手段來對視覺、聽覺、圖像等信息進(jìn)行數(shù)字化或程序化設(shè)計，使之在最大程度上易于數(shù)字傳播。無論是信息的數(shù)字化還是程序化，“都是以數(shù)字的形式來傳遞信息，這相對于傳統(tǒng)的物理介質(zhì)來說具有明顯的開放、共享、交互的特征”[3]49-51。隨著計算機(jī)技術(shù)的不斷提升，出現(xiàn)了Flash、Processing、Prefuse、Modest Maps等信息處理工具，信息的數(shù)字化與程序化變得更易實現(xiàn)。德斯托設(shè)計公司以算法圖像在圖表設(shè)計界獲得過廣泛贊譽(yù)，這個團(tuán)隊推出的信息圖表是典型的運用數(shù)字化與程序化對復(fù)雜信息作出的有效的視覺解讀，因為眾所周知，算法法則并非是大眾能普遍理解的，而德斯托公司所提供的視覺化解讀則成功地給受眾一種觸碰甚至進(jìn)一步認(rèn)知深邃學(xué)科的渠道，為他們提供有效的路徑得以完成這種跨界解讀（圖1）。值得一提的是，現(xiàn)今不斷更新的虛擬技術(shù)讓交互媒介不再停留在拓展空間的范疇之內(nèi)，而是將空間的向度直接廢棄，致力于面對面的人際互動，甚至是非接觸性的虛擬的體驗。在數(shù)字技術(shù)條件下，虛擬現(xiàn)實將“參觀者與外部環(huán)境完全隔離，通過三維物體的使用增強(qiáng)感染力，將實物空間擴(kuò)展到了幻覺空間中。在虛擬現(xiàn)實中，創(chuàng)作者打造了一個人造世界，并且讓圖像空間成為這個世界的全部，或者說至少讓人造世界充滿參觀者的整個視覺范圍”[4]174。通過合理使用數(shù)字技術(shù)，信息設(shè)計師可以超越二維平面甚至空間，創(chuàng)造出一個包羅萬象的圖表體驗環(huán)境，一方面使參觀者沒有其他選擇地投身其中，另一方面也因為其整體性，令參觀者在感官和認(rèn)知上都與圖表媒體融合在一起。隨著機(jī)器界面、網(wǎng)真技術(shù)、圖形處理軟件的日新月異，“在交互設(shè)計方面，能夠讓人擁有全方位體驗的全新圖像空間正在被創(chuàng)造出來。這些將有助于過程性情境，并可以刺激各種形式的表現(xiàn)方式”[4]175，促成更深入的交互體驗。

三、動態(tài)圖表使交互更易延展

信息設(shè)計是將信息轉(zhuǎn)化為“形”，一種可視的形，因而設(shè)計師應(yīng)關(guān)注作為一種對非物質(zhì)功能與信息之間關(guān)系的“形”的設(shè)計表達(dá)。在信息圖形中使用動態(tài)圖表，可以發(fā)揮這種“形”的延展，從而形成人與圖表之間的信息交互。因為動態(tài)圖表超越了二維的平面、三維的立體領(lǐng)域，加進(jìn)了第四維的時間性，能夠?qū)崿F(xiàn)信息圖表由靜態(tài)向動態(tài)的轉(zhuǎn)變，進(jìn)而將受眾的觀感得到有效的調(diào)動。同時，在動態(tài)圖表中，信息常常采用非線性結(jié)構(gòu)進(jìn)行組織，敘事方式也較傳統(tǒng)更為自由，可以在圖表中的不同信息之間進(jìn)行跳轉(zhuǎn)，讓不同模塊或不同層級的信息建立起有效的聯(lián)系，使信息互為補(bǔ)充，達(dá)到擴(kuò)容的目的。一個名為InfoSky的可視化文檔庫（圖2），它為用戶瀏覽和搜索提供的交互是行之有效的。該可視化作品運用銀河系的隱喻來表示文件庫及文件，并運用望遠(yuǎn)鏡的隱喻通過變量放大和語義縮放來實現(xiàn)在細(xì)節(jié)層次上的探索。用戶與文檔庫的交互簡單且在任何層次上具有高度一致性?！霸跇?biāo)簽上單擊鼠標(biāo)左鍵將觸發(fā)到下一層次的語義縮放，單擊鼠標(biāo)右鍵實現(xiàn)回溯。按下鼠標(biāo)左鍵不放導(dǎo)致連續(xù)語義縮放以幫助用戶迅速到達(dá)某個已知位置。每層上的層次結(jié)構(gòu)使得每個集合保持一定的邊界形狀，從而易于記憶?！盵5]164-166這個系統(tǒng)操作界面充滿互動，體驗感強(qiáng)，關(guān)鍵節(jié)點的動態(tài)化遷移能使受眾感興趣的信息從大量復(fù)雜的信息庫存中顯現(xiàn)出來，大大提升了信息圖表的可讀性與趣味性，使受眾在接受信息的同時，又能主動探索并獲取相關(guān)圖表信息。

信息圖表的動態(tài)化形式多樣，比如音頻、視頻、動畫和交互等，這些動態(tài)化形式的實現(xiàn)，可以依據(jù)一些現(xiàn)成的動態(tài)軟件、非線性編輯技術(shù)等加以解決，拓寬了信息圖形在認(rèn)知上的潛能。這些常見的動態(tài)形式在一些電影片頭以及MTV中使用廣泛。比如《Rimind Me》中，主人公從早晨到晚上一天的生活，都用圖表的方式加以呈現(xiàn)，特別是其中切換的交通網(wǎng)絡(luò)、電腦系統(tǒng)、地圖等信息都是通過非線性的切換使原本枯燥、乏味的環(huán)境信息，得到了空間上的無限拓展，增添了信息的趣味性。對于動態(tài)圖表的信息傳達(dá)而言，人與信息之間的互動體驗是全方位的，包含視覺的、聽覺的、心覺的多重體驗與感知。在這種情況下，動態(tài)媒介與受眾的關(guān)系得到了很大的改變，受眾與媒介的互動從傳統(tǒng)的被動接受轉(zhuǎn)化為主動參與甚至操控，因此受眾與信息之間的互動體驗就變得更為自覺。這種方式更易于受眾從主觀凝視角度對他所關(guān)照的信息進(jìn)行個性化的深層意義解讀。同時動態(tài)圖表較之靜態(tài)圖表具有更生動的形象展示性，從視覺和聽覺全方位刺激受眾的感官，具備更強(qiáng)的空間敘事性和更有效的交互性，幫助我們思考、記憶、增進(jìn)認(rèn)知、加速溝通。在信息圖表課題“南京書店”中，顧孟源和張繼強(qiáng)的方案《南京書香》（圖3）通過現(xiàn)有的html5平臺，實現(xiàn)了圖表翻頁微信場景，將文字與圖形分批展示，既拉長了觀者閱讀的時間，讓閱讀慢下來，又將閱讀的視線作了有效的導(dǎo)引。這個方案的亮點是通過二維碼的閃爍，提示觀者進(jìn)行掃描，進(jìn)而從主頁面切換至VR模式將一些典型書店的內(nèi)部環(huán)境作立體的展現(xiàn)，讓觀者身臨其境；然后又通過關(guān)閉符號將觀者的視線從這種非線性展示中拉回至當(dāng)前的敘事圖表中，體驗感極強(qiáng)。觀者在翻頁過程中實時捕捉并切換關(guān)鍵圖表，觀者的認(rèn)知視野與觸角在此方案中得到了最大程度上的拓展與延伸，因而對書店信息的讀取從宏觀到微觀，更為動態(tài)、立體與全面，不失為學(xué)生作品中的一個佳作。

四、受眾的認(rèn)知效率是核心

在信息圖表設(shè)計中運用信息交互的核心在于提高受眾的認(rèn)知效率。信息有一個度量問題，信息量即信源中的信息含量。美國數(shù)學(xué)家申農(nóng)和維納指出人們獲得信息就是消除某些不確定性，使人們的認(rèn)識從無序轉(zhuǎn)為有序，即人們獲得的信息越多，那么其認(rèn)知的有序程度也越增加。信息圖表設(shè)計并不只是讓信息變得簡化，最重要的是表現(xiàn)信息之間的各種關(guān)聯(lián)。信息圖表設(shè)計從一開始便融合了不同的學(xué)科資源，要清晰傳達(dá)各類不同信息，復(fù)雜性從一開始就已被明確地提出。而這種復(fù)雜性不是隨意的重復(fù)疊加，而是一種優(yōu)化的整合。從信息論的角度來看，要實現(xiàn)信息圖表傳播效率的最大化，最重要的是使圖形及其組織結(jié)構(gòu)能夠最大程度地負(fù)載設(shè)計信息，使信息圖表組織結(jié)構(gòu)秩序化，從而使信息傳播過程更為順暢與有效。

1976年，美國學(xué)者、圖表信息設(shè)計師理查德·烏爾曼首次提出“信息圖表”概念時就將信息圖表設(shè)計看作是“信息架構(gòu)”，他對信息設(shè)計師的定義為：“按照數(shù)據(jù)內(nèi)含對其模式加以組織，從而從紛繁中揭示其意義的個人；創(chuàng)造信息結(jié)構(gòu)或圖示，以幫助他人找到其獨特的知識獲取途徑的人。”[6]30從這個概念闡述中，我們不難發(fā)現(xiàn)信息圖表設(shè)計實際是一種對信息的組織構(gòu)建行為，在這個過程中，我們需要將互動交流過程中人的知覺行為、認(rèn)知心理以及社會因素都納入進(jìn)來進(jìn)行系統(tǒng)設(shè)計。首先，有效的交互基于對環(huán)境和文化的認(rèn)同。奧托·紐拉斯創(chuàng)建Isotype之初，宣稱世界分隔，圖形相連?！靶畔⑹窃O(shè)計傳達(dá)的基礎(chǔ)，文化則是設(shè)計形成的潛在指引。一個圖形的產(chǎn)生絕不是一蹴而就的，它是不斷地被構(gòu)建、重建（或是調(diào)整），直到蘊(yùn)藏在圖形中的所有關(guān)系都能夠被感知到……圖形永不休止，它只是決策過程中的一個時刻而已。”[7]5其次，有效的交互基于經(jīng)驗，但又伴隨時間不斷更新，解決現(xiàn)實問題。盡管信息圖表一旦與受眾的認(rèn)知習(xí)慣契合，就比較容易實現(xiàn)溝通，即要研究人們思維的展開方式、知識構(gòu)架的建構(gòu)方式以及獲取、處理和組織信息量的方式等基于認(rèn)知心理學(xué)的信息，但在遵循一般認(rèn)知心理學(xué)規(guī)律的基礎(chǔ)上，信息圖表的設(shè)計表達(dá)也應(yīng)引導(dǎo)受眾進(jìn)行嶄新的解讀信息與認(rèn)知設(shè)計的行為。設(shè)計師可以依據(jù)設(shè)計策略將圖表意念化，將有限的語匯拓展到無限，使信息具有鮮明的指向性的同時，對圖表信息的認(rèn)讀秩序進(jìn)一步強(qiáng)化，并在圖表的表現(xiàn)方式上構(gòu)筑起受眾的心理空間和想象空間。第三，有效的交互基于符號及集群模塊的系統(tǒng)建立與表述。在符號學(xué)的相關(guān)理論中，我們得知：“設(shè)計的指涉物是生產(chǎn)者和消費者之間、消費者各自之間的關(guān)聯(lián)性節(jié)點，這種關(guān)聯(lián)無論明顯與否，設(shè)計都是以這種關(guān)聯(lián)性節(jié)點來展開工作的。設(shè)計在規(guī)則中的每一次‘變位——造型符號的替換，都會被理解為一種在關(guān)聯(lián)性節(jié)點上的言說?！盵2]288可見，符號起著直抵信息的捷徑作用。圖表的符號化、層次、架構(gòu)、導(dǎo)向和信息設(shè)計等，在實現(xiàn)最佳可讀性中是至關(guān)重要的（圖4）。設(shè)計集群模塊的開發(fā)，也使圖表超越了單向度的局限，逐漸向系列化、多維度、綜合性方向轉(zhuǎn)化，在多向度變化的同時又兼顧統(tǒng)一性，使信息充滿趣味與延伸。這種系統(tǒng)的建立與表述一方面減少了信息丟失，另一方面?zhèn)鬟f了最有價值的信息，實現(xiàn)了信息傳遞的高效性。因此通過邏輯的結(jié)構(gòu)布局，理性的思維組織、跨越語種屏障的符號編碼，以及合理的受眾的視線流誘導(dǎo)，信息圖表的認(rèn)知將變得高效而迅捷。

五、結(jié)論

信息圖表設(shè)計在信息傳達(dá)中的核心是交互，在交互語境下，設(shè)計師和消費者的角色界限變得模糊，信息的數(shù)字化與程序化優(yōu)勢更為鮮明。信息圖表設(shè)計要實現(xiàn)信息圖表傳播效率的最大化，必須依據(jù)設(shè)計策略將圖表分層組合，使信息具有鮮明的指向性的同時，強(qiáng)化圖表信息的認(rèn)讀秩序?！敖换?、參與和交流的概念與觀點占據(jù)了20世紀(jì)藝術(shù)與設(shè)計的核心領(lǐng)域，并在同等程度上影響著作品、接受者和藝術(shù)家。一般來說，這些術(shù)語中包含了一個將藝術(shù)作品由封閉轉(zhuǎn)變?yōu)椤_放、由靜態(tài)客體轉(zhuǎn)變?yōu)閯討B(tài)過程、由沉思性接受轉(zhuǎn)變?yōu)橹鲃訁⑴c的運動。”[4]193作為視覺傳達(dá)設(shè)計的新基因，信息圖表設(shè)計跨越語言屏障、高效傳達(dá)、開放交互潛力的逐步顯現(xiàn)，將會創(chuàng)造信息時代視覺的新圖景。

參考文獻(xiàn)：

[1]（韓）金宣我.美學(xué)經(jīng)濟(jì)力：歐洲設(shè)計師談設(shè)計管理與品牌經(jīng)營[M].北京：電子工業(yè)出版社，2011.

[2]張儒赫，陶然.INFOmedia構(gòu)筑生活——信息設(shè)計與新媒介研究[M].北京：人民美術(shù)出版社，2015.

[3]黃本亮.基于交互語境的平面設(shè)計取向[J].鹽城工學(xué)院學(xué)報（社會科學(xué)版），2012（4）.

[4]（德）魯?shù)婪颉じダ锪郑ǖ拢┑咸貭枴さつ釥査?媒體藝術(shù)網(wǎng)絡(luò)[M].潘自意，陳韻，譯.上海：世紀(jì)出版集團(tuán)、上海人民出版社，2014.

[5]（英）Robert Spence.信息可視化-交互設(shè)計（第2版）[M].陳雅茜，譯.北京：機(jī)械工業(yè)出版社，2011.

[6]歐陽麗莎.信息時代的信息設(shè)計[M].武漢：華中師范大學(xué)出版社，2012.

[7]（英）卡羅琳·奈特，杰西卡·格拉澤.新圖表設(shè)計[M].郭鴻杰，等，譯.上海：上海人民美術(shù)出版社，2011.