王秀紅
(鄭州航空工業(yè)管理學(xué)院 管理科學(xué)與工程學(xué)院,河南 鄭州450015)
市場(chǎng)競(jìng)爭(zhēng)的日益激烈促使平面設(shè)計(jì)師在設(shè)計(jì)電子商務(wù)網(wǎng)頁(yè)時(shí)更充分考慮人們的使用要求,著力提高網(wǎng)頁(yè)的方便美觀、搜索效率、滿意度和安全感。但是,目前在鏈接設(shè)計(jì)、響應(yīng)速度、布局設(shè)計(jì)、產(chǎn)品列表顯示方式、色彩設(shè)計(jì)、Logo及標(biāo)語(yǔ)等方面仍然存在許多不足,沒(méi)有系統(tǒng)的人因工程理論來(lái)作為電子網(wǎng)頁(yè)設(shè)計(jì)的指導(dǎo)標(biāo)準(zhǔn),眾多的電子商務(wù)網(wǎng)站的頁(yè)面設(shè)計(jì)還是良莠不齊。
據(jù)統(tǒng)計(jì)發(fā)現(xiàn):能吸引用戶重復(fù)訪問(wèn)的電子商務(wù)網(wǎng)站具有四個(gè)共同的特征。
研究表明,客戶對(duì)自己進(jìn)入的頁(yè)面有一種心里上的控制欲望,若網(wǎng)頁(yè)響應(yīng)時(shí)間超過(guò)10秒鐘,就會(huì)放棄瀏覽該頁(yè)面或會(huì)在等待計(jì)算機(jī)完成當(dāng)前操作時(shí)轉(zhuǎn)向其他的任務(wù)。
當(dāng)人們打開網(wǎng)頁(yè)時(shí),最先注意的是色彩,其次是圖像,最后才是文字。設(shè)計(jì)出色彩和諧、均衡和重點(diǎn)突出的頁(yè)面是吸引顧客的關(guān)鍵環(huán)節(jié)。
通常情況下,人眼在網(wǎng)頁(yè)上只有一個(gè)視覺(jué)優(yōu)勢(shì)區(qū),這一區(qū)域能得到人眼最大概率的注意。因此,在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)將最希望客戶了解的重點(diǎn)信息放在最佳視域。
越減少客戶在瀏覽網(wǎng)頁(yè)時(shí)的負(fù)擔(dān),對(duì)客戶越具有吸引力。因此,在設(shè)計(jì)過(guò)程中應(yīng)遵循減少繁瑣、便于記憶的原則。
淘寶網(wǎng)淘寶網(wǎng)是亞太地區(qū)較大的網(wǎng)絡(luò)零售商圈,截止2010年12月31日,淘寶網(wǎng)注冊(cè)會(huì)員超3.7億人;2011年交易額為6100.8億元,占中國(guó)網(wǎng)購(gòu)市場(chǎng)80%的份額。比2010年增長(zhǎng)66%。2012年11月11日,淘寶單日交易額191億元。作為中國(guó)網(wǎng)上零售的領(lǐng)跑者,進(jìn)一步提升客戶體驗(yàn),并促進(jìn)中國(guó)電子商務(wù)的成長(zhǎng),成為淘寶網(wǎng)的重要任務(wù)。淘寶網(wǎng)網(wǎng)頁(yè)色彩搭配比較和諧、重點(diǎn)突出、版面設(shè)計(jì)比較合理,能夠讓人有輕松愉悅的購(gòu)物旅程,但是仍存在一些不足之處。
①淘寶網(wǎng)頁(yè)采用的主色調(diào)是:黑白桔——桔色標(biāo)題欄,白底,藍(lán)色字體。整體顏色搭配合理,但是色彩的亮度及飽和度不高,給人一種陳舊的感覺(jué),在淘寶網(wǎng)站看東西,網(wǎng)頁(yè)產(chǎn)品、產(chǎn)品介紹字樣的色彩都比較暗淡,給人一種山寨的感覺(jué),相比較而言,聚美優(yōu)品的網(wǎng)頁(yè)產(chǎn)品、產(chǎn)品介紹字樣的色彩相對(duì)都比較明亮,給人清新認(rèn)真的感覺(jué),映襯出聚美優(yōu)品不賣假產(chǎn)品的理念,然人們放心。
改進(jìn)方法與建議:增加網(wǎng)頁(yè)圖片的飽和度和亮度,是網(wǎng)頁(yè)產(chǎn)品圖片看起來(lái)更清新明亮,給顧客以美好的視覺(jué)感受。
②產(chǎn)品介紹字跡的顏色變化:當(dāng)鼠標(biāo)選中一個(gè)產(chǎn)品文字介紹的時(shí)候,產(chǎn)品文字介紹就會(huì)變成橙色,這種顏色不夠宣明,需要人們集中更大的精力去收集這些信息。其次,如圖所示凸顯在圖片之上的方框文字介紹有畫蛇添足的嫌疑。
改進(jìn)方法與建議:a看這些顏色較淺的文字時(shí)需呀注意力很集中,將產(chǎn)品的文字介紹黑色字體加粗顏色加深,使之涵蓋的信息易于被客戶吸收,減少因讀取信息而產(chǎn)生的視覺(jué)疲勞;b當(dāng)鼠標(biāo)放在文字上時(shí),字體顏色變?yōu)樯罴t色,相應(yīng)的圖片放大呈現(xiàn)在原圖片的上方。
淘寶網(wǎng)頁(yè)上推薦產(chǎn)品時(shí)一個(gè)頁(yè)面排布密集,展示的產(chǎn)品過(guò)多,也達(dá)不到所要想達(dá)到的目的。造成視覺(jué)盲區(qū)。
改進(jìn)方法與建議:產(chǎn)品排列不要過(guò)于密集,根據(jù)最佳視域的原理橫排不應(yīng)展示超過(guò)5個(gè)產(chǎn)品。
淘寶網(wǎng)網(wǎng)頁(yè)布局頁(yè)面下方經(jīng)常太過(guò)擁擠,動(dòng)態(tài)圖片過(guò)多,另一方面淘寶內(nèi)容較多、頁(yè)面過(guò)長(zhǎng)、推薦較多,容易使用戶產(chǎn)生煩悶情緒,失去瀏覽網(wǎng)頁(yè)內(nèi)容的耐心。切換頁(yè)面有兩個(gè),上下兩個(gè)讓人“目不暇接”,抓不住圖片內(nèi)容,容易讓人煩躁。此外,網(wǎng)頁(yè)不分人群、性別盲目提送,讓不少顧客感到厭煩,抱怨電商智商不高,例如作為一個(gè)男生,一般情況下,對(duì)女性美容美妝用品不感興趣,因此淘寶賬戶推送給該產(chǎn)品很不高明。
改進(jìn)方法與建議:采取切換頁(yè)面一個(gè),在圖片上方設(shè)置有文字提示選項(xiàng),電商可以自動(dòng)向顧客展示,顧客也可以自行選擇要看的內(nèi)容,就像商場(chǎng)里需要服務(wù)員的時(shí)候她在,不需要的時(shí)候她也不會(huì)纏著你一樣,沒(méi)有綁架的推薦更容易讓顧客欣然接受,交易完成的幾率也就比較大。
分類頁(yè)面采取橫排更加清晰整潔,更符合人人因工程視覺(jué)搜索的要求,字跡得得大小更符合人因工程的要求。下方空白處的圖畫更人親切感,不會(huì)那么的枯燥。
淘寶的logo孤零零的,沒(méi)有什么創(chuàng)意,也沒(méi)有體現(xiàn)企業(yè)的精神文化。提起一個(gè)企業(yè)最想讓人想起的就是代表品牌的主體和企業(yè)文化的logo。所以在logo上,筆者認(rèn)為可以加入更多的公司文化成分,而淘寶logo在上面做的不夠好,如下圖淘寶logo與京東logo、唯品會(huì)logo就可以看出?,F(xiàn)對(duì)于淘寶,京東和唯品會(huì)在各自的logo上添加了自己企業(yè)文化的精髓,擴(kuò)大了品牌在消費(fèi)者中間的宣傳,明確了企業(yè)產(chǎn)品的特色,抓住了消費(fèi)者的第一印象。
改進(jìn)方法與建議:設(shè)計(jì)如下圖1所示為改進(jìn)的淘寶logo示例。
圖1 改進(jìn)的淘寶網(wǎng)logo
電子商務(wù)的網(wǎng)頁(yè)設(shè)計(jì)要清楚了解用戶的需要,了解用戶是什么樣的群體,把用戶體驗(yàn)成做為電子網(wǎng)頁(yè)設(shè)計(jì)的根本指標(biāo)。當(dāng)前的電子網(wǎng)頁(yè)設(shè)計(jì)不足主要表現(xiàn)在:1)缺乏完整的用戶體驗(yàn)的理論體系,不能充分考慮用戶的體驗(yàn)需求;2)網(wǎng)頁(yè)設(shè)計(jì)者缺乏相關(guān)知識(shí)體系制作電子網(wǎng)頁(yè)時(shí)不能很好地應(yīng)用人因工程相關(guān)理論作為指導(dǎo);3)電商不能夠及時(shí)把握用戶的體驗(yàn)感受,不能及時(shí)對(duì)網(wǎng)頁(yè)作出及時(shí)的調(diào))整最大限度滿足用戶的需求;4)缺少專業(yè)機(jī)構(gòu)針對(duì)相關(guān)問(wèn)題做深入的社會(huì)調(diào)查報(bào)告,電商與用戶之間缺少溝通的橋梁。
對(duì)應(yīng)我提出以下建議:1)電商要進(jìn)行社會(huì)調(diào)查,及時(shí)獲取用戶體驗(yàn)過(guò)后的意見建議,架起電商與消費(fèi)者之間的交流橋梁;2)電子網(wǎng)頁(yè)設(shè)計(jì)制作要參考人因工程理論,把人的感受放在設(shè)計(jì)的第一位,努力做好電子服務(wù);3)制定電子網(wǎng)頁(yè)制作相關(guān)的人因工程標(biāo)準(zhǔn)體系,使制作標(biāo)準(zhǔn)化、規(guī)范化。
[1]李紅,岳云康,樊東燕.電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)[M].北京:中國(guó)鐵道出版社,2011:98-102,5-6.
[2]石英,王秀紅,祁麗霞.人因工程學(xué)[M].北京:清華大學(xué)出版社,2011:142-148,88.
[3]劉偉,莊達(dá)民,柳忠起.人機(jī)界面設(shè)計(jì)[M].北京:北京郵電大學(xué)出版社,2011:84-86,96,231-263.
[4]盛金根,李永建,夏曦.電子商務(wù)網(wǎng)頁(yè)信息搜索中的視覺(jué)優(yōu)選效應(yīng)[J].工業(yè)工程與管理,2011,16(6):81-82.
[5]李愛(ài)國(guó).網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配[J].湖南農(nóng)機(jī),2012,39(11):80-81.
[6]梁碧嬋.網(wǎng)頁(yè)設(shè)計(jì)中的人性化因素[J].硅谷,2013,18(138):93-97.