人因工程在淘寶電子商務(wù)網(wǎng)頁設(shè)計中的應(yīng)用研究

王秀紅

（鄭州航空工業(yè)管理學(xué)院 管理科學(xué)與工程學(xué)院，河南 鄭州450015）

市場競爭的日益激烈促使平面設(shè)計師在設(shè)計電子商務(wù)網(wǎng)頁時更充分考慮人們的使用要求，著力提高網(wǎng)頁的方便美觀、搜索效率、滿意度和安全感。但是，目前在鏈接設(shè)計、響應(yīng)速度、布局設(shè)計、產(chǎn)品列表顯示方式、色彩設(shè)計、Logo及標(biāo)語等方面仍然存在許多不足，沒有系統(tǒng)的人因工程理論來作為電子網(wǎng)頁設(shè)計的指導(dǎo)標(biāo)準(zhǔn)，眾多的電子商務(wù)網(wǎng)站的頁面設(shè)計還是良莠不齊。

1 具有吸引力的電子商務(wù)網(wǎng)頁的特征

據(jù)統(tǒng)計發(fā)現(xiàn)：能吸引用戶重復(fù)訪問的電子商務(wù)網(wǎng)站具有四個共同的特征。

1.1 響應(yīng)速度快

研究表明，客戶對自己進(jìn)入的頁面有一種心里上的控制欲望，若網(wǎng)頁響應(yīng)時間超過10秒鐘，就會放棄瀏覽該頁面或會在等待計算機(jī)完成當(dāng)前操作時轉(zhuǎn)向其他的任務(wù)。

1.2 合理的色彩搭配

當(dāng)人們打開網(wǎng)頁時，最先注意的是色彩，其次是圖像，最后才是文字。設(shè)計出色彩和諧、均衡和重點突出的頁面是吸引顧客的關(guān)鍵環(huán)節(jié)。

1.3 合理的頁面布局

通常情況下，人眼在網(wǎng)頁上只有一個視覺優(yōu)勢區(qū)，這一區(qū)域能得到人眼最大概率的注意。因此，在網(wǎng)頁設(shè)計中應(yīng)將最希望客戶了解的重點信息放在最佳視域。

1.4 簡單方便

越減少客戶在瀏覽網(wǎng)頁時的負(fù)擔(dān)，對客戶越具有吸引力。因此，在設(shè)計過程中應(yīng)遵循減少繁瑣、便于記憶的原則。

2 淘寶網(wǎng)頁設(shè)計存在的問題及改進(jìn)措施

淘寶網(wǎng)淘寶網(wǎng)是亞太地區(qū)較大的網(wǎng)絡(luò)零售商圈，截止2010年12月31日，淘寶網(wǎng)注冊會員超3.7億人；2011年交易額為6100.8億元，占中國網(wǎng)購市場80%的份額。比2010年增長66%。2012年11月11日，淘寶單日交易額191億元。作為中國網(wǎng)上零售的領(lǐng)跑者，進(jìn)一步提升客戶體驗，并促進(jìn)中國電子商務(wù)的成長，成為淘寶網(wǎng)的重要任務(wù)。淘寶網(wǎng)網(wǎng)頁色彩搭配比較和諧、重點突出、版面設(shè)計比較合理，能夠讓人有輕松愉悅的購物旅程，但是仍存在一些不足之處。

2.1 色彩

①淘寶網(wǎng)頁采用的主色調(diào)是：黑白桔——桔色標(biāo)題欄，白底，藍(lán)色字體。整體顏色搭配合理，但是色彩的亮度及飽和度不高，給人一種陳舊的感覺，在淘寶網(wǎng)站看東西，網(wǎng)頁產(chǎn)品、產(chǎn)品介紹字樣的色彩都比較暗淡，給人一種山寨的感覺，相比較而言，聚美優(yōu)品的網(wǎng)頁產(chǎn)品、產(chǎn)品介紹字樣的色彩相對都比較明亮，給人清新認(rèn)真的感覺，映襯出聚美優(yōu)品不賣假產(chǎn)品的理念，然人們放心。

改進(jìn)方法與建議：增加網(wǎng)頁圖片的飽和度和亮度，是網(wǎng)頁產(chǎn)品圖片看起來更清新明亮，給顧客以美好的視覺感受。

②產(chǎn)品介紹字跡的顏色變化：當(dāng)鼠標(biāo)選中一個產(chǎn)品文字介紹的時候，產(chǎn)品文字介紹就會變成橙色，這種顏色不夠宣明，需要人們集中更大的精力去收集這些信息。其次，如圖所示凸顯在圖片之上的方框文字介紹有畫蛇添足的嫌疑。

改進(jìn)方法與建議：a看這些顏色較淺的文字時需呀注意力很集中，將產(chǎn)品的文字介紹黑色字體加粗顏色加深，使之涵蓋的信息易于被客戶吸收，減少因讀取信息而產(chǎn)生的視覺疲勞；b當(dāng)鼠標(biāo)放在文字上時，字體顏色變?yōu)樯罴t色，相應(yīng)的圖片放大呈現(xiàn)在原圖片的上方。

2.2 視覺

