楊洋+沈真波

摘要：網(wǎng)絡(luò)店鋪的用戶界面設(shè)計(jì)與網(wǎng)絡(luò)店鋪經(jīng)營(yíng)業(yè)績(jī)息息相關(guān)，在設(shè)計(jì)網(wǎng)絡(luò)店鋪用戶界面的時(shí)候要充分考慮商品特色和客戶心理等問(wèn)題。本文側(cè)重討論店鋪界面設(shè)計(jì)的元素、原則以及如何通過(guò)店鋪的界面設(shè)計(jì)給消費(fèi)者帶來(lái)愉快的購(gòu)物情感體驗(yàn)的問(wèn)題。

關(guān)鍵詞：網(wǎng)絡(luò)店鋪 界面 設(shè)計(jì)

中圖分類號(hào)：TP393文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-5349（2018）04-0010-02

一、網(wǎng)店界面設(shè)計(jì)的重要作用

網(wǎng)絡(luò)店鋪即是開在互聯(lián)網(wǎng)上的一類店鋪的統(tǒng)稱，從淘寶網(wǎng)運(yùn)營(yíng)起始到現(xiàn)在，各種各樣的網(wǎng)絡(luò)商城層出不窮。網(wǎng)絡(luò)店鋪的快速發(fā)展，顛覆了人類的生活狀態(tài)，顛覆了消費(fèi)形式，在對(duì)傳統(tǒng)實(shí)體店鋪產(chǎn)生重大影響的同時(shí)也快速帶動(dòng)和發(fā)展起更大一批與互聯(lián)網(wǎng)電子商務(wù)相關(guān)的行業(yè)，產(chǎn)生和壯大了一大批新興行業(yè)，各種經(jīng)營(yíng)不同種類產(chǎn)品的網(wǎng)絡(luò)店鋪分布于網(wǎng)絡(luò)的各個(gè)角落。

網(wǎng)絡(luò)店鋪的發(fā)展速度是不可思議的，在海量的網(wǎng)絡(luò)店鋪中如何經(jīng)營(yíng)脫穎而出是每一個(gè)商家要思考和面對(duì)的問(wèn)題，如何在網(wǎng)絡(luò)上殺出一片天地？這就需要有足夠的網(wǎng)絡(luò)營(yíng)銷技能，所謂網(wǎng)絡(luò)營(yíng)銷即是指以互聯(lián)網(wǎng)為平臺(tái)基礎(chǔ)，利用數(shù)據(jù)信息和網(wǎng)絡(luò)媒體的傳播來(lái)實(shí)現(xiàn)營(yíng)銷目的的一種營(yíng)銷方式。要想實(shí)現(xiàn)網(wǎng)絡(luò)營(yíng)銷的目的，首先要解決網(wǎng)絡(luò)店鋪的吸引力，只有將客戶留在自己的網(wǎng)絡(luò)，才有下一步的營(yíng)銷技能發(fā)揮的空間。網(wǎng)絡(luò)店鋪和實(shí)體店的不同在于，網(wǎng)絡(luò)店鋪是要用平面頁(yè)面來(lái)吸引客戶，在如雨后春筍般層出不窮的海量新興店鋪中，用戶界面的吸引力就成為網(wǎng)絡(luò)店鋪銷售的關(guān)鍵所在。界面是否友好，內(nèi)容是否豐富，照片色彩所展示的產(chǎn)品是否有質(zhì)感，頁(yè)面文字、結(jié)構(gòu)是否能夠打動(dòng)消費(fèi)者，都決定了網(wǎng)絡(luò)店鋪的銷售業(yè)績(jī)，所以從這一點(diǎn)來(lái)看，網(wǎng)絡(luò)店鋪的界面設(shè)計(jì)對(duì)網(wǎng)絡(luò)店鋪經(jīng)營(yíng)狀況起著至關(guān)重要的關(guān)鍵性作用。

二、界面設(shè)計(jì)所需元素

1.文字元素

