劉玉潔　韓松歧

摘要：營(yíng)銷型網(wǎng)站是為了企業(yè)網(wǎng)絡(luò)營(yíng)銷目的而建設(shè)的，企業(yè)網(wǎng)站首頁(yè)的設(shè)計(jì)是營(yíng)銷型網(wǎng)站策劃的重中之重。本文從用戶體驗(yàn)的原則出發(fā)，分析易果生鮮網(wǎng)站首頁(yè)的設(shè)計(jì)風(fēng)格、頁(yè)面布局與內(nèi)容，總結(jié)了其首頁(yè)設(shè)計(jì)中存在的問題，提供了首頁(yè)設(shè)計(jì)的優(yōu)化建議，以達(dá)到提升網(wǎng)站訪問友好性的目的。

關(guān)鍵詞：網(wǎng)頁(yè)風(fēng)格;頁(yè)面布局;網(wǎng)頁(yè)內(nèi)容;用戶體驗(yàn)引言

中國(guó)生鮮電商市場(chǎng)歷經(jīng)14-15年的高速發(fā)展，中國(guó)生鮮行業(yè)歷經(jīng)探索、高速發(fā)展、洗牌，進(jìn)入后成長(zhǎng)期轉(zhuǎn)型升級(jí)階段。在生鮮電商網(wǎng)站競(jìng)爭(zhēng)日趨激烈的今天，生鮮電商網(wǎng)站首頁(yè)的設(shè)計(jì)已成為吸引用戶訪問的重要因素。作為我國(guó)重要的垂直生鮮電商平臺(tái)的易果生鮮網(wǎng)站，其網(wǎng)站2005年10月上線標(biāo)志生鮮品類觸網(wǎng)。為此，本文以易果生鮮網(wǎng)站首頁(yè)設(shè)計(jì)為研究對(duì)象，從用戶體驗(yàn)的原則出發(fā)，挖掘其首頁(yè)設(shè)計(jì)中存在的問題，為該網(wǎng)站提供首頁(yè)設(shè)計(jì)的優(yōu)化建議。

1、基于用戶體驗(yàn)原則開展首頁(yè)設(shè)計(jì)的必要性

基于用戶體驗(yàn)原則開展首頁(yè)設(shè)計(jì)就是讓用戶在訪問首頁(yè)時(shí)無需訓(xùn)練，迅速找到需要的信息，同時(shí)也能使網(wǎng)站達(dá)到營(yíng)銷目的。設(shè)計(jì)人員必須站在用戶立場(chǎng)，從提升首頁(yè)訪問的友好性出發(fā)，完成首頁(yè)風(fēng)格設(shè)計(jì)、布局設(shè)計(jì)、內(nèi)容規(guī)劃等工作，否則很容易出現(xiàn)復(fù)雜的導(dǎo)航技術(shù)、過多的動(dòng)畫及視頻素材，既浪費(fèi)了企業(yè)的預(yù)算，又阻礙了用戶訪問的效果。

2、易果生鮮網(wǎng)站首頁(yè)設(shè)計(jì)分析

易果生鮮網(wǎng)站是營(yíng)銷型網(wǎng)站，其網(wǎng)站定位是銷售為主、宣傳為輔。

2.1?易果生鮮網(wǎng)站首頁(yè)風(fēng)格分析

易果生鮮網(wǎng)站首頁(yè)風(fēng)格是輪播幻燈片式。在第一屏最明顯位置，以一組占據(jù)首屏三分之二大小的POP廣告，吸引用戶的注意力。易果生鮮網(wǎng)站的POP廣告通常是以水果、蔬菜、肉類食物為主的平面廣告，色彩艷麗，能夠吸引用戶的注意力，而且廣告詞用語(yǔ)凝煉，具有號(hào)召力。例如奇異果的廣告，構(gòu)圖以一個(gè)、半個(gè)及一塊奇異果加一杯果汁組成，淡草綠色背景，廣告詞是佳沛蜜語(yǔ)、甜蜜暴擊。

2.2?易果生鮮網(wǎng)站首頁(yè)布局分析