淘寶網(wǎng)頁上推薦產(chǎn)品時一個頁面排布密集，展示的產(chǎn)品過多，也達(dá)不到所要想達(dá)到的目的。造成視覺盲區(qū)。

改進(jìn)方法與建議：產(chǎn)品排列不要過于密集，根據(jù)最佳視域的原理橫排不應(yīng)展示超過5個產(chǎn)品。

2.3 頁面布局

淘寶網(wǎng)網(wǎng)頁布局頁面下方經(jīng)常太過擁擠，動態(tài)圖片過多，另一方面淘寶內(nèi)容較多、頁面過長、推薦較多，容易使用戶產(chǎn)生煩悶情緒，失去瀏覽網(wǎng)頁內(nèi)容的耐心。切換頁面有兩個，上下兩個讓人“目不暇接”，抓不住圖片內(nèi)容，容易讓人煩躁。此外，網(wǎng)頁不分人群、性別盲目提送，讓不少顧客感到厭煩，抱怨電商智商不高，例如作為一個男生，一般情況下，對女性美容美妝用品不感興趣，因此淘寶賬戶推送給該產(chǎn)品很不高明。

改進(jìn)方法與建議：采取切換頁面一個，在圖片上方設(shè)置有文字提示選項，電商可以自動向顧客展示，顧客也可以自行選擇要看的內(nèi)容，就像商場里需要服務(wù)員的時候她在，不需要的時候她也不會纏著你一樣，沒有綁架的推薦更容易讓顧客欣然接受，交易完成的幾率也就比較大。

分類頁面采取橫排更加清晰整潔，更符合人人因工程視覺搜索的要求，字跡得得大小更符合人因工程的要求。下方空白處的圖畫更人親切感，不會那么的枯燥。

2.4 logo

淘寶的logo孤零零的，沒有什么創(chuàng)意，也沒有體現(xiàn)企業(yè)的精神文化。提起一個企業(yè)最想讓人想起的就是代表品牌的主體和企業(yè)文化的logo。所以在logo上，筆者認(rèn)為可以加入更多的公司文化成分，而淘寶logo在上面做的不夠好，如下圖淘寶logo與京東logo、唯品會logo就可以看出。現(xiàn)對于淘寶，京東和唯品會在各自的logo上添加了自己企業(yè)文化的精髓，擴(kuò)大了品牌在消費者中間的宣傳，明確了企業(yè)產(chǎn)品的特色，抓住了消費者的第一印象。

改進(jìn)方法與建議：設(shè)計如下圖1所示為改進(jìn)的淘寶logo示例。

圖1 改進(jìn)的淘寶網(wǎng)logo

3 結(jié)語

電子商務(wù)的網(wǎng)頁設(shè)計要清楚了解用戶的需要，了解用戶是什么樣的群體，把用戶體驗成做為電子網(wǎng)頁設(shè)計的根本指標(biāo)。當(dāng)前的電子網(wǎng)頁設(shè)計不足主要表現(xiàn)在：1）缺乏完整的用戶體驗的理論體系，不能充分考慮用戶的體驗需求；2）網(wǎng)頁設(shè)計者缺乏相關(guān)知識體系制作電子網(wǎng)頁時不能很好地應(yīng)用人因工程相關(guān)理論作為指導(dǎo)；3）電商不能夠及時把握用戶的體驗感受，不能及時對網(wǎng)頁作出及時的調(diào)）整最大限度滿足用戶的需求；4）缺少專業(yè)機(jī)構(gòu)針對相關(guān)問題做深入的社會調(diào)查報告，電商與用戶之間缺少溝通的橋梁。

對應(yīng)我提出以下建議：1）電商要進(jìn)行社會調(diào)查，及時獲取用戶體驗過后的意見建議，架起電商與消費者之間的交流橋梁；2）電子網(wǎng)頁設(shè)計制作要參考人因工程理論，把人的感受放在設(shè)計的第一位，努力做好電子服務(wù)；3）制定電子網(wǎng)頁制作相關(guān)的人因工程標(biāo)準(zhǔn)體系，使制作標(biāo)準(zhǔn)化、規(guī)范化。

［1］李紅，岳云康，樊東燕.電子商務(wù)網(wǎng)頁設(shè)計[M].北京:中國鐵道出版社,2011:98-102，5-6.

［2］石英，王秀紅，祁麗霞.人因工程學(xué)[M].北京:清華大學(xué)出版社,2011:142-148，88.

［3］劉偉，莊達(dá)民，柳忠起.人機(jī)界面設(shè)計[M].北京:北京郵電大學(xué)出版社,2011:84-86，96,231-263.

［4］盛金根，李永建，夏曦.電子商務(wù)網(wǎng)頁信息搜索中的視覺優(yōu)選效應(yīng)[J].工業(yè)工程與管理，2011，16(6)：81-82.

［5］李愛國.網(wǎng)頁設(shè)計中的色彩搭配[J].湖南農(nóng)機(jī)，2012，39(11)：80-81.

［6］梁碧嬋.網(wǎng)頁設(shè)計中的人性化因素[J].硅谷，2013，18（138）:93-97.