視覺界面信息可視化設(shè)計(jì)交互式研究

董文

摘要：信息可視化（英文：Information visualization）是一門跨學(xué)科的設(shè)計(jì)領(lǐng)域，旨在研究大規(guī)模非數(shù)值型信息資源的視覺呈現(xiàn)，以及利用圖形圖像方面的技術(shù)與方法，幫助人們理解和分析數(shù)據(jù)。可視化是基于人們的認(rèn)知活動(dòng)和對(duì)信息的再理解過程，它強(qiáng)調(diào)的將那些復(fù)雜、不可視的事物向可視的轉(zhuǎn)變。信息可視化技術(shù)的研究和它在信息傳播中的應(yīng)用，為生活在數(shù)字信息時(shí)代的我們帶來了便捷，打破了傳統(tǒng)的紙媒體和文本信息的傳播形式，引發(fā)了根本性的讀取信息的大變革。尤其是動(dòng)態(tài)信息可視化技術(shù)和交互技術(shù)的結(jié)合，給用戶帶來前所未有的視覺感受，同時(shí)也給用戶帶來了接收信息的快感。

關(guān)鍵詞：信息可視化；視覺界面；交互

俗話說：“一圖抵過萬語(yǔ)千言”，交互式信息可視化設(shè)計(jì)作為現(xiàn)在視覺界面?zhèn)鬟_(dá)信息的新方式被越來越多的領(lǐng)域所應(yīng)用，它加深了人們對(duì)其表現(xiàn)出來的信息數(shù)據(jù)和新聞事件的理解，與此同時(shí)，使得界面上的抽象信息的呈現(xiàn)成為一種美麗、連貫和敘述性的事物。如何在應(yīng)用新的設(shè)計(jì)語(yǔ)言和技術(shù)的同時(shí)，準(zhǔn)確地把握信息內(nèi)容并向受眾傳播；如何將視覺界面的整個(gè)可視化做到顏色、圖形、圖案和獲取信息方式的合理性組合在一起；如何順應(yīng)受眾的認(rèn)知和體驗(yàn)需求，進(jìn)一步促進(jìn)信息可視化的設(shè)計(jì)，是我們?cè)谛畔r(shí)代背景下應(yīng)該思考的問題。視覺界面交互式信息可視化不僅展現(xiàn)了信息之間的趣味聯(lián)系，同時(shí)通過與人的互動(dòng)增強(qiáng)了信息的關(guān)聯(lián)性和親和度，我們期待更多富有人性化的信息可視化形式出現(xiàn)在我們的生活中。

1. 信息可視化概述

信息可視化（英文：Information visualization）是一門跨學(xué)科的設(shè)計(jì)領(lǐng)域，旨在研究大規(guī)模非數(shù)值型信息資源的視覺呈現(xiàn)，以及利用圖形圖像方面的技術(shù)與方法，幫助人們理解和分析數(shù)據(jù)?？梢暬腔谌藗兊恼J(rèn)知活動(dòng)和對(duì)信息的再理解過程，它強(qiáng)調(diào)的將那些復(fù)雜、不可視的事物向可視的轉(zhuǎn)變。

信息可視化（Information Visualization）是在計(jì)算機(jī)協(xié)助下，通過對(duì)數(shù)據(jù)可見的、 交互的表示，從而洞察數(shù)據(jù)，發(fā)現(xiàn)信息并利用圖像圖形學(xué)方面的技術(shù)與方法，向人們傳遞信息，幫助人們跟好的理解數(shù)據(jù)。

2. 視覺界面信息可視化的交互式設(shè)計(jì)分析

交互設(shè)計(jì)（Interaction Design）作為一門關(guān)注用戶交互體驗(yàn)的新學(xué)科產(chǎn)生于二十世紀(jì)八十年代，是由IDEO的一位創(chuàng)始人比爾·莫格里奇在1984年一次設(shè)計(jì)會(huì)議上提出。何為交互設(shè)計(jì)？從用戶角度來說，交互設(shè)計(jì)是一種技術(shù)，它能夠輕松的解釋產(chǎn)品，并使受眾在讀取信息時(shí)感到輕松。首先交互設(shè)計(jì)的前提是要充分了解目標(biāo)受眾想要什么，關(guān)注什么，愛好什么，喜歡哪種方式去進(jìn)行互動(dòng)。還要對(duì)交互的本身進(jìn)行擴(kuò)充，不能局限于單方面的需求還可以結(jié)合多個(gè)領(lǐng)域的溝通，還可以涉及不同的學(xué)科領(lǐng)域。

