王靜

隨著信息時代的到來，信息以前所未有的速度呈現(xiàn)在人們的面前。信息可視化是把復雜的信息最快呈現(xiàn)給人們的一種有效方式，可以把數(shù)據(jù)轉化成視覺的形式，并提供良好的交互體驗。如果說互聯(lián)網(wǎng)的本質是信息的傳遞，那么如何讓信息的傳遞更加有效，更加人性化，是交互設計師的工作范疇。好的設計師會把復雜的信息描述得很清楚，使它們能夠被人理解。筆者認為，信息發(fā)出的此端到達信息接收的彼端的過程中，對信息進行可視化設計，是創(chuàng)造有效溝通的橋梁。本文首先探討了信息可視化的概念，然后交互設計的基本原則，最后分析了信息可視化中的交互設計。

一、信息可視化（IV）的概念

信息可視化指的是非空間數(shù)據(jù)的可視化，不但要對海量的數(shù)據(jù)進行存儲、檢索、分類和傳輸，更要了解各個數(shù)據(jù)之間的關系和發(fā)展的走勢，把一些抽象的數(shù)據(jù)用交互視覺的形式展現(xiàn)出來，以此增強數(shù)據(jù)的整體感知力，擴大人們的認知能力和認知水平。信息可視化主要是一種知識的壓縮方式，是一種把很多的信息和相關的知識點壓縮到很小的空間的一種方法。通過信息設計和平面設計的相互交融來解釋概念和功能，并給出一種歸納整合信息的方法，具備了實用性和藝術性。怎樣才能快速、準確的傳達信息并有效地實現(xiàn)海量信息的價值，我們僅僅依靠技術是解決不了的，還需要把信息轉化為有形的設計師。先由設計師解決問題，然后提出自己的設計方案，再通過數(shù)據(jù)的精心策劃以及對數(shù)據(jù)的處理，把這些信息轉化為可視易懂的交互程序，讓信息的受眾盡快地感知、識別。我們通過信息可視化，就能夠從容地面對撲面而來的信息，面對人們的不同需求，不管是引導客戶瀏覽文件，還是幫助人們指引方向，都有助于人們發(fā)現(xiàn)、分析信息中隱含的一些問題，這個時候的數(shù)據(jù)是活的，可視化的圖形也是活的。

二、交互設計的基本原則

信息可視化中交互設計的好壞程度直接會影響到用戶的感受和操作的結果。信息可視化中的交互設計主要包括兩個方面，一個是數(shù)字和數(shù)字的交互，另一個是人和微機的交互。本文主要探討人機交互。在人機交互中主要達到兩個階段性目標：一個是用戶的體驗目標，一個是可用性目標。用戶體驗目標能給客戶帶來舒適和諧的操作體驗，可用性目標主要是基本功能的實現(xiàn)。

我們如果要在信息可視化的過程中實現(xiàn)以上兩個目標，需要設計師和工程師的共同合作，既需要工程師對海量數(shù)據(jù)的特征和結構有著充分的理解，還需要設計師能夠正確地理解用戶的需求，滿足用戶的需要。在數(shù)據(jù)轉化的開發(fā)過程中，我們的工程師們能夠找到自己獨特的算法，以此得到有趣的圖形界面，這種有趣的界面，能夠充分的展示出數(shù)據(jù)之間的關系和結構，甚至還能體現(xiàn)轉化過程的一些細節(jié)，但是這些細節(jié)卻不能被用戶接納。其實用戶根本不需要知道數(shù)據(jù)轉化過程中實現(xiàn)的一些細節(jié)，也不需要知道系統(tǒng)內部的工作機制，只要能操作交互界面，用戶會自我創(chuàng)建一種簡潔的解釋方式，完成對界面的理解就可以，這就是用戶心智模型。只有用戶模型和表現(xiàn)模型相互匹配的時候，這樣設計出的交互界面才簡單易用，才能體現(xiàn)以人為本。

三、信息可視化中交互設計

信息可視化包含兩個過程：一是將數(shù)據(jù)轉化成視覺圖形；二是通過人機交互，用戶控制轉化過程的各個階段以獲取信息。因此，信息可視化中的交互設計應該從原始數(shù)據(jù)的轉換開始，并貫穿于視覺轉換、用戶操作的全過程。設計時應注意以下幾點：

