基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計淺析

林旭怡，邵秋瞳

（中國地質(zhì)大學(xué)（武漢），湖北武漢，430074）

引言

自從進入了信息化時代，人們對科技的依賴逐步增長，科技也逐漸豐富了人們的生活，改變了人們的想法，并為人們提供了源源不斷的信息流。而基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計的出現(xiàn)更加方便了信息科技的傳遞，使人們對信息與科技的作用一目了然。與此同時，設(shè)計的圖案也花樣繁多，極大地改善了人們對科技枯燥乏味的看法。優(yōu)秀的圖案設(shè)計使人們對信息結(jié)構(gòu)更加清晰明了，也使人們在接受信息的過程中有美的享受。信息架構(gòu)下交互界面圖標(biāo)設(shè)計對人類的影響是很大的，同時對信息傳遞和科技發(fā)展也有著不可或缺的重要作用。

1 交互界面設(shè)計的認(rèn)識

社會迅猛發(fā)展到今天，基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計被越來越多的人所熟知，也被越來越廣泛的使用，但是有很多人對作用仍然不夠了解，甚至陌生。其實，基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計就應(yīng)用在我們身邊的每一個地方，每一個細(xì)節(jié)都能看到基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計的影子。

1.1 交互設(shè)計的簡介

當(dāng)今社會在不斷的發(fā)展和完善，出現(xiàn)許多新興職業(yè)，同時也產(chǎn)生了許多看似難懂卻應(yīng)用在我們身邊的詞匯，基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計便是如此，因而很多人對交互設(shè)計的概念不甚理解。那么，什么是交互設(shè)計呢？交互設(shè)計，又稱互動設(shè)計，是用來定義和設(shè)計人造系統(tǒng)行為的設(shè)計領(lǐng)域，它定義了兩個或多個互動的個體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。它的英文縮寫是IXD，或者又被縮寫為IAD。簡單的說，交互設(shè)計是人工制品、環(huán)境和系統(tǒng)的行為，以及傳達(dá)這種行為的外形元素的設(shè)計與定義。其中人工制品就是指人工所設(shè)計和制造而成的物品。我們平時使用的軟件、應(yīng)用的移動設(shè)備、人們制造的環(huán)境、可以佩戴的裝置和可以佩戴裝置的組織結(jié)構(gòu)，這些都屬于人工制品。交互設(shè)計的就在于給人工制品的行為和方式下一個定義，就是說為人工制品在特定場景下反映方式的相關(guān)界面下一個定義。

1.2 交互界面的應(yīng)用

交互界面在我們的日常生活中的應(yīng)用是很廣泛的，例如你上網(wǎng)需要輸入的賬號密碼的界面就是交互界面，而交互界面的應(yīng)用對于網(wǎng)站和信息的發(fā)展也是極為重要的。交互界面是用來支持人們?nèi)粘９ぷ骷皩W(xué)習(xí)的一種交互式產(chǎn)品。相對具體的來講，交互設(shè)計可以給一個創(chuàng)建了新賬號的用戶一種新鮮的體驗和感受，它可以用來增強和拓展人們的工作生活質(zhì)量，以及提供很多通信和相互交流的方法。從廣大使用者的角度來講，交互設(shè)計是可以讓人們在使用產(chǎn)品時身心愉悅，并且能夠明顯感到產(chǎn)品是一種便捷的技術(shù)。它的作用就是能夠讓用戶了解自己想要發(fā)展的用戶的期望，在用戶了解產(chǎn)品的同時，也了解著用戶，了解他們的心里的看法和想要達(dá)成的目的，這樣也能夠更好地發(fā)展自己的企業(yè)。

1.3 交互的基礎(chǔ)方式

交互方式大體分為四種方式，分別是：動作交互、數(shù)據(jù)交互、聲音交互、圖像交互。交互的過程其實就是一個輸入信息和輸出信息的過程，人們通過人機的界面對所應(yīng)用的計算機輸出指令，然后計算機通過搜索和處理等方法后將它的結(jié)果呈獻(xiàn)給需要的用戶。輸入信息和輸出信息的形式不是一成不變的，而是多種多樣的，所以交互的形式也不是千篇一律的，而是多樣化的。交互的基礎(chǔ)方式有平衡5E法，就是有效、效率、易學(xué)、吸引人和容錯性。

1.4 交互設(shè)計的實踐

交互設(shè)計說到底還是要應(yīng)用到具體的實踐中去，交互實踐的開始必然是需要一定的流程。首先想要進行交互實踐必須先要存在一部分的用戶，使交互實踐能夠為人們所應(yīng)用。第二，要找出相對來說比較重要的活動，來進行重點培養(yǎng)。第三，找出用戶的模型，也就是說我們所接觸的用戶對我們的這些活動抱有怎樣的期望，或者說該如何完成這些重要的活動。第四，要對我們找出的這些，結(jié)合相應(yīng)的用戶模型來進行一個大概的設(shè)計問題。第五，設(shè)計好的計劃一定會有很多的缺點不能夠滿足客戶的需求，或者不方便客戶實現(xiàn)目的，這時候就要根據(jù)我們收集來的大數(shù)據(jù)修改這些計劃，讓它變得更加容易，能夠更好的被用戶接受。第六，招一批專業(yè)的實踐人員來模仿用戶，測試所設(shè)計的軟件是否還有一些漏洞。如果有就加緊處理，設(shè)計相應(yīng)的處理方法；如果沒有，就可以投入使用了。

2 基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計

2.1 交互設(shè)計圖標(biāo)的用途