從而開展對(duì)產(chǎn)品的界面的交互設(shè)計(jì)，讓產(chǎn)品和它的受眾間建立親密的關(guān)系，從而有效傳達(dá)信息給目標(biāo)。這種可視化通過 Flash 或 Dreamweaver等軟件的編程制作，將已經(jīng)轉(zhuǎn)換為圖形語(yǔ)言的數(shù)據(jù)進(jìn)行整合，依據(jù)科學(xué)數(shù)據(jù)以美學(xué)的形式展現(xiàn)，其呈現(xiàn)形態(tài)不僅僅是可以動(dòng)起來的畫面而且觀者可以隨著自己的關(guān)注點(diǎn)來跟媒體上的短片進(jìn)行互動(dòng)，相較視頻信息圖更為靈活。例如新媒介交互體驗(yàn)的案例，這是紐約一家專門為零售店鋪提供界面技術(shù)支援的公司，他們推出的 Perch 產(chǎn)品主要是針對(duì)零售業(yè)店鋪內(nèi)的虛實(shí)互動(dòng)裝置作出規(guī)劃，其實(shí)目前這類的應(yīng)用已經(jīng)很普及化了，一旦顧客拿起一個(gè)產(chǎn)品，更多的信息將被展示出來。以這種別出心裁的互動(dòng)行為展示商品，不僅直接有效的傳遞商品信息，而且吸引了大量購(gòu)買者的目光。從信息可視化角度來說，是通過計(jì)算機(jī)界面這個(gè)媒介，將抽象的信息數(shù)據(jù)用視覺化的形式呈現(xiàn)出來，并形成一種人性化的、方便流暢的人機(jī)交互模式。

3. 視覺界面信息可視化交互式體驗(yàn)

在信息可視化的傳遞和分享過程中，用戶首先看到的是整體數(shù)據(jù)所呈現(xiàn)出來的視覺外觀。區(qū)別與最開始枯燥冗長(zhǎng)的表格形式，信息可視化強(qiáng)調(diào)了它的圖形魅力，與此同時(shí)，使得用戶不會(huì)錯(cuò)過數(shù)據(jù)里所隱藏著的有趣關(guān)系。當(dāng)交互的信息可視化給用戶的第一感受是“簡(jiǎn)潔”或者“炫麗”時(shí)，其實(shí)是信息可視化視覺界面給人的感官體驗(yàn)，這種體驗(yàn)是用戶本能的、即刻的反應(yīng)，隨后上升為一種內(nèi)在的感受。人們?cè)谏钪袩o時(shí)無刻不在體驗(yàn)，只有親身經(jīng)歷的感官體驗(yàn)，才能繼而得到情感上的滿足，在視覺界面中交互式信息可視化提供給用戶的體驗(yàn)主要通過感官、行為、情感的整體作用來共同營(yíng)造。

3.1 感官體驗(yàn)

視覺是人類獲取信息和感知外界的重要途徑?？茖W(xué)研究表明，通過視覺所能獲取的信息量占獲取總信息量的70%，聽覺占20%，其他感覺僅占了10%。人們更容易記住通過圖形、圖像、地圖、動(dòng)畫等視覺形式所呈現(xiàn)出來的信息，因此，視覺界面交互式信息可視化設(shè)計(jì)是信息傳播及發(fā)展的一種必然趨勢(shì)。

信息可視化中的聲音起到了對(duì)視覺圖形界面的豐富和補(bǔ)充，依靠不同的聲音，可以輔助信息可視化的內(nèi)容制造出愉悅、舒緩、神秘、激進(jìn)等氣氛，并能提供給用戶一些對(duì)信息的指引作用。其聲音有兩種形式：（1）在用戶與可視化進(jìn)行信息交互的過程中，聲音起到提示用戶操作準(zhǔn)確性的作用。比如通過用戶選擇、點(diǎn)擊某條信息數(shù)據(jù)，聲音發(fā)出類似于簡(jiǎn)短的鳴笛聲、相機(jī)快門聲、石子落入水中的“撲通”聲等，以此告知用戶已選中或正在打開所選擇的信息，這屬于信息可視化中聲音的功能性作用。（2）另一種聲音元素表現(xiàn)為背景音樂，其作用是通過對(duì)信息可視化特殊主題的情境渲染，令用戶能夠產(chǎn)生沉浸其中之感。當(dāng)用戶全神貫注于可視化氛圍中時(shí)，視覺圖形利用人們視知覺的聯(lián)想，聽覺則進(jìn)一步完善聯(lián)想的真實(shí)性，比如以波浪紋表現(xiàn)時(shí)間及事件的可視化界面，輔以潺潺流水聲，讓人彷佛置身于歷史的長(zhǎng)河中，感受時(shí)間如流水劃過。例如：一個(gè)在線交互式信息可視化，名為The breathing earth。在這里用戶可以看過全球每個(gè)國(guó)家的出生和死亡人數(shù)，以及向大氣排放二氧化碳的數(shù)量。信息可視化的背景音樂一直是類似于下雨的毫無感情色彩的聲音，其節(jié)奏與可視化中二氧化碳排放的頻率相對(duì)應(yīng)，隨著界面中數(shù)值的不斷變化，在聽覺，觸覺和視覺感官共同刺激下，用戶不僅能夠印象深刻，而且也更能體會(huì)到可視化內(nèi)容的寓意。

