視覺界面信息可視化設計交互式研究

董文

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

關鍵詞：信息可視化；視覺界面；交互

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

1. 信息可視化概述

信息可視化（英文：Information visualization）是一門跨學科的設計領域，旨在研究大規模非數值型信息資源的視覺呈現，以及利用圖形圖像方面的技術與方法，幫助人們理解和分析數據。可視化是基于人們的認知活動和對信息的再理解過程，它強調的將那些復雜、不可視的事物向可視的轉變。

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

2. 視覺界面信息可視化的交互式設計分析

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

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

3. 視覺界面信息可視化交互式體驗

在信息可視化的傳遞和分享過程中，用戶首先看到的是整體數據所呈現出來的視覺外觀。區別與最開始枯燥冗長的表格形式，信息可視化強調了它的圖形魅力，與此同時，使得用戶不會錯過數據里所隱藏著的有趣關系。當交互的信息可視化給用戶的第一感受是“簡潔”或者“炫麗”時，其實是信息可視化視覺界面給人的感官體驗，這種體驗是用戶本能的、即刻的反應，隨后上升為一種內在的感受。人們在生活中無時無刻不在體驗，只有親身經歷的感官體驗，才能繼而得到情感上的滿足，在視覺界面中交互式信息可視化提供給用戶的體驗主要通過感官、行為、情感的整體作用來共同營造。

3.1 感官體驗

視覺是人類獲取信息和感知外界的重要途徑。科學研究表明，通過視覺所能獲取的信息量占獲取總信息量的70%，聽覺占20%，其他感覺僅占了10%。人們更容易記住通過圖形、圖像、地圖、動畫等視覺形式所呈現出來的信息，因此，視覺界面交互式信息可視化設計是信息傳播及發展的一種必然趨勢。

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

3.2 行為體驗

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

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

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

3.3 情感體驗

視覺界面中交互式信息可視化在提供給用戶感官上的數據美感和互動傳遞信息的基礎上，會使得用戶產生更深層次的理解、意識和情感等多種影響。“積極的情感增強了創造性和廣度優先的思考，而負面的情感集中在認知上，增強深度優先處理并把干擾降到最少。”因此，當可視化的界面令用戶感到喜歡、享受時，則滿足了他們視覺和心理的需要和期望，這會令整個信息獲取和傳遞的過程更為流暢和易用。

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

4. 結論

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

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

[參考文獻]

[1] 戴立玲等，《信息圖形化基礎》[M]，北京化學工業出版社，2004.10

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

[3] 戴維·達博納，阿諾基·凱西（英）著，湯凱青譯，《新編英國平面設計基礎教程》[M]上海人民美術出版社，

[4] 廖宏勇、張小綱編著，《信息編排設計》[M]，北京大學出版社，2011.8

[5] 魯曉波、詹炳宏編著，《數字圖形界面藝術設計》[M]，清華大學出版社，2006.4

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

[7] 魯道夫·阿恩海姆（美）著，滕守堯、朱疆源譯，《藝術與視知覺》[M]四川人民出版社，，1998.3

[8] Jeff Johnson（美），著，張一寧譯，《認知與設計—理解UI設計準則》[M]，人民郵電出版社，2011

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

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

[11] 吳橋，動態設計—新媒介條件下的視覺傳達[J]，新視覺藝術，2009

[12]李韋，信息圖形化——淺談圖形在人機交互用戶界面設計中的重要性，[J]，開封教育學院學報，2006.

[13] 王賽蘭，論交互設計中的信息可視化[J]，產業與科技論壇，2012.

[14]龍娟娟，信息圖形設計中的情感因素[D]，中央美術學院碩士學位論文，2010

[15] 張尤亮，信息圖形設計—信息圖形設計在視覺傳達領域中的應用[D]，中央美術學院碩士學位論文，2010

注：視覺界面信息可視化設計交互式研究為湖北經濟學院法商學院2016年校級科研項目編號2016k18科研課題。

（作者單位：湖北經濟學院法商學院，湖北 武漢 430205）