[摘要] 網站的界面設計是伴隨著計算機互聯(lián)網絡的產生而形成的視聽設計的新課題，本文詳盡介紹了網站可用性設計的內涵及網站界面設計的相關元素，并從用戶的角度來探討網站可用性界面設計的原則和未來的發(fā)展趨勢。

[關鍵詞] 網站 可用性 界面設計

隨著時代的發(fā)展，網站的建設越來越接近于一門藝術而不僅僅是一項技術，網站的界面設計是藝術與技術的高度統(tǒng)一，是伴隨著計算機互聯(lián)網絡的產生而形成的視聽設計的新課題。同時，網站的界面設計需強調交互過程，即一方面是網站的信息傳達，另一方面是用戶（人）的接受與反饋，對網站的信息都能動地認識與把握。即網站的可用性界面設計是一個人性化的課題。

一個好的網站應該有：非常好看的設計、友好的界面、毫無缺點的結構、智能化的后臺處理、非常優(yōu)秀的內容以及優(yōu)良快捷的交互性。即網站的建設具有交互性與持續(xù)性、藝術與技術結合的緊密性等特點。網站的可用性界面設計在e時代十分重要。

一、可用性的內涵

可用性是一個多因素概念，涉及到容易學習、容易使用、系統(tǒng)的有效性、用戶滿意，以及把這些因素與實際使用環(huán)境聯(lián)系在一起針對特定目標的評價。如Shakel（1991）對可用性的定義：可用性是指技術的“能力（按照人的功能特性），它很容易有效地被特定范圍的用戶使用，經過特定培訓和用戶支持，在特定的環(huán)境情景中，去完成特定范圍的任務。”即可用性不僅是涉及到界面的設計，也涉及到整個系統(tǒng)的技術水平。同時可用性是通過人因素反映的，通過用戶操作各種任務去評價的。另外環(huán)境因素必須被考慮在內，在各個不同領域，評價的參數(shù)和指標是不同的，不存在一個普遍適用的評價標準。我們應多從用戶操作心理角度分析可用性的含義。再有要考慮非正常操作情況。例如用戶疲勞、注意力比較分散、緊急任務、多任務等具體情況下的操作。一般說，可用性被表達為“對用戶友好”，“直觀”，“容易使用”，“不需要長期培訓”，“不費腦子”等。

從心理學的角度看，可用性的基本含義是：

1.網站的設計能夠使用戶把知覺和思維集中在自己的任務上，可以按照自己的行動過程進行操作，不必分心在尋找人機界面的菜單或理解網站結構、人機界面的結構與圖標含義，不必分心考慮如何把自己的任務轉換成計算機的輸入方式和輸入過程；

2.用戶不必記憶面向計算機硬件軟件的知識；

3.用戶不必為手的操作分心，操作動作簡單重復；

4.在非正常環(huán)境和情景時，用戶仍然能夠正常進行操作；

5.用戶理解和操作出錯較少；

6.用戶學習操作的時間較短。

其中：

有效性 ——指用戶完成特定任務和達到特定目標時所具有的正確和完整程度；

效率 ——指用戶完成任務的正確和完整程度與所使用資源（如時間）之間的比率；

滿意度 ——指用戶在使用操作過程中所感受到的主觀滿意和接受程度。

二、網站的界面設計

界面的說法以往常見于人機工程學中?！叭藱C界面”是指人機間相互施加影響的區(qū)域，凡參與人機信息交流的一切領域都屬于人機界面。 從心理學意義來分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個層次。網站界面設計的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負擔；保持界面的一致性。

通常一個網站界面的元素包括界面主顏色、字體顏色、字體大小、界面布局、界面交互方式、界面功能分布、界面輸入輸出模式。其中，對用戶工作效率有顯著影響的元素包括：輸入輸出方式、交互方式、功能分布，在使用命令式交互方式的系統(tǒng)中，命令名稱、參數(shù)也是界面元素的內容，如何設計命令及參數(shù)也很重要。影響用戶對系統(tǒng)友好性評價的元素則有：顏色、字體大小、界面布局等，這種劃分不是絕對的，網站界面作為一個整體，其中任何一個元素不符合用戶習慣、不滿足用戶要求都將降低用戶對網站的認可度，甚至影響用戶的工作效率，而使用戶最終放棄登陸使用該網站。圍繞界面元素所要達到的設計目的是讓最終用戶能夠獲得美感、提高工作效率、易于操作使用系統(tǒng)。

界面設計在工作流程上分為結構設計、交互設計、視覺設計三個部分。結構設計Structure Design是界面設計的骨架；交互設計 Interactive Design的目的是使網站讓用戶能簡單使用，如操作錯誤時，系統(tǒng)提供針對性的提示；同一種功能可以用鼠標，也可用鍵盤操作；具有導航功能，用戶能知道自己當前的位置，使其做出下一步行動的決定等；視覺設計Visual Design是要達到用戶愉悅使用的目的，包括色彩、字體、頁面等。如提供默認（default）、撤銷（undo）恢復（redo）的功能；盡量使用真實世界的比喻，如：電話、打印機的圖標設計；依賴認知而非記憶，如打印圖標的記憶、下拉菜單列表中的選擇；網站上所有的圖像、文字，包括背景顏色、區(qū)分線、字體、標題、注腳等，都統(tǒng)一風格，貫穿全站；在網站設計的配色中，盡量控制在三種色彩以內，以避免花、亂、沒有主色的顯現(xiàn)。背景和前文的對比盡量大，突出主要文字內容，使用戶在瀏覽信息的時候不會覺得累；同樣功能用同樣的圖形等。