3.2 行為體驗(yàn)

在界面設(shè)計(jì)中交互式信息可視化提供給用戶的行為體驗(yàn)首先是以可視化的可用性為基礎(chǔ)。比如：可視化傳達(dá)了什么信息含義？它都有什么樣的交互方式？用戶是否能夠清晰理解如何操作？如果信息可視化僅僅停留在表面的美觀和炫麗上，而缺失了其最根本的信息傳達(dá)的功能，那它也只能屬于華麗的軀殼。

從某種意義上來說，信息可視化行為體驗(yàn)中的可用性即它是否能使用戶進(jìn)行操作使用后達(dá)到獲取信息知識(shí)的實(shí)現(xiàn)。多數(shù)信息可視化都能將信息內(nèi)容呈現(xiàn)給用戶，但卻常常由于信息量的雜亂無章、毫無重點(diǎn)，而使用戶陷入更為困難的情境中。因此，為了讓用戶在與信息可視化交互過程中獲得愉悅的行為體驗(yàn)，需要分析用戶的視覺心理特征、行為習(xí)慣以及各國(guó)不同的文化等等，一個(gè)具有設(shè)計(jì)良好的信息可視化首先必須通過可用性測(cè)試，驗(yàn)證是否能夠準(zhǔn)確的傳達(dá)信息并增加信息數(shù)據(jù)的連貫性和易理解性。

信息可視化中的行為體驗(yàn)與功能性和易用性有關(guān)，在視覺界面給人的第一感覺之后，行為層次的設(shè)計(jì)體現(xiàn)的是信息可視化與用戶交互功能的實(shí)現(xiàn)。不同于傳統(tǒng)平面媒體或網(wǎng)頁(yè)中靜態(tài)的可視化形式，交互式的信息可視化在用戶瀏覽時(shí)提供給用戶與信息數(shù)據(jù)一定的交互界面。例如通過放大、縮小、拖拽、點(diǎn)選、圖層控制等方式實(shí)現(xiàn)一系列信息獲取時(shí)的交互過程。界面中信息可視化的交互方式賦予了信息生命特征，體現(xiàn)了視覺界面設(shè)計(jì)的社會(huì)價(jià)值，同時(shí)也豐富了用戶在行為層面的體驗(yàn)。

3.3 情感體驗(yàn)

視覺界面中交互式信息可視化在提供給用戶感官上的數(shù)據(jù)美感和互動(dòng)傳遞信息的基礎(chǔ)上，會(huì)使得用戶產(chǎn)生更深層次的理解、意識(shí)和情感等多種影響?！胺e極的情感增強(qiáng)了創(chuàng)造性和廣度優(yōu)先的思考，而負(fù)面的情感集中在認(rèn)知上，增強(qiáng)深度優(yōu)先處理并把干擾降到最少?！币虼?，當(dāng)可視化的界面令用戶感到喜歡、享受時(shí)，則滿足了他們視覺和心理的需要和期望，這會(huì)令整個(gè)信息獲取和傳遞的過程更為流暢和易用。

把枯燥乏味的數(shù)據(jù)變成有趣美觀的圖形畫面，不僅會(huì)令信息和事件變得清晰，同時(shí)在視覺美感、交互操作帶來的樂趣和愉悅共同作用下能產(chǎn)生更多的共鳴感和探求欲望。

4. 結(jié)論