文字元素具有陳述性功能，起描述產(chǎn)品主要信息、介紹店鋪活動(dòng)信息的作用，同時(shí)也兼具頁(yè)面美化的作用，是一種傳遞信息的重要工具。在網(wǎng)絡(luò)店鋪中，文字元素分為靜態(tài)文字、動(dòng)態(tài)文字和圖形文字等。靜態(tài)文字一般僅作為描述性工具使用，在網(wǎng)頁(yè)中被大量、廣泛應(yīng)用；動(dòng)態(tài)文字是利用多媒體技術(shù)和手段支撐的一種生動(dòng)有趣的文字形式，具有極大的吸引力，同時(shí)兼具美化頁(yè)面的作用；圖形文字是圖形設(shè)計(jì)的一種，它將文字作為圖形圖像進(jìn)行變形設(shè)計(jì)，突出網(wǎng)絡(luò)店鋪的特色、優(yōu)點(diǎn)，即具有美觀作用，同時(shí)也可以傳遞信息，作為標(biāo)識(shí)等使用，優(yōu)勢(shì)十分突出。

2.圖片元素

圖片元素是網(wǎng)絡(luò)店鋪的主體元素，消費(fèi)者是否決定留在網(wǎng)頁(yè)瀏覽，很大程度上取決于圖片元素是不是具有足夠的吸引力，只有具有足夠吸引力的圖片才會(huì)引起消費(fèi)者繼續(xù)閱讀文字的欲望。圖片元素有靜態(tài)圖片和動(dòng)態(tài)圖片兩種，現(xiàn)階段，小視頻也被運(yùn)用到網(wǎng)絡(luò)店鋪界面中來(lái)，并且在宣傳營(yíng)銷方面，也取得了很好的效果。

雖然動(dòng)圖和小視頻效果不錯(cuò)，可在網(wǎng)絡(luò)店鋪中起主體作用的還是靜態(tài)圖片，消費(fèi)者需要通過(guò)靜態(tài)圖片去分析產(chǎn)品的效果和品質(zhì)，靜態(tài)圖片具有很好的展示作用，能夠讓消費(fèi)者仔細(xì)觀看，從而產(chǎn)生對(duì)產(chǎn)品的信任感，贏得消費(fèi)者的信賴。

3.版式元素

版式是視覺(jué)傳達(dá)的主要途徑，它是將文字、圖片作為“點(diǎn)”“線”結(jié)合在一起，形成一個(gè)全新的“面”的過(guò)程，這個(gè)“面”的效果便是最終界面的效果。網(wǎng)絡(luò)店鋪界面是否友好，是否被消費(fèi)者接受，是受版式元素制約的。網(wǎng)絡(luò)店鋪的版式很多，常用的版式為骨骼型，與報(bào)刊版式較為相似，分為兩欄、三欄、四欄等，按照目標(biāo)客戶群的視覺(jué)習(xí)慣進(jìn)行排列，并要注意突出自身的特色，要具有條理性。

4.色彩元素

一個(gè)網(wǎng)頁(yè)打開，首先映入眼簾的不是版式，不是文字，也不是圖片，雖然這些元素很重要，但真正首先吸引消費(fèi)者的元素卻是這些元素的重要組成部分——色彩。一個(gè)網(wǎng)店的風(fēng)格要靠色彩來(lái)突出，不同區(qū)域單元也要依靠色彩來(lái)進(jìn)行區(qū)分，常言道“七分顏色三分花”，“好色”是所有人的通病，色彩對(duì)人的吸引力永遠(yuǎn)是最強(qiáng)大的。

網(wǎng)店界面色彩元素的運(yùn)用不是雜亂無(wú)章的，不是什么顏色都敢用的調(diào)色盤。在運(yùn)用色彩元素裝飾網(wǎng)站的時(shí)候要注意幾項(xiàng)原則。第一，色彩運(yùn)用要注重整體性。網(wǎng)店色彩整體性表現(xiàn)在不同頁(yè)面的主色調(diào)要協(xié)調(diào)一致，同一頁(yè)面的不同部分的主色調(diào)、背景色、輔助色要相互協(xié)調(diào)、和諧統(tǒng)一。第二，色彩運(yùn)用要和網(wǎng)店主題相呼應(yīng)。[1]每一種顏色都有其特定意義，這種色彩的內(nèi)涵要和其網(wǎng)店經(jīng)營(yíng)的產(chǎn)品主題一致，比如經(jīng)營(yíng)兒童商品的網(wǎng)店色彩就應(yīng)該歡快活潑一些，可以使用鮮艷的顏色以突出兒童活潑好動(dòng)的天性，同時(shí)也能吸引兒童的注意力。第三，突出獨(dú)特性。要想在數(shù)以萬(wàn)計(jì)的網(wǎng)店中脫穎而出，就要突出自身特色，用色彩給人不一樣的獨(dú)特性，與商品特點(diǎn)結(jié)合在一起，給人耳目一新的感覺(jué)，同時(shí)能夠讓消費(fèi)者一下子就明白網(wǎng)店的經(jīng)營(yíng)內(nèi)容，彰顯出網(wǎng)站的獨(dú)特風(fēng)格、鮮明的個(gè)性特征。

