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

[關(guān)鍵詞] 網(wǎng)站 可用性 界面設(shè)計

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

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

一、可用性的內(nèi)涵

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

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

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

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

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

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

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

6.用戶學(xué)習(xí)操作的時間較短。

其中：

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

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

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

二、網(wǎng)站的界面設(shè)計

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

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

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

三、網(wǎng)站的可用性界面設(shè)計原則

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

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

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

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

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

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

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

參考文獻:

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

[2]馬月:網(wǎng)站界面設(shè)計.北京理工大學(xué)出版社，2006年8月

[3]關(guān)于網(wǎng)站結(jié)構(gòu)和交互性的探討.http://www.jtr.cn