三、網站的可用性界面設計原則

1.網站的設計形式與網站的內容要統(tǒng)一。什么樣的網站，應該有什么樣的設計，設計是為網站的主題服務的。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現(xiàn)方式。內容決定形式，形式反作用于內容。網站設計所追求的形式美，必須適合網站主題的需要，這是基本的前提。例如，百度作為一個搜索引擎，首先要實現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個個人網站，可以只體現(xiàn)作者的設計思想，或者僅僅以設計出“美”的“個性化”網頁為目的，它的主題就是——“美與個性”。 深入領會網站主題的精髓，再融合自己的思想感情，找到一個完美的表現(xiàn)形式，才能體現(xiàn)出網站設計獨具的分量和特有的價值。只有通過認真設計和充分的考慮來實現(xiàn)全面的功能并體現(xiàn)美感才能實現(xiàn)網站設計形式與網站內容的統(tǒng)一。

2.交互性和可持續(xù)性的體現(xiàn)。網站它不是一個被動的媒體。網站具備大多數(shù)媒體所不具備的特殊性：用戶的選擇和主動性。訪問網站和看電視的最大區(qū)別是訪問網站需要根據(jù)用戶的主動選擇， 瀏覽網站的內容根據(jù)用戶的個人喜好，在眾多的連接和下拉菜單中選擇用戶自己喜歡或者關心的內容或者連接到另外一個站點。因此，現(xiàn)在很多的網站有著非常漂亮的圖形界面，豐富的媒體格式和在線游戲等。同時網頁設計人員必須根據(jù)網站各個階段的經營目標，配合網站不同時期的經營策略，以及用戶的反饋信息，經常地對網頁進行調整和修改。例如，為了保持瀏覽者對網站的新鮮感，很多大型網站總是定期或不定期的進行改版，這就需要設計者在保持網站視覺形象一貫性的基礎上，不斷創(chuàng)作出新的網頁設計作品。

另外，構建合理的網站組織結構，讓瀏覽者對網站提供的巨量信息感到條理，建立完善的包括站點索引、幫助頁面、查詢功能在內的導航系統(tǒng)等。由于超級鏈接的出現(xiàn)，網站的組織結構更加豐富，瀏覽者可以在各種主題之間自由跳轉，從而打破了以前人們接收信息的線性方式。例如，可將網站頁面的組織結構分為序列結構、層次結構、網狀結構、復合結構等。但網站頁面之間的關系過于復雜，不僅使瀏覽者檢索和查找信息增加了難度，也給設計者帶來了更大的困難。為了讓瀏覽者在網站上迅速找到所需的信息，設計者必須考慮快捷而完善的導航設計。 網站導航要清晰， “您所在位置”在大型網站中是不可缺少的一部分，其作用表明您現(xiàn)在所處在的位置，使用戶不會不知東西南北迷失在網站中。其次還有讀者進入目的頁的點擊次數(shù)，不能超過三次。在大型的行業(yè)網站里面主導航條最好是用文字形式，避免使用圖片或Flash做導航條等。

四、網站的可用性界面設計的發(fā)展趨勢

網站的可用性界面設計的目的是使網站讓用戶能簡單的、愉快的、方便的使用。網站是傳播信息的載體，它要表達的是一定的內容、主題和意念，在適當?shù)臅r間和空間環(huán)境里為人們所理解和接受，它以滿足人們的實用和需求為目標。要使網站從形式上獲得良好的誘導力，鮮明地突出訴求主題，具體可以通過對網站的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。

另外，多種媒體技術的綜合運用是提高網站藝術性的方法之一，是未來的發(fā)展方向。 網站中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，目前國內有些網站已經出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術的改進和流（Stream）技術的推動下，Internet網上也已出現(xiàn)了實時的音頻和視頻服務，典型的有在線音樂、在線廣播、網上電影、網上直播等。

再有，網絡技術與藝術創(chuàng)意的緊密結合是開創(chuàng)網站優(yōu)良的可用性界面設計的必經之路！它使網站的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間聽覺藝術，接近電影或電視的觀賞效果。技術發(fā)展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。網站設計者應該積極主動地掌握現(xiàn)有的各種網絡技術規(guī)律，注重技術和藝術緊密結合，全面使用大腦，設計得到一個更具可用性的站點，滿足瀏覽者對網站信息的高質量需求。

參考文獻:

[1]UI界面設計的需求分析方法 http://:www.51UI.CN

[2]馬月:網站界面設計.北京理工大學出版社，2006年8月

[3]關于網站結構和交互性的探討.http://www.jtr.cn