三、界面設(shè)計(jì)的原則

1.具有自身風(fēng)格，特色突出

要在海量網(wǎng)絡(luò)店鋪中求生存，要想脫穎而出，就要第一時(shí)間抓住消費(fèi)者的眼球，這就需要有好的界面設(shè)計(jì)，前文提及，界面設(shè)計(jì)需要把握四個(gè)元素，分別是文字、圖片、版式以及色彩，在實(shí)際設(shè)計(jì)過(guò)程中，要綜合考慮四個(gè)元素之間的關(guān)系，重點(diǎn)考慮如何使四個(gè)元素協(xié)調(diào)統(tǒng)一，并結(jié)合商品本身特征，形成風(fēng)格獨(dú)特的網(wǎng)站特色。消費(fèi)者選擇網(wǎng)絡(luò)店鋪里的商品，一般要經(jīng)歷從不被搜索到初識(shí)，到感興趣，到首次使用網(wǎng)頁(yè)，再到熱衷使用網(wǎng)絡(luò)商店網(wǎng)頁(yè)的程序，在這個(gè)過(guò)程中，能夠被消費(fèi)者從初識(shí)到感興趣階段所感知到的網(wǎng)站才會(huì)有后續(xù)步驟的出現(xiàn)，而只有有獨(dú)特個(gè)性的網(wǎng)站才會(huì)進(jìn)入消費(fèi)者的感知系統(tǒng)，從而被消費(fèi)者所識(shí)別，所以，網(wǎng)站風(fēng)格和特色突出是界面設(shè)計(jì)中的首要原則。

2.簡(jiǎn)潔大方，布局合理

頁(yè)面首先要簡(jiǎn)潔大方，容易閱讀，無(wú)論是對(duì)多大年齡的消費(fèi)者而言，過(guò)于小的字體和過(guò)于多的動(dòng)圖都是不利于閱讀的。色彩上也不宜過(guò)多，即便在主色調(diào)突出的基礎(chǔ)上過(guò)多的輔助色也會(huì)對(duì)消費(fèi)者的視覺(jué)產(chǎn)生干擾，進(jìn)而使消費(fèi)者產(chǎn)生厭煩的情緒，所以頁(yè)面要考慮簡(jiǎn)潔大方的設(shè)計(jì)原則，避免繁雜的網(wǎng)站頁(yè)面。endprint

人的閱讀習(xí)慣會(huì)在其接觸不同閱讀對(duì)象的同時(shí)發(fā)生遷移作用，在這種作用的影響下，人可以閱讀各種不同的報(bào)紙、刊物、廣告等閱讀對(duì)象，同樣的，在瀏覽網(wǎng)頁(yè)的時(shí)候，這種閱讀習(xí)慣也在起作用，使得人們?cè)陂喿x不同網(wǎng)頁(yè)的時(shí)候基本遵循相同的瀏覽習(xí)慣。我們發(fā)現(xiàn)，大多數(shù)頁(yè)面的布局版式遵循骨骼式的布局方式，這種布局方式一是便于商家設(shè)計(jì)網(wǎng)頁(yè)，二是符合消費(fèi)者的瀏覽習(xí)慣，畢竟沒(méi)有人會(huì)接受找不到“下一步”瀏覽方式的網(wǎng)頁(yè)，消費(fèi)者的耐心是有限度的，他不會(huì)為你的所謂“創(chuàng)新”的布局方式去買單，只會(huì)立刻離開網(wǎng)頁(yè)去尋找易于閱讀瀏覽的其他網(wǎng)店。當(dāng)然，布局方式并非只有骨骼式一種，網(wǎng)店可以采用其他布局方式，但無(wú)論用哪種布局，都應(yīng)該注意突出商店的主體性、特色以及考慮消費(fèi)者的消費(fèi)習(xí)慣問(wèn)題。