1、對原始數(shù)據(jù)進行篩選。由于信息的龐大，毫無保留地將全部信息呈現(xiàn)給用戶是不合理的。應當根據(jù)設計目的，只挑選最具代表的部分，同時，保留一個途徑以便于用戶訪問更深層次的信息。這映射到視覺表現(xiàn)形式上，則是對空間的合理利用，即如何在有限的空間里顯示無限的信息。如Back Channel交流軟件，它實時顯示發(fā)生在the#eteeh IRC聊天頻道里的對話情況。整個頻道里交流甚多，但系統(tǒng)只抽取最近發(fā)生的500個事件，將這些事件的所有參與者環(huán)繞成圓形。當用戶選取某人時，系統(tǒng)會用色彩突出此人以及與之有交流的人，其他無關者，則保持淺灰色。

2、尋找合乎用戶心智模型的視覺呈現(xiàn)形式。工程師開發(fā)的算法可以獲得新穎的視覺形式，但只有合乎用戶心智的形式才是最自然的。NewYork Times上關于Netflix.com所有DVD電影在各地區(qū)的租售熱度以分布圖顯示，通過頂部滑動條可以租售量緯度選擇不同片子并查看業(yè)績。區(qū)域熱租度已成為除了票房或IMDb評分之外的另一大推薦指數(shù)。

3、信息元素的正確表示。信息是抽象的，因此每一條信息應該有一個最能夠代表其含義的視覺元素來表示它?？梢圆捎煤唵蔚膸缀螆D形，也可以采用圖標，甚至照片。如青蛙公司開發(fā)的“Rethink”學習軟件。這是一個由各個學科相互間關系構造出來的知識樹“TheKnowledge Tree”，每一個方塊都是一門學科。為了使含義明確，青蛙公司用一幅經典的照片來表示各學科。

4、合理的工具設置或操作方式的設計。用戶需要一定的操作或工具的幫助才能完成與可視化界面的交互。這些工具應當放在最為順手的地方，便于獲取。工具本身也應該是最自然的操作方式。知識樹左上角的智慧滑塊“Brain Slider”，一改普通的下拉框形式，學生通過簡單的滑動，可以輕松進行知識的“調頻”，把更深層次的學科顯示出來。

5、幫助用戶發(fā)現(xiàn)問題的設計。好的信息可視化形式，是能夠讓用戶從界面上就能夠發(fā)現(xiàn)問題或規(guī)律。比如色彩的純度可以表示危險度，密度的分布提示用戶趨勢發(fā)展方向。此外，還可以采取一些提示、警告來幫助用戶。如一張倫敦地鐵圖，當用戶選中一個站點，這個站點會移動到中心，這個站點與其它站點之間的直線距離表示的不是它們實際的物理距離，而是要到達這一站點需要花的時間。用戶從中可以發(fā)現(xiàn)，因為各種因素導致了站點間物理距離并不與到達時間成正比。

四、交互設計的發(fā)展方向

1、更加注重各相關要素的組織和整合。設計者對于交互的設計不應停留在各模塊的孤立設計與簡單疊加上，而需要更加注重交互相關要素（如學習者、學習和交互理論、環(huán)境、技術等）的組織和整合，將其作為一個有機的整體進行研究和設計。

2、將更加注重有效情境的創(chuàng)建。學習者所處情境的諸多線索會促使學習者在頭腦中進行相關記憶信息的提取，并與當前環(huán)境相連接，進而完成相應的認知及行為操作。

3、虛擬交互情境創(chuàng)建是其良好解決方案。在線學習環(huán)境下的虛擬情境旨在模擬和再現(xiàn)現(xiàn)實世界中的相關場景。通過設計模擬得到的虛擬情境具有清晰的現(xiàn)實依據(jù)，可為學習者提供更強烈、真實的實踐體驗，學習者、教員等各參與者之間的交互也更自然、高效，從而能促進學習者對所學知識的理解和實際應用。設計者的主要任務是考慮如何將各組成要素進行有效整合，以構建一個高效的交互情境。

五、結論

總之，信息可視化是一個把數(shù)據(jù)轉化為視覺的一個過程，與交互設計結合在一起的有效的可視界面方便我們觀察、交流，可以改變我們的溝通方式。