電子商務(wù)型網(wǎng)站的可用性界面設(shè)計(jì)探討

摘要：隨著科技的進(jìn)步和電子電子商務(wù)型網(wǎng)站的普遍應(yīng)用，人們使用互聯(lián)網(wǎng)產(chǎn)品己不僅僅關(guān)注需求的滿(mǎn)足，而且越來(lái)越關(guān)心在使用過(guò)程中的體驗(yàn)。文章從用戶(hù)的生理、心理出發(fā)，介紹了網(wǎng)站可用性設(shè)計(jì)的內(nèi)涵及網(wǎng)站界面設(shè)計(jì)相關(guān)元素的交互性，挖掘用戶(hù)瀏覽電子電子商務(wù)型網(wǎng)站的一些目的和要求，探討電子電子商務(wù)型網(wǎng)站可用性界面設(shè)計(jì)的原則和未來(lái)的發(fā)展趨勢(shì)。

關(guān)鍵詞：電子電子商務(wù)型網(wǎng)站；界面設(shè)計(jì)；用戶(hù)可用性；交互性；用戶(hù)體驗(yàn)

隨著時(shí)代發(fā)展，Web2.　0帶來(lái)了交互方式、計(jì)算機(jī)技術(shù)、網(wǎng)頁(yè)界面視覺(jué)設(shè)計(jì)等多方面全新的體驗(yàn)?，F(xiàn)在電子商務(wù)已經(jīng)進(jìn)入可持續(xù)性發(fā)展的穩(wěn)定期，一個(gè)可用性好的電子商務(wù)網(wǎng)站應(yīng)該有非常友好的界面、清晰的結(jié)構(gòu)、智能化的后臺(tái)處理、符合客戶(hù)需求的內(nèi)容以及優(yōu)良快捷的交互性。這樣的電子商務(wù)型網(wǎng)站不僅能給用戶(hù)提供快捷方便的購(gòu)物方式，還能讓人樂(lè)于享受這種方便購(gòu)買(mǎi)的樂(lè)趣。但是目前許多電子商務(wù)型網(wǎng)站做得不夠成熟，用戶(hù)進(jìn)入網(wǎng)站不知道網(wǎng)站能給瀏覽者提供什么服務(wù)，網(wǎng)站缺少易于理解的產(chǎn)品信息，界面不易操作，缺少交互式功能，檢索效率不高，在線付款不方便，沒(méi)有有效的幫助信息等等。因此，設(shè)計(jì)一個(gè)可用性強(qiáng)的網(wǎng)站界面在e時(shí)代十分重要，對(duì)電子商務(wù)公司來(lái)說(shuō)不僅能夠吸引新用戶(hù)、留住老用戶(hù)，而且還能為商務(wù)網(wǎng)站公司獲得豐厚的利潤(rùn)。

一、電子商務(wù)型網(wǎng)站界面設(shè)計(jì)為用戶(hù)需求服務(wù)

電子商務(wù)型網(wǎng)站界面設(shè)計(jì)的要求應(yīng)該充分符合用戶(hù)的需求，以用戶(hù)為中心進(jìn)行界面設(shè)計(jì)的首要任務(wù)就是確定誰(shuí)是網(wǎng)站的目標(biāo)群體。所以在網(wǎng)站項(xiàng)目的開(kāi)始階段，我們就對(duì)用戶(hù)進(jìn)行研究，確定網(wǎng)站目標(biāo)群體，研究用戶(hù)心理特征、用戶(hù)任務(wù)分析、用戶(hù)環(huán)境分析、用戶(hù)需求分析。為了弄清這些問(wèn)題，可以采用問(wèn)卷調(diào)查法、可用性測(cè)試、焦點(diǎn)小組、觀察法等可用性方法。

二、用戶(hù)滿(mǎn)意度、網(wǎng)站易用程度對(duì)電子商務(wù)網(wǎng)站效益至關(guān)重要