3.視覺(jué)減負(fù)，結(jié)構(gòu)清晰

瀏覽網(wǎng)絡(luò)店鋪?lái)?yè)面的消費(fèi)者都明白一個(gè)道理，真正吸引人的店鋪不在于花哨的頁(yè)面設(shè)計(jì)，而消費(fèi)者更傾向于喜歡簡(jiǎn)潔明了的網(wǎng)站，給網(wǎng)站進(jìn)行視覺(jué)減負(fù)，也是留住消費(fèi)者的一個(gè)重要的手段。要想做到視覺(jué)減負(fù)，首先要考慮店招設(shè)計(jì)主題突出，LOGO醒目。[2]店招部分既是消費(fèi)者首先瀏覽的內(nèi)容，同時(shí)也是消費(fèi)者最先丟掉的內(nèi)容，消費(fèi)者對(duì)其的閱讀時(shí)間不會(huì)超過(guò)2秒鐘，所以設(shè)計(jì)復(fù)雜的店招毫無(wú)意義，消費(fèi)者沒(méi)有耐心去閱讀，甚至可能直接放棄網(wǎng)頁(yè)。店招做到主題突出，有醒目的LOGO就足夠了。其次，導(dǎo)航頁(yè)面簡(jiǎn)潔明了。動(dòng)圖、文字、鏈接……繁雜的導(dǎo)航欄只會(huì)讓人望而卻步，消費(fèi)者有其瀏覽網(wǎng)頁(yè)的習(xí)慣，只要按照其瀏覽習(xí)慣簡(jiǎn)單設(shè)計(jì)導(dǎo)航即可，消費(fèi)者喜歡的不是導(dǎo)航欄的內(nèi)容，而是能最快找到其想要瀏覽的頁(yè)面，這也是導(dǎo)航欄的基本功能。最后，商品陳列要有主次之分。一個(gè)好的商店無(wú)論線上還是線下，都要有主有次，線下店家在店里的醒目位置都會(huì)用模特展示店里較有特色重點(diǎn)推介的商品，線上商店也應(yīng)該是一樣的，在頁(yè)面的醒目位置展示重點(diǎn)推介的爆款商品，給消費(fèi)者以消費(fèi)導(dǎo)向，而其他一般陳列的商品就不應(yīng)該喧賓奪主，不然消費(fèi)者會(huì)感覺(jué)到眼花繚亂無(wú)從選起。

4.內(nèi)容翔實(shí)，圖文并茂

在網(wǎng)絡(luò)的世界里，閱讀是快餐式的，沒(méi)有人有耐心花上十幾分鐘去閱讀一篇長(zhǎng)篇大論，更遑論在網(wǎng)絡(luò)店鋪中，消費(fèi)者的意圖非常明確，他是來(lái)購(gòu)買商品的，不是閱讀文章的，所以雖然我們說(shuō)內(nèi)容翔實(shí)，具有可讀性，但卻不是教大家用長(zhǎng)篇大論來(lái)吸引消費(fèi)者，那樣只會(huì)將消費(fèi)者嚇跑。

在商品的詳情頁(yè)，要用圖文并茂的辦法，將消費(fèi)者關(guān)心的問(wèn)題展示出來(lái)，比如以服裝為例，這個(gè)商品的細(xì)節(jié)做得如何，材料是什么，大小怎么選等問(wèn)題都是消費(fèi)者較為關(guān)心的，商店就可以用圖片配上簡(jiǎn)要的文字說(shuō)明來(lái)解釋介紹，讓消費(fèi)者在最短的時(shí)間內(nèi)了解到其所想知道的一切信息。

四、界面設(shè)計(jì)與消費(fèi)者情感體驗(yàn)

1.信任與風(fēng)險(xiǎn)感知