交互設(shè)計圖標(biāo)對于信息非常發(fā)達(dá)的今天來說是十分重要的，其作用可以幫助人們理解信息。它是可以識別的，是可以感知人們的記憶的，是可以用物理加以衡量的。它可以識別形狀、布局、尺寸和色彩，也可以感知用戶語言的意思，色彩所表達(dá)的含義，相對信息的位置，以及不同層級的關(guān)系。還可以用物理來衡量具體的使用流程、點擊的次數(shù)、移動的距離等。

2.2 頁面設(shè)計的重要性

頁面設(shè)計對于基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計來說也是一種能夠讓用戶更好的理解這個網(wǎng)站所傳達(dá)的信息的技術(shù)。對于頁面設(shè)計來說，首先應(yīng)該做到的就是創(chuàng)造一個相對來說比較友好和方便客戶使用的網(wǎng)頁環(huán)境。一個友好和方便的使用環(huán)境可以應(yīng)對現(xiàn)在信息化社會的復(fù)雜競爭。你所制作的頁面越精美越方便易懂，就可以更好的應(yīng)對市場上激烈的競爭，打出自己的品牌，使自己的品牌被更多人接受和認(rèn)可。

2.3 利用頁面圖表傳遞信息

基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計除了方便客戶使用以外，還有一個作用就是傳遞信息。以我們?nèi)粘Ｋ褂玫木W(wǎng)站為例，企業(yè)建立一個我們?nèi)粘Ｋ褂玫木W(wǎng)站，主要的目的是為了向客戶傳遞信息。企業(yè)的類型不一樣，所傳遞給客戶的信息也就存在差異。傳遞的信息不同，相對應(yīng)網(wǎng)站的界面設(shè)計也有所差別。像運動服裝的頁面設(shè)計就是為了傳遞運動時尚，但是，每個運動網(wǎng)站的文化內(nèi)涵卻各不相同，公司企業(yè)大都運用自己傳遞的文化內(nèi)涵吸引客戶。

2.4 圖標(biāo)設(shè)計的要素

圖標(biāo)設(shè)計影響著客戶對信息的接受度和對企業(yè)看法，所以圖標(biāo)設(shè)計是否簡潔對信息傳遞以及企業(yè)發(fā)展有著深遠(yuǎn)影響。圖標(biāo)設(shè)計首先要有自己獨特的創(chuàng)意，要圍繞著目的的策劃、設(shè)計的形式和信息文化三點來設(shè)計。信息和文化決定著目的策劃，而目的策劃又反過來體現(xiàn)和服務(wù)于信息和文化；同時信息和文化確定著設(shè)計形式，設(shè)計形式又美化和服務(wù)于信息和文化；并且設(shè)計的形式服務(wù)和實現(xiàn)于目的的策劃，目的策劃也決定了設(shè)計的形式。

交互設(shè)計 Interactive Design

交互設(shè)計的目的是使產(chǎn)品基于用戶能夠簡單便捷地使用。任何產(chǎn)品功能的實現(xiàn)都是通過人和機器的交互來完成的。因此，人的因素應(yīng)作為設(shè)計的核心被體現(xiàn)出來。交互設(shè)計的原則如下：

（1）有清楚的錯誤提示。誤操作后，系統(tǒng)提供有針對性的提示。

（2） 讓用戶控制界面?！跋乱徊健?、“完成”，面對不同層次提供多種選擇，給不同層次的用戶提供多種可能性。

（3）允許兼用鼠標(biāo)和鍵盤。同一種功能，可以同時使用鼠標(biāo)和鍵盤，提供多種可能性。

（4）允許工作中斷。例如用手機編輯短信時，被其他的短信或電話打斷，處理完仍能夠找到剛才正在編寫的新短信。

（5）使用用戶的語言，而非技術(shù)的語言。

（6）提供快速反饋。給用戶心理上的暗示，避免用戶焦急。

（7）方便退出。如手機的退出，是按一個鍵完全退出，還是一層一層的退出。提供兩種可能性。

視覺設(shè)計 Visual Design

在結(jié)構(gòu)設(shè)計的基礎(chǔ)上，參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進行視覺設(shè)計。包括色彩、字體、頁面等。視覺設(shè)計要達(dá)到用戶愉悅使用的目的。視覺設(shè)計的原則如下：

（1）界面清晰明了。允許用戶定制界面。

（2）減少短期記憶的負(fù)擔(dān)。讓計算機幫助記憶，例：User Name,、Password、IE進入界面地址可以讓機器記住。

（3）依賴認(rèn)知而非記憶。如打印圖標(biāo)的記憶、下拉菜單列表中的選擇。

（4）提供視覺線索。圖形符號的視覺的刺激；GUI（圖形界面設(shè)計）：Where,What,Next Step

3 結(jié)束語

信息架構(gòu)就好像建筑的結(jié)構(gòu)一樣，好的信息架構(gòu)，可以讓使用者更快速、更便利的了解和獲取所需要的資料；不好的信息結(jié)構(gòu)，則會讓人們失去方向，身陷迷宮里。若網(wǎng)站的信息架構(gòu)設(shè)計好，就會有更多的訪問者停留在此，那么就可以提升網(wǎng)站的影響力和價值，但是如果信息架構(gòu)設(shè)計的不好，就要用更多的金錢和時間去彌補訪客的流失。所以信息架構(gòu)設(shè)計影響到了價值的回收和成本的付出。 未來社會是一個信息化的社會，這預(yù)示著快速發(fā)展基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計的重要性，從而使信息化能夠為人們更好的服務(wù)，形成一個信息化時代。

[1]楊麗微.基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計淺析[J].現(xiàn)代經(jīng)濟信息,2015(10):51-52.

[2]沈佳楠.淺談基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計[J].中國市場,2015(08):40-45.

[3]韓秀.淺析基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計[J].中國外資,2014(03):70.

[4]陳豫南.基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計建議[J].商,2013(05):116.

[5]梁欣欣.基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計和改革[J].商,2013(10):105.