網(wǎng)站操作界面是直接與用戶(hù)交流的，如果用戶(hù)第一體驗(yàn)不好，下次就不會(huì)再光顧。研究證明用戶(hù)的滿(mǎn)意度每提升5%，營(yíng)利度就提升25%。所以在網(wǎng)站界面設(shè)計(jì)時(shí)要求以用戶(hù)為中心進(jìn)行組織設(shè)計(jì)和提供服務(wù)，通過(guò)創(chuàng)造性的工作來(lái)體現(xiàn)獨(dú)特的個(gè)性和價(jià)值，使用戶(hù)獲得更大的滿(mǎn)足和成就感。這種情況的產(chǎn)生主要有兩種原因：一是技術(shù)新進(jìn)；另一個(gè)是易于從網(wǎng)上找到所需的產(chǎn)品或服務(wù)以及網(wǎng)頁(yè)吸引用戶(hù)的眼球，進(jìn)而增加繼續(xù)訪問(wèn)。而怎樣設(shè)計(jì)頁(yè)面才能抓住用戶(hù)的眼球？這樣的設(shè)計(jì)應(yīng)該是根據(jù)大多數(shù)用戶(hù)的生理、心理、認(rèn)知等各方面因素的特點(diǎn)和習(xí)慣，設(shè)計(jì)出更符合用戶(hù)感受和體驗(yàn)的視覺(jué)效果，讓用戶(hù)在使用電子商務(wù)網(wǎng)站時(shí)能體會(huì)到良好的可用性，甚至超越用戶(hù)的期望值。

三、電子商務(wù)型網(wǎng)站組成元素的可用性分析

（一）導(dǎo)航和搜索的可用性

電子商務(wù)型網(wǎng)站的導(dǎo)航和搜索最能體現(xiàn)可用性問(wèn)題。導(dǎo)航以及搜索、網(wǎng)站地圖、幫助頁(yè)面在內(nèi)的全局導(dǎo)航系統(tǒng)，　需要精心設(shè)計(jì)讓用戶(hù)充分地了解現(xiàn)在在哪里、去過(guò)哪里、還可以去哪里。這些功能應(yīng)保證在每個(gè)網(wǎng)頁(yè)都可見(jiàn)并在同一位置，這樣用戶(hù)能保持一定的操作可記憶性。電子商務(wù)型網(wǎng)站的目的就是使用戶(hù)產(chǎn)生購(gòu)買(mǎi)的沖動(dòng)，因此有必要采取一些沖動(dòng)導(dǎo)向的導(dǎo)航，比如，我們可以把熱銷(xiāo)和促銷(xiāo)的產(chǎn)品放在比較顯眼的位置，對(duì)于　　一些不是有很清楚瀏覽計(jì)劃的用戶(hù)來(lái)說(shuō)，這種沖動(dòng)的導(dǎo)向可以吸引用戶(hù)視線而贏來(lái)點(diǎn)擊；要有組織性的設(shè)置導(dǎo)航，可以按商品的類(lèi)別、價(jià)格、時(shí)間、有時(shí)也可以按照字母順序進(jìn)行分類(lèi)；導(dǎo)航的目錄名稱(chēng)也是有講究的，有時(shí)我們可以取一些描述清晰又具有特色的名字來(lái)吸引用戶(hù)，子目錄要小于50　個(gè)，以免擾亂用戶(hù)的視線。

（二）主頁(yè)及頁(yè)面界面布局設(shè)計(jì)

網(wǎng)站的主頁(yè)是人們?cè)L問(wèn)網(wǎng)站看到的第一個(gè)頁(yè)面，是網(wǎng)站的身份和標(biāo)志，它的訪問(wèn)量是其他子頁(yè)面的上千倍，因此他必須提供一個(gè)符合用戶(hù)期待的體驗(yàn)，吸引用戶(hù)繼續(xù)往下瀏覽。為此精心對(duì)頁(yè)面的空間進(jìn)行分割的設(shè)計(jì)，包括對(duì)導(dǎo)航、按鈕、圖片、文字等內(nèi)容的位置進(jìn)行設(shè)計(jì)。這一階段需注重藝術(shù)性和交互體驗(yàn)、信息瀏覽體驗(yàn)的結(jié)合，以藝術(shù)平面設(shè)計(jì)手段為輔，　提高交互、信息體驗(yàn)為主。