登陸易果生鮮網(wǎng)站首頁(yè)，發(fā)現(xiàn)網(wǎng)站首頁(yè)是左部圍合結(jié)構(gòu)[川。將首頁(yè)頁(yè)面布局總結(jié)到表1中。筆者從表1中發(fā)現(xiàn)以下問題：

第一，經(jīng)營(yíng)理念位于第八屏導(dǎo)致傳播效果較差

易果生鮮網(wǎng)站首頁(yè)共八屏，而經(jīng)營(yíng)理念不利于向用戶傳播此信息。該文本內(nèi)容是強(qiáng)調(diào)易果生鮮網(wǎng)站與其他同類網(wǎng)站相比所具有的競(jìng)爭(zhēng)優(yōu)勢(shì)，放在首頁(yè)頁(yè)尾不能起到有效引導(dǎo)用戶消費(fèi)的效果。

第二，導(dǎo)航欄4位置設(shè)計(jì)有問題

首頁(yè)中設(shè)置有四處導(dǎo)航欄，導(dǎo)航欄4位于第八屏頁(yè)尾，作為用戶網(wǎng)購(gòu)的常見問題幫助中心，該導(dǎo)航欄主要包括新手指南、付款方式、配送方式、售后服務(wù)、關(guān)于我們五個(gè)二級(jí)欄目，而上述問題是新用戶比較關(guān)注的問題，放在第八屏頁(yè)尾的位置，為新用戶帶來不友好的訪問體驗(yàn)。

2.3?易果生鮮網(wǎng)站首頁(yè)內(nèi)容分析

易果生鮮網(wǎng)站內(nèi)容是指用戶通過企業(yè)網(wǎng)站可以看到的所有信息，網(wǎng)站內(nèi)容包括所有可以在網(wǎng)上被用戶通過視覺或聽覺所感知的信息，如文字、圖片、視頻、音頻等。本文將從LOGO標(biāo)志、首頁(yè)搜索框、POP廣告設(shè)計(jì)、導(dǎo)航欄內(nèi)容設(shè)計(jì)四方面解析易果生鮮網(wǎng)站的首頁(yè)內(nèi)容。

第一，易果生鮮網(wǎng)站首頁(yè)LOGO標(biāo)志復(fù)雜影響傳播

登陸易果生鮮網(wǎng)站首頁(yè)中LOGO標(biāo)志是由黃、綠、紅、橙四種顏色的圓球組成，四個(gè)圓球每排兩個(gè)，兩兩對(duì)齊。這個(gè)標(biāo)志有哪些內(nèi)涵？用戶難以理解。這個(gè)標(biāo)志顏色如此之多，用戶很難記住，自然也不利于推廣。

第二，易果生鮮網(wǎng)站首頁(yè)搜索框存在無效鏈接與資源浪費(fèi)易果生鮮網(wǎng)站首頁(yè)搜索框下有五個(gè)推薦的商品“奇異果、谷飼、家佳康、貝類、鱈魚”，但是其中“家佳康”是無效鏈接，“貝類”只有一種商品，浪費(fèi)推薦資源。

第三，易果生鮮網(wǎng)站首頁(yè)導(dǎo)航欄項(xiàng)目?jī)?nèi)容及順序未精心考慮如表1所示，導(dǎo)航欄1位于第一屏LOGO標(biāo)志下方、首頁(yè)左側(cè)的導(dǎo)航欄，該導(dǎo)航欄是由進(jìn)口水果、國(guó)產(chǎn)水果、精選肉類、禽類蛋品、即烹美食、海鮮水產(chǎn)、乳品糕點(diǎn)、新鮮蔬菜、方便速食、糧油雜貨、飲料酒水、禮品禮券十一個(gè)項(xiàng)目組成的。.導(dǎo)航欄3位于第二屏至第八屏，在網(wǎng)頁(yè)左側(cè)以浮動(dòng)導(dǎo)航欄形式呈現(xiàn)，由進(jìn)口水果、國(guó)產(chǎn)水果、海鮮水產(chǎn)、精選肉類、禽類蛋品、糧油雜貨、乳品糕點(diǎn)、飲料酒水、方便速食九個(gè)項(xiàng)目組成。這兩處導(dǎo)航欄項(xiàng)目基本重復(fù)，且出現(xiàn)順序不同。例如，海鮮水產(chǎn)在導(dǎo)航欄3中位于第三位，這說明易果生鮮認(rèn)為，水果、海鮮、肉類產(chǎn)品是網(wǎng)站的主打產(chǎn)品，既然如此，為什么在第一處導(dǎo)航欄中不直接排到第三位呢？

導(dǎo)航欄2位于第一屏的POP廣告下方，由新品專區(qū)、優(yōu)質(zhì)生活、水果專區(qū)、菜譜專欄四個(gè)欄目組成。優(yōu)質(zhì)生活的欄目涵蓋了水果這一產(chǎn)品，項(xiàng)目設(shè)置存在交叉，給用戶帶來不便。

3、易果生鮮網(wǎng)站首頁(yè)設(shè)計(jì)優(yōu)化建議

易果生鮮網(wǎng)站首頁(yè)設(shè)計(jì)優(yōu)化的思路是基于用戶體驗(yàn)原則，提升用戶訪問的易用性，要讓用戶訪問易果生鮮網(wǎng)站時(shí)，能被網(wǎng)站吸引，迅速找到所需要的信息。網(wǎng)站首頁(yè)的布局是首頁(yè)的骨架，首頁(yè)的內(nèi)容就是血肉，首頁(yè)的功能要通過二者的組合才能發(fā)揮出來。為此，本文主要從頁(yè)面布局和內(nèi)容優(yōu)化兩方面討論易果生鮮網(wǎng)站首頁(yè)的優(yōu)化措施。

3.1?追求簡(jiǎn)潔將首頁(yè)布局縮簡(jiǎn)到一屏