網(wǎng)絡(luò)店鋪不同于實(shí)體店鋪，由于網(wǎng)絡(luò)店鋪存在于互聯(lián)網(wǎng)上，消費(fèi)者不清楚其具體實(shí)力，甚至連賣家是誰(shuí)、在什么地方都不知道，不可避免的消費(fèi)者會(huì)對(duì)網(wǎng)絡(luò)店鋪產(chǎn)生不信任感。網(wǎng)絡(luò)店鋪要想獲得消費(fèi)者的信任，其所能運(yùn)用的手段和途徑就是網(wǎng)頁(yè)界面設(shè)計(jì)以及其他買家的評(píng)價(jià)。一般而言等級(jí)越高、評(píng)價(jià)越好的網(wǎng)站信譽(yù)度越高，但在經(jīng)營(yíng)初期，沒(méi)有評(píng)價(jià)或評(píng)價(jià)較少的情況下，想要獲得這種信任就需要借助于界面設(shè)計(jì)了。

翔實(shí)的圖形圖像設(shè)計(jì)加上適當(dāng)?shù)奈淖纸榻B，能夠增強(qiáng)這種信任感，并能夠樹立起公正、誠(chéng)實(shí)的企業(yè)形象。同樣的，能夠快速瀏覽、設(shè)計(jì)得體的頁(yè)面設(shè)計(jì)也能增加消費(fèi)者對(duì)店鋪的好感，一個(gè)認(rèn)真做事的人一定會(huì)得到消費(fèi)者的信任。

2.需求、愉悅感知

消費(fèi)者購(gòu)買決策作出的前提是有購(gòu)買的需求，網(wǎng)頁(yè)的視聽效果最終的目的就是刺激消費(fèi)者喚起需求感知，讓其產(chǎn)生想要購(gòu)買的欲望[3]，所以界面的設(shè)計(jì)過(guò)程中要適當(dāng)抓住消費(fèi)者購(gòu)買的心理，了解顧客，從而有針對(duì)性地刺激顧客產(chǎn)生需求感知。這就要求網(wǎng)絡(luò)店鋪在界面設(shè)計(jì)的時(shí)候找準(zhǔn)目標(biāo)客戶群，用目標(biāo)客戶群喜歡的購(gòu)買習(xí)慣來(lái)裝飾店鋪，比如年輕的女性客戶購(gòu)買力強(qiáng)，喜歡新奇、有趣的商品，而寶媽們多數(shù)喜歡瀏覽孩子的商品或者生活日用品等內(nèi)容，由于時(shí)間緊張，其喜歡簡(jiǎn)便快捷的購(gòu)物體驗(yàn)等等。不同的目標(biāo)客戶群的心理需求是不同的，找準(zhǔn)這些對(duì)于喚起消費(fèi)者的購(gòu)買需求是很重要的。[4]

五、結(jié)語(yǔ)

網(wǎng)絡(luò)店鋪的界面設(shè)計(jì)好壞直接影響著網(wǎng)絡(luò)店鋪的經(jīng)營(yíng)效果，要想在眾多的網(wǎng)絡(luò)店鋪中殺出重圍，有一席之地，就要仔細(xì)研究目標(biāo)客戶群的心理需求、購(gòu)買習(xí)慣，同時(shí)要研究自己店鋪商品的特色，將商品特色與客戶心理相結(jié)合，精心設(shè)計(jì)出主題鮮明、風(fēng)格獨(dú)特的具有吸引力的網(wǎng)絡(luò)店鋪界面，從而使消費(fèi)者產(chǎn)生沉浸感、需求感、信任感。

參考文獻(xiàn)：

[1]陳琳琳.視覺(jué)營(yíng)銷下的網(wǎng)店頁(yè)面設(shè)計(jì)研究[D].湖南師范大學(xué)，2013.

[2]陳琳琳.網(wǎng)店頁(yè)面設(shè)計(jì)視覺(jué)減負(fù)的有效途徑[J].藝術(shù)科技，2013.

[3]唐馥馨.網(wǎng)店裝修對(duì)消費(fèi)者購(gòu)買意愿的影響[D].浙江大學(xué)，2012.

[4]曾慧敏.網(wǎng)店裝修中的色彩設(shè)計(jì)[J].大眾科技，2009.

責(zé)任編輯：于蕾endprint