視覺界面中交互式信息可視化的信息呈現(xiàn)方式不僅滿足了用戶對(duì)知識(shí)以及事件關(guān)的需求，同時(shí)也增加了用戶在互動(dòng)過程中的趣味性和體驗(yàn)感。通過用戶與信息之間的交互改變可視化的視覺界面，使得用戶真正參與到與信息交流的環(huán)節(jié)中，因此，用戶和信息可視化的交互成為了現(xiàn)在信息可視化的核心。與傳統(tǒng)靜態(tài)的信息可視化相比，視覺界面中交互式的信息可視化最突出的是其可交互性、可選擇性，它提供給用戶更多的自由，同時(shí)也加強(qiáng)了信息之間的聯(lián)系。

在交互式信息可視化中，用戶作為信息傳播過程中積極主動(dòng)的尋求者和接收者，他們會(huì)按照自己的興趣點(diǎn)和關(guān)注方向去選擇各種信息，以滿足自己的不同需要。信息可視化的整個(gè)過程更像是用戶去大型超市購(gòu)物，超市盡可能地為用戶提供各類優(yōu)質(zhì)的產(chǎn)品（視覺精彩、交互流暢的可視化設(shè)計(jì)）。交互式信息可視化將主動(dòng)權(quán)交給了用戶自己，在這里用戶不僅僅是信息的解讀者，同樣是信息交流時(shí)的參與者和主導(dǎo)者，而其核心則是如何通過一種更為有效的表現(xiàn)形式將信息傳遞給目標(biāo)用戶，使得用戶在享受視覺“產(chǎn)品”的體驗(yàn)下獲得知識(shí)和信息。

[參考文獻(xiàn)]

[1] 戴立玲等，《信息圖形化基礎(chǔ)》[M]，北京化學(xué)工業(yè)出版社，2004.10

[2] 龍尼·利普頓（美）著，王毅、劉小麓譯，《信息設(shè)計(jì)實(shí)用指南》[M]，上海人民美術(shù)出版社，2008

[3] 戴維·達(dá)博納，阿諾基·凱西（英）著，湯凱青譯，《新編英國(guó)平面設(shè)計(jì)基礎(chǔ)教程》[M]上海人民美術(shù)出版社，

[4] 廖宏勇、張小綱編著，《信息編排設(shè)計(jì)》[M]，北京大學(xué)出版社，2011.8

[5] 魯曉波、詹炳宏編著，《數(shù)字圖形界面藝術(shù)設(shè)計(jì)》[M]，清華大學(xué)出版社，2006.4

[6] 王令中著，《視覺藝術(shù)心理》[M]，人民美術(shù)出版社.2005.8

[7] 魯?shù)婪颉ぐ⒍骱Ｄ罚溃┲?，滕守堯、朱疆源譯，《藝術(shù)與視知覺》[M]四川人民出版社，，1998.3

[8] Jeff Johnson（美），著，張一寧譯，《認(rèn)知與設(shè)計(jì)—理解UI設(shè)計(jì)準(zhǔn)則》[M]，人民郵電出版社，2011

[9] Robert Spence（英）著，陳雅茜譯，《信息可視化交互設(shè)計(jì)》[M]，機(jī)械工業(yè)出版社，2012

[10] 覃京燕，信息可視化中交互設(shè)計(jì)方法探析[J]，裝飾，2007

[11] 吳橋，動(dòng)態(tài)設(shè)計(jì)—新媒介條件下的視覺傳達(dá)[J]，新視覺藝術(shù)，2009

[12]李韋，信息圖形化——淺談圖形在人機(jī)交互用戶界面設(shè)計(jì)中的重要性，[J]，開封教育學(xué)院學(xué)報(bào)，2006.

[13] 王賽蘭，論交互設(shè)計(jì)中的信息可視化[J]，產(chǎn)業(yè)與科技論壇，2012.

[14]龍娟娟，信息圖形設(shè)計(jì)中的情感因素[D]，中央美術(shù)學(xué)院碩士學(xué)位論文，2010

[15] 張尤亮，信息圖形設(shè)計(jì)—信息圖形設(shè)計(jì)在視覺傳達(dá)領(lǐng)域中的應(yīng)用[D]，中央美術(shù)學(xué)院碩士學(xué)位論文，2010

注：視覺界面信息可視化設(shè)計(jì)交互式研究為湖北經(jīng)濟(jì)學(xué)院法商學(xué)院2016年校級(jí)科研項(xiàng)目編號(hào)2016k18科研課題。

（作者單位：湖北經(jīng)濟(jì)學(xué)院法商學(xué)院，湖北 武漢 430205）