從藝術(shù)性來(lái)說(shuō)，應(yīng)運(yùn)用美學(xué)構(gòu)圖中的形式，比如對(duì)稱(chēng)、平衡、黃金分割、對(duì)比、多樣統(tǒng)一、變化，　結(jié)合光影、色彩、影調(diào)等輔助手段，　對(duì)網(wǎng)頁(yè)設(shè)計(jì)元素及內(nèi)容進(jìn)行合理布局，　使網(wǎng)頁(yè)形式富有節(jié)奏感并且圖文并茂。

從內(nèi)容主次的突出性來(lái)說(shuō)，應(yīng)根據(jù)視覺(jué)流程原理，采用容易掃視的方法安排整體版面，把重要內(nèi)容和功能放在醒目位置。比如根據(jù)國(guó)內(nèi)用戶(hù)從上往下、從左向右的視覺(jué)瀏覽習(xí)慣，網(wǎng)站的一些關(guān)鍵要素如全局導(dǎo)航、輔助導(dǎo)航以及一些常用輔助功能的快捷方式應(yīng)放在頁(yè)面頂部。像淘寶網(wǎng)一樣由于商品過(guò)多，就需要將其清晰分類(lèi)，安排在頁(yè)面左邊，方便用戶(hù)查找。

頁(yè)面的版式布局有好多種形式，表格式、左邊欄式、兩邊欄式等等，但是不論哪一種形式，都要保證視覺(jué)的協(xié)調(diào)。由于電子商務(wù)型網(wǎng)站是為了把自己的商品展現(xiàn)給用戶(hù)，因此頁(yè)面的布局不能變化太多、太有個(gè)性，也就是說(shuō)布局不能太過(guò)花哨而使用戶(hù)的視線沒(méi)有全部關(guān)注于商品；使用戶(hù)有清晰的第一印象，盡量把重要信息放在第一屏，整個(gè)頁(yè)面不能超過(guò)3　屏，否則會(huì)過(guò)于漫長(zhǎng)而沒(méi)有新鮮感。所以電子商務(wù)型網(wǎng)站的頁(yè)面要簡(jiǎn)潔大方，以突出商品為宗旨。

（三）色彩、圖片、文字、按鈕、線條、邊框等設(shè)計(jì)元素

電子商務(wù)型網(wǎng)站在選擇色彩時(shí)應(yīng)注意，色彩數(shù)量不能太多，電子電子商務(wù)型網(wǎng)站一般都是為了展現(xiàn)商品或宣傳企業(yè)形象的，而不是有個(gè)性的藝術(shù)站點(diǎn)，所以色彩過(guò)多會(huì)顯得雜亂無(wú)章；色調(diào)要柔和，避免太過(guò)強(qiáng)烈的對(duì)比，又要有獨(dú)特性、創(chuàng)新性等特點(diǎn)；色彩的選取要遵循用戶(hù)的習(xí)慣，所以當(dāng)面對(duì)的用戶(hù)有不同的文化背景的時(shí)候，色彩要做相應(yīng)的變化。圖片應(yīng)選用一些符合商品描述和宣傳的圖片，裝飾性的圖片也需要烘托商品主題。對(duì)重點(diǎn)文字信息進(jìn)行強(qiáng)調(diào)，加粗段落標(biāo)題以區(qū)別于內(nèi)文；　采用易于閱讀的字體，　避免文字過(guò)小或過(guò)密造成的閱讀障礙?！”韱尾僮鞯挠押眯?。表單的布局可利用視覺(jué)流程的相關(guān)研究來(lái)提高可用性，比如表單元素對(duì)應(yīng)的標(biāo)簽與其垂直對(duì)齊能提高可讀性；　為減少操作時(shí)間，增加表單的效率性，　盡量采用下拉框而不是輸入框，　并在頁(yè)面出錯(cuò)后能保存已輸入的信息，避免重復(fù)輸入信息；　對(duì)必填字段及其限制作出標(biāo)注（如手機(jī)位數(shù)、數(shù)據(jù)類(lèi)型等等，避免無(wú)效信息）；　交互性的按鈕必須清晰突出。