在對(duì)用戶選擇印象深刻的網(wǎng)站的頁(yè)面布局感受的調(diào)查中，相比于復(fù)雜頁(yè)面排版布局，簡(jiǎn)潔的網(wǎng)頁(yè)布局而更具有吸引力2。而且用戶的瀏覽模式基本符合F型瀏覽模式，對(duì)網(wǎng)頁(yè)上部和左側(cè)的關(guān)注程度更高，向底部和右側(cè)的關(guān)注程度遞減。由于眼球的中央視覺優(yōu)秀，其他區(qū)域模糊，所以人的視覺采集能力有限。

為此，筆者建議對(duì)其首頁(yè)完成以下調(diào)整，如表2所示，將經(jīng)營(yíng)理念放在POP廣告上，因?yàn)樵撐恢檬怯脩魹g覽首頁(yè)的焦點(diǎn)位置，將易果生鮮的“全球精選、多倉(cāng)直發(fā)、品質(zhì)嚴(yán)選、天天低價(jià)”文本放在此處，是給用戶一個(gè)在此網(wǎng)站購(gòu)物的理由，使注重優(yōu)質(zhì)商品、發(fā)貨速度、優(yōu)惠價(jià)格的用戶能繼續(xù)留在本站。此外，導(dǎo)航欄1的位置不動(dòng)。用戶點(diǎn)擊導(dǎo)航欄1就可以進(jìn)入相關(guān)種類商品詳情頁(yè)，因此取消導(dǎo)航欄3以及F1-F9商品分類展示。重新設(shè)計(jì)的首頁(yè)，用戶關(guān)注的主要信息一屏就可以展示出來，增強(qiáng)了用戶訪問友好體驗(yàn)。

3.2?選取字母G為L(zhǎng)OGO標(biāo)志設(shè)計(jì)元素

根據(jù)艾瑞咨詢發(fā)布的《2018年中國(guó)生鮮電商行業(yè)消費(fèi)洞察報(bào)告》，目前生鮮網(wǎng)站的主要用戶最歡迎的生鮮品類是水果，因此易果生鮮可以取字母G為L(zhǎng)OGO標(biāo)志設(shè)計(jì)的基本元素，這個(gè)G代表水果的“果”，同時(shí)一個(gè)G也正好是一個(gè)果，成為易果的諧音，與原來的LOGO標(biāo)志相比更簡(jiǎn)化，也更容易記住和傳播。

3.3?以調(diào)研數(shù)據(jù)為依據(jù)優(yōu)化導(dǎo)航欄

首先，參照生鮮用戶購(gòu)買品類順序調(diào)整導(dǎo)航欄1。根據(jù)艾瑞咨詢發(fā)布的《2018年中國(guó)生鮮電商行業(yè)消費(fèi)洞察報(bào)告》，2017年中國(guó)生鮮網(wǎng)購(gòu)用戶比較歡迎的品類依次是水果、牛奶乳品、蔬菜、肉禽蛋、水產(chǎn)品、冷飲飲食、熟食烘焙，以此為依據(jù)優(yōu)化易果生鮮首頁(yè)導(dǎo)航欄1項(xiàng)目順序，新的項(xiàng)目順序建議為進(jìn)口水果、國(guó)產(chǎn)水果、乳品糕點(diǎn)、新鮮蔬菜、精選肉類、禽類蛋品、即烹美食、海鮮水產(chǎn)、方便速食、糧油雜貨、飲料酒水、禮品禮券。

其次，對(duì)于導(dǎo)航欄2的優(yōu)化，可以刪去水果專區(qū)，或者保留水果專區(qū)，刪去優(yōu)質(zhì)生活，增加海鮮專區(qū)，解決優(yōu)質(zhì)生活與水果專區(qū)兩個(gè)欄目?jī)?nèi)容重疊的問題。

4、結(jié)論

在首頁(yè)設(shè)計(jì)中，網(wǎng)頁(yè)風(fēng)格、頁(yè)面布局與網(wǎng)頁(yè)內(nèi)容及呈現(xiàn)形式的安排是影響用戶訪問友好度的重要因素。本文從用戶體驗(yàn)的原則出發(fā)，分析易果生鮮網(wǎng)首頁(yè)設(shè)計(jì)中存在的主要問題，提出簡(jiǎn)潔到一屏的頁(yè)面布局、簡(jiǎn)化到一個(gè)字母的LOGO標(biāo)志、優(yōu)化導(dǎo)航欄項(xiàng)目順序，從而提升易果生鮮網(wǎng)站首頁(yè)的訪問友好性。B

參考文獻(xiàn)：

[1]陳昱甫，陳穎祺，舒葉.網(wǎng)頁(yè)設(shè)計(jì)中的頁(yè)面布局之分析[J].工業(yè)設(shè)計(jì)，2018（12）：79-80.

[2]王曉俊.用戶體驗(yàn)式網(wǎng)頁(yè)編排的視覺設(shè)計(jì)研究[J].科技風(fēng)，2019（01）：77.

[3]王愉，高上晴.網(wǎng)頁(yè)導(dǎo)航的眼動(dòng)分析與設(shè)計(jì)思考[J].北京印刷學(xué)院學(xué)報(bào)，2018，26（12）：57-59.