網(wǎng)絡(luò)店鋪用戶界面設(shè)計

楊洋+沈真波

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

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

中圖分類號：TP393文獻標識碼：A文章編號：1009-5349（2018）04-0010-02

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

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

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

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

1.文字元素

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

2.圖片元素

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

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

3.版式元素

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

4.色彩元素

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

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

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

1.具有自身風格，特色突出

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

2.簡潔大方，布局合理

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

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

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

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

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

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

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

四、界面設(shè)計與消費者情感體驗

1.信任與風險感知

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

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

2.需求、愉悅感知

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

五、結(jié)語

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

參考文獻：

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

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

[3]唐馥馨.網(wǎng)店裝修對消費者購買意愿的影響[D].浙江大學，2012.

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

責任編輯：于蕾endprint