四、電子商務(wù)型網(wǎng)站界面可用性的基本原則

（一）目的明確、結(jié)構(gòu)清晰的原則

電子商務(wù)型網(wǎng)站首先必須要搞清楚人們和你做交易的目的是什么。什么樣的網(wǎng)站，應(yīng)該有什么樣的設(shè)計(jì)。像國(guó)內(nèi)的淘寶、當(dāng)當(dāng)?shù)染W(wǎng)站，要想人們從你的網(wǎng)站購(gòu)買(mǎi)商品，除了考慮網(wǎng)站商品的品類(lèi)、價(jià)格的高低、發(fā)貨速度以及售后服務(wù)等一些技術(shù)和規(guī)模問(wèn)題之外，還要考慮把網(wǎng)站建設(shè)成什么風(fēng)格、什么布局、怎樣才能做到界面有個(gè)性，吸引用戶(hù)的眼球，讓用戶(hù)有愉快的網(wǎng)購(gòu)過(guò)程。

（二）易用性的原則

易用性要尊重用戶(hù)的體驗(yàn)，充分了解用戶(hù)認(rèn)知心理因素，以用戶(hù)為中心進(jìn)行組織設(shè)計(jì)和提供服務(wù)，通過(guò)創(chuàng)造性的工作來(lái)體現(xiàn)獨(dú)特的個(gè)性和價(jià)值，　使用戶(hù)獲得更大的滿(mǎn)足和成就感。網(wǎng)頁(yè)設(shè)計(jì)人員還須根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標(biāo)，配合網(wǎng)站不同時(shí)期的經(jīng)營(yíng)策略，以及用戶(hù)的反饋信息，對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)整和修改。

（三）統(tǒng)一的原則

首先是內(nèi)容與形式的統(tǒng)一，其次要保持交互行為的統(tǒng)一。在交互的模式中，有前進(jìn)就應(yīng)該有后退，有確定就應(yīng)該有取消。統(tǒng)一會(huì)給瀏覽者留下深刻的印象，避免雜亂無(wú)章，也可以使用戶(hù)明確當(dāng)前的位置。

五、電子商務(wù)型網(wǎng)站可用性界面設(shè)計(jì)的發(fā)展趨勢(shì)

隨著企業(yè)對(duì)用戶(hù)體驗(yàn)越加重視，國(guó)內(nèi)對(duì)電子商務(wù)網(wǎng)站用戶(hù)體驗(yàn)的研究會(huì)有更深入的進(jìn)展，AJAX、SilverLight等技術(shù)的出現(xiàn)為網(wǎng)站用戶(hù)體驗(yàn)的進(jìn)一步提高提供了可能。另外，Web2.0只是互聯(lián)網(wǎng)發(fā)展階段的過(guò)渡產(chǎn)物，　該階段互聯(lián)網(wǎng)上的信息還只是處于初級(jí)互聯(lián)的階段，未來(lái)的互聯(lián)網(wǎng)是合作、共贏、資源互補(bǔ)、互促的。隨著Web3.0理念在電子商務(wù)領(lǐng)域和在線游戲的初露端倪，　Web3.0下的用戶(hù)體驗(yàn)將會(huì)有更豐富的內(nèi)涵期待業(yè)界人士的發(fā)掘和詮釋。，今后用戶(hù)體驗(yàn)研究工作不僅可以從設(shè)計(jì)的角度，　還可從技術(shù)角度進(jìn)行探索。

參考文獻(xiàn)：

[1]林海波，賴(lài)雯.如何利用Web2.0技術(shù)改善用戶(hù)體驗(yàn)[J].圖書(shū)館學(xué)研究，2008（12）.

（作者單位：廣西建設(shè)職業(yè)技術(shù)學(xué)院）