淺析交互設(shè)計(jì)中的信息可視化

王靜

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

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

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

二、交互設(shè)計(jì)的基本原則

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

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

三、信息可視化中交互設(shè)計(jì)

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

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

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

3、信息元素的正確表示。信息是抽象的，因此每一條信息應(yīng)該有一個(gè)最能夠代表其含義的視覺(jué)元素來(lái)表示它?？梢圆捎煤?jiǎn)單的幾何圖形，也可以采用圖標(biāo)，甚至照片。如青蛙公司開(kāi)發(fā)的“Rethink”學(xué)習(xí)軟件。這是一個(gè)由各個(gè)學(xué)科相互間關(guān)系構(gòu)造出來(lái)的知識(shí)樹(shù)“TheKnowledge Tree”，每一個(gè)方塊都是一門(mén)學(xué)科。為了使含義明確，青蛙公司用一幅經(jīng)典的照片來(lái)表示各學(xué)科。

4、合理的工具設(shè)置或操作方式的設(shè)計(jì)。用戶需要一定的操作或工具的幫助才能完成與可視化界面的交互。這些工具應(yīng)當(dāng)放在最為順手的地方，便于獲取。工具本身也應(yīng)該是最自然的操作方式。知識(shí)樹(shù)左上角的智慧滑塊“Brain Slider”，一改普通的下拉框形式，學(xué)生通過(guò)簡(jiǎn)單的滑動(dòng)，可以輕松進(jìn)行知識(shí)的“調(diào)頻”，把更深層次的學(xué)科顯示出來(lái)。

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

四、交互設(shè)計(jì)的發(fā)展方向

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

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

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

五、結(jié)論

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