探究電商網(wǎng)站的視覺交互設(shè)計

王 妍 陳怡桉

（四川華新現(xiàn)代職業(yè)學(xué)院，四川 成都 610000）

一、引言

隨著網(wǎng)上購物的便利和擔(dān)保服務(wù)的改善，大批傳統(tǒng)企業(yè)紛紛涌入電子商務(wù)市場。隨著在線購物用戶群體的不斷擴展，消費者越來越依賴在線購物。在線購物不再只是一種消費方式，還被很多在線購物者，當(dāng)作一種休閑娛樂方式。近年來，電商網(wǎng)站的視覺交互設(shè)計以最直觀的方式吸引了大量的用戶。作為直接產(chǎn)生利益關(guān)系的網(wǎng)絡(luò)平臺，電商網(wǎng)站的視覺效果將對用戶的網(wǎng)絡(luò)購物體驗等方面帶來很大的影響。所以，在進行視覺交互設(shè)計的電商網(wǎng)站建設(shè)時，要在滿足用戶的購物體驗需求的同時，也能滿足他們視覺、休閑娛樂等方面的心理體驗需求，以此來優(yōu)化網(wǎng)購環(huán)境，切實提高用戶網(wǎng)購體驗。

二、視覺交互設(shè)計的定義

交互設(shè)計是在交互基礎(chǔ)上構(gòu)建的，網(wǎng)站的管理員希望他要傳達給客戶的信息可以通過交互式設(shè)計直觀地顯示在網(wǎng)站上，用戶可以在瀏覽網(wǎng)站過程中引起共鳴并立即捕獲信息。交互設(shè)計是一種傳遞信息的方法，設(shè)計師運用圖片和相關(guān)文字進行信息的表達。

隨著新興技術(shù)的不斷發(fā)展，還出現(xiàn)很多與網(wǎng)絡(luò)相關(guān)的新的產(chǎn)品和不同的交互方式，網(wǎng)購用戶也逐漸對交互感受更加重視，同時對設(shè)計師也提出了更高的要求。在線購物過程中，用戶不能在現(xiàn)場進行有效的試用，而且與傳統(tǒng)購買商品方法相比，只能通過網(wǎng)絡(luò)的視覺元素判斷。目前我國所存在的電商平臺不計其數(shù)，用戶有了更多的選擇，如果網(wǎng)站無法從視覺上吸引顧客的注意力，那就只能退出電商市場，被行業(yè)所淘汰，由此可見，優(yōu)秀的視覺交互設(shè)計是電商網(wǎng)站視覺吸引的關(guān)鍵所在。

三、電商網(wǎng)站的視覺交互設(shè)計作用與發(fā)展趨勢

1.作用

（1）通過視覺互動設(shè)計給客戶的思維帶來影響。在電子商務(wù)網(wǎng)站的發(fā)展中，需要滿足客戶的購買需求和購買特征。如果網(wǎng)站信息具有一定的吸引力并成功打動客戶時，它就成功了。因此，視覺交互設(shè)計需要從客戶的角度理解客戶的想法和設(shè)計。在日常購物時，面對各大網(wǎng)站頁面中琳瑯滿目的商品，通常會出現(xiàn)視覺疲勞，無法進行選擇，最終大多數(shù)用戶購買的都是留下深刻印象的商品，而這也就是視覺交互設(shè)計的根本目的。即為廣大用戶帶來強烈的視覺沖擊，使其腦海中產(chǎn)生信息記憶，進而對他們的選擇進行干預(yù)。

（2）運用視覺交互設(shè)計提升客戶的購買心理。電商網(wǎng)站的視覺交互設(shè)計與發(fā)展中，不僅有利于給客戶帶來強烈的視覺影響力和感知體驗力，還能給客戶的購買心理帶來很大影響。就像人在吃東西時，舌尖上的美味，可以讓人想起與這種味道有關(guān)的東西，這就是事物之間聯(lián)系的效應(yīng)。在電子商務(wù)網(wǎng)站的交互設(shè)計中客戶的購買心理也十分重要。通過交互式符號的應(yīng)用，使客戶對于其商品產(chǎn)生一種心理認同感，提升客戶的喜愛度，還能為網(wǎng)站帶來一批穩(wěn)定的客戶。

（3）有利于落實以人為本的視覺互動設(shè)計理念。在進行視覺交互設(shè)計的過程中，其主要目的是從人的角度入手，圍繞人而展開設(shè)計，電商網(wǎng)站就只有一個明確的目標(biāo)，那就是銷售商品，使用戶喜歡在網(wǎng)站上購買商品，并當(dāng)他們想要購買時，每次都會訪問此網(wǎng)站，只有這樣才稱得上是成功的電商網(wǎng)站。不過想要實現(xiàn)這一目標(biāo)卻并不簡單，需要視覺交互設(shè)計根據(jù)不同類型的用戶特征，結(jié)合多種因素吸引他們注意力，以為廣大用戶網(wǎng)購帶來便利，使用戶在電商網(wǎng)站中獲得良好的體驗，從而體現(xiàn)出視覺交互設(shè)計的人性化優(yōu)勢作用。

2.發(fā)展趨勢

（1）落實以人為本的發(fā)展理念。在進行電子商務(wù)網(wǎng)站的視覺交互設(shè)計工作中，需要堅持以人為本和客戶為導(dǎo)向的原則，有效分析客戶心理。同時，設(shè)計師還可以采用問卷和訪談的方式，了解客戶的心理。比如，一些與母嬰產(chǎn)品有關(guān)的網(wǎng)站，可以訪問一些孕婦、嬰兒母親和童年母親。通過對這些客戶的了解，掌握客戶在商品購買時的需求，以及最想要買的東西。只有全面分析客戶的心理，其網(wǎng)站才能設(shè)計出可以滿足需求的交互式設(shè)計方案，落實以用戶為本的發(fā)展理念和方法。

（2）緊跟時代，創(chuàng)新設(shè)計。不僅僅是衣服、鞋、帽都要跟上潮流，還有電子商務(wù)網(wǎng)站也如此。正如網(wǎng)絡(luò)空間突如其來的風(fēng)靡一樣，許多人喜歡觀看現(xiàn)場直播，而在最近的抖音等平臺發(fā)展中，又讓很多人受到啟發(fā)和影響。這也體現(xiàn)出時代在發(fā)展和進步，其電子商務(wù)網(wǎng)站購物工作不能局限于過去，需要運用現(xiàn)代流行的軟件來豐富網(wǎng)站的建設(shè)元素，創(chuàng)新網(wǎng)站，運用新的模式來吸引更多用戶，這便是電商網(wǎng)站未來視覺交互設(shè)計的重點內(nèi)容。

（3）簡潔明了的視覺效果。以往電子商務(wù)網(wǎng)站都很五彩斑斕，一度受到許多消費者的支持，如今用戶更加傾向于清新簡潔的風(fēng)格，電子商務(wù)網(wǎng)站需要在發(fā)展中對頁面及時進行更新，以幫助用戶節(jié)省選擇的時間。只要用戶輸入想要購買的商品，就能立即看到各大電商銷售的商品實拍圖片，如果想要達到更加清楚直觀的效果，則可利用色彩進行區(qū)分，所以視覺交互設(shè)計可借助色彩的合理搭配來為抓住用戶眼球，為他們視覺帶來強烈沖擊。

四、電商網(wǎng)站的視覺交互設(shè)計框架構(gòu)成要素

1.流程

（1）建立目標(biāo)顧客群。與傳統(tǒng)的商業(yè)模式發(fā)展情況相比，電子商務(wù)的發(fā)展需要結(jié)合用戶的視覺感受，提升網(wǎng)絡(luò)界面的用戶視覺體驗感。所以，在設(shè)計網(wǎng)站的過程中，還要根據(jù)目標(biāo)客戶群，提升其知名度。這樣不僅有利于產(chǎn)品的推廣和認可，還能進一步強化企業(yè)的經(jīng)濟效益和發(fā)展水平。

（2）功能設(shè)計。在構(gòu)建完整的購物網(wǎng)站平臺中，需要突出其外部服務(wù)功能和內(nèi)部管理功能。而且這兩個功能也是在建設(shè)發(fā)展過程中必不可少的，通過相互作用的形式，推動業(yè)務(wù)活動的正常運行和發(fā)展。面向用戶的功能是外服務(wù)功能，還要對其商品進行展示，以及給予消費者相關(guān)的服務(wù)。這一功能一般都在網(wǎng)頁上體現(xiàn)。用戶可自行選擇瀏覽。企業(yè)內(nèi)部管理功能主要是對企業(yè)產(chǎn)品信息、用戶需求等進行綜合管理，還需要企業(yè)經(jīng)理對企業(yè)產(chǎn)品進行后端管理，以此來滿足用戶的發(fā)展需求。

（3）網(wǎng)站的實現(xiàn)。在進行網(wǎng)站的總體規(guī)劃與設(shè)計后，要有效地將網(wǎng)站的功能表達出來，還要明確特定操作部分的相關(guān)計劃內(nèi)容，提升其設(shè)計的針對性，對網(wǎng)站的各個部分進行結(jié)構(gòu)設(shè)計，以使網(wǎng)站能夠滿足用戶的期望。

2.方法

網(wǎng)站界面的設(shè)計與網(wǎng)站的總體設(shè)計相似，在設(shè)計過程中都要經(jīng)歷由小變大、從整體到零散，電商網(wǎng)站的視覺交互設(shè)計，可按照以下流程和方法進行設(shè)計：

（1）目標(biāo)解析。購物網(wǎng)絡(luò)本身是有針對性的網(wǎng)站。所以，需要結(jié)合目標(biāo)客戶群的銷售需求，產(chǎn)品推廣和信息發(fā)布的需求，以及客戶的操作和瀏覽需求。為了獲得相關(guān)的用戶需求信息，可以通過直接調(diào)查和數(shù)據(jù)分析的方法，了解相關(guān)客戶需求。

（2）明確功能區(qū)。在了解網(wǎng)站雙方的需求后，還要充分的分析網(wǎng)站的功能，結(jié)合用戶需求和網(wǎng)站功能進行有效的功能區(qū)域劃分，滿足用戶的數(shù)量需求。

（3）結(jié)構(gòu)構(gòu)建。在明確網(wǎng)站界面設(shè)計規(guī)劃的目標(biāo)后，需要通過輸入鏈接的方式正式構(gòu)建網(wǎng)站界面。還要有效地進行信息結(jié)構(gòu)和相關(guān)過程的設(shè)計，進而為后續(xù)的網(wǎng)站頁面發(fā)展提供基本保障。再次使用該界面后，用戶可以順利使用各種功能。

（4）主題風(fēng)格確定。根據(jù)用戶的相關(guān)信息，可以提取出用戶的偏好和行為方式。結(jié)合這方面的信息內(nèi)容，優(yōu)化界面的主題樣式和相關(guān)信息的發(fā)布方式。這一步驟有利于推動其建設(shè)工作的合理發(fā)展。

（5）視覺細節(jié)方面。在最后設(shè)計的過程中，需要更加具體的描述界面細節(jié)，以便界面最終能夠彰顯出獨特的視覺美感。

五、電商網(wǎng)站的視覺交互設(shè)計應(yīng)用策略

1.站在用戶角度

在電子商務(wù)網(wǎng)站的發(fā)展中，最大受眾群體是在線購物用戶，在了解自身的購物需求后，這些用戶可以通過在線電子商務(wù)網(wǎng)站瀏覽和挑選相關(guān)商品，進而可以明確自身的消費目標(biāo)，并進行交易。在電子商務(wù)市場競爭日常激烈的背景下，加強電子商務(wù)網(wǎng)站的優(yōu)化，留住老用戶吸引新用戶成為目前電子商務(wù)企業(yè)和平臺發(fā)展需要思考的問題。電子商務(wù)站點的類型范圍還要進行有效的擴大和延伸。除了不同的業(yè)務(wù)模型之外，還要堅持面向廣大用戶的統(tǒng)一視覺設(shè)計原則，帶給用戶不一樣的體驗感。同時，在電商網(wǎng)站的視覺交互設(shè)計中，還要以滿足用戶需求的設(shè)計創(chuàng)作為基礎(chǔ)。首先，在用戶的角度下，應(yīng)詳細劃分、探索分析與匯總整理。比如，當(dāng)在線購物用戶使用電商網(wǎng)站時，不同性別的用戶會有不同的偏好。不同年齡的用戶在瀏覽電商網(wǎng)站時會有不同的態(tài)度，并且不同地區(qū)的用戶會使用不同類型的電商網(wǎng)站。同時，用戶之間對電商網(wǎng)站的需求也存在較大差異，對于電商網(wǎng)站頁面視覺來說，應(yīng)在總結(jié)廣大用戶的興趣與核心訴求后，對網(wǎng)站功能板塊和視覺展開交互設(shè)計，這種更加契合網(wǎng)購用戶喜好的電商網(wǎng)站視覺效果更有益于吸引其他新用戶。在頁面視覺顏色匹配方面，可從用戶顏色心理入手，以靠近他們的喜好來提高其對電商網(wǎng)站的應(yīng)用率，并幫助用戶減輕其視覺疲勞，真正達到電商網(wǎng)站的盈利目的。

2.適應(yīng)用戶習(xí)慣

經(jīng)過十多年的發(fā)展，電商網(wǎng)站進入了一個穩(wěn)定的發(fā)展時期，在線購物用戶已經(jīng)非常依賴電商網(wǎng)站。經(jīng)過長期使用的電商網(wǎng)站，網(wǎng)購用戶已經(jīng)形成了使用和操作習(xí)慣。例如，每次他們登錄電商網(wǎng)站時，瀏覽順序和點擊方法會不自覺的遵循用戶自己日常習(xí)慣。因此，在設(shè)計電商網(wǎng)站頁面的視覺設(shè)計時，應(yīng)考慮在線購物者的使用習(xí)慣。頁面視覺效果的急劇變化往往會導(dǎo)致用戶無法適應(yīng)，進而給用戶的使用體驗帶來很大影響。比如，在電商網(wǎng)站的頁面視覺體驗和分析中，以往的在線購物用戶已經(jīng)習(xí)慣了“購物車表示預(yù)購清單”“信封表示消息”的功能。頁面上如果突然改變，那勢必會引發(fā)用戶使用中的混亂操作，迫使他們必須要重新認知標(biāo)志的含義，既增加了他們的學(xué)習(xí)成本，也降低了使用效率和感受。但任何事物都有兩面性，如果過于注重對用戶使用習(xí)慣的尊重，缺乏突破性的進展，則會導(dǎo)致電商網(wǎng)站視覺效果將無法達到預(yù)期設(shè)計效果，會始終停在原地。并且對于廣大用戶來說，也會使他們對一成不變的網(wǎng)站頁面風(fēng)格產(chǎn)生視覺上的審美疲勞，因而降低其使用感受。由此可見，當(dāng)優(yōu)化電商網(wǎng)站視覺交互設(shè)計時，要想在尊重用戶使用習(xí)慣的基礎(chǔ)上，增添他們的使用趣味和新鮮感受，強化用戶體驗，就需要對廣大客戶群體合理引導(dǎo)。還要具有突破性的創(chuàng)新優(yōu)勢，提升電商網(wǎng)站在頁面視覺上的發(fā)展水平，滿足與衡量電子商務(wù)以及用戶之間的需求，這也是企業(yè)發(fā)展采取的一項重要舉措，這種創(chuàng)新性的突破有著巨大價值。電商網(wǎng)站頁面視覺元素的改變和創(chuàng)新肯定會影響老用戶的習(xí)慣。因此，新版本要在視覺交互設(shè)計感方面具備用戶指導(dǎo)效果，增加用戶對新版本學(xué)習(xí)過程的興趣，使其充分了解后，真正接受和認可電商網(wǎng)站的這項新突破，在穩(wěn)定老用戶的同時，以創(chuàng)新突破點吸引更多新用戶，優(yōu)化全體用戶的購物體驗。

3.優(yōu)化創(chuàng)新特色

隨著我國市場經(jīng)濟的迅猛發(fā)展，經(jīng)過十多年的洗禮，電商網(wǎng)站已經(jīng)形成了自己獨特的界面視覺風(fēng)格。商品搜索的位置、商品類別劃分與網(wǎng)站頁面內(nèi)容布局等都形成了各自屬于自身的發(fā)展和設(shè)計風(fēng)格。很多用戶也會堅持自己的個人使用原則和習(xí)慣。目前，隨著用戶認知需求的不斷增長和轉(zhuǎn)變，其電商網(wǎng)站視覺交互設(shè)計工作，應(yīng)該在電子商務(wù)競爭形勢不斷激烈的背景下，加強對其的有效創(chuàng)新和改革，但目前部分電商網(wǎng)站在視覺交互設(shè)計方面沒有所謂的最佳優(yōu)化，有的僅僅是不斷地衡量與改進。電商網(wǎng)站頁面交互設(shè)計的視覺創(chuàng)新指的不是傳統(tǒng)意義上的顛覆，它強調(diào)的是可持續(xù)性的優(yōu)化與改進，這使用戶能夠網(wǎng)購過程中潛移默化的獲得良好體驗。查看電商網(wǎng)站頁面的視覺開發(fā)過程，明顯看到頁面的視覺設(shè)計元素已被減去并逐步以簡單的頁面樣式風(fēng)格為主進行優(yōu)化。頁面在視覺風(fēng)格上的大膽創(chuàng)新，往往會受到老用戶的抵觸，很難得到他們的認同。對此，只有在確保滿足廣大用戶個性化需求的前提下進行優(yōu)化，才是最佳的設(shè)計手段。這與信息化時代背景下所呈現(xiàn)出的微創(chuàng)新概念相符合，并且其視覺風(fēng)格，還要堅持以客戶為本的原則，充分尊重和適應(yīng)他們的使用習(xí)慣，并努力引導(dǎo)他們漸漸接受網(wǎng)站頁面視覺效果的各種創(chuàng)新和轉(zhuǎn)變。頁面視覺上的細微調(diào)整和優(yōu)化都有可能提高用戶的網(wǎng)購體驗檔次，就拿網(wǎng)購平臺來說，在用戶選定一些目標(biāo)商品后，相關(guān)人員可以結(jié)合用戶購物車中的動態(tài)效果，再一次讓用戶確定自己是否將預(yù)購商品加到購物車中，無需過多思考，同時還能增加頁面的視覺趣味，強化網(wǎng)購用戶應(yīng)用網(wǎng)購平臺的愉悅感。這種細節(jié)的改動和優(yōu)化要遠遠好過于以往單調(diào)的文字提醒方法，通過視覺上的優(yōu)化和沖擊，提升視覺效果。

4.加強細節(jié)規(guī)范

在對比近十年以來各大電商網(wǎng)站的漫長發(fā)展史后，網(wǎng)站頁面的視覺樣式已從以往海量文字內(nèi)容、繁雜商品種類劃分轉(zhuǎn)變?yōu)槿缃竦暮啙嵰曈X。從中能夠發(fā)現(xiàn)，近些年來，電商網(wǎng)站頁面視覺一直都是基于頁面視覺交互設(shè)計細節(jié)的嚴格把控與規(guī)范下不斷優(yōu)化的。對細節(jié)的把控是為了反映電商網(wǎng)站的特征。隨著用戶需求水平的提高，電商網(wǎng)站不能僅僅滿足于簡單的功能，改善相關(guān)網(wǎng)站頁面的質(zhì)量，可以帶給用戶不一樣的體驗感受。在分析網(wǎng)絡(luò)用戶通常日常使用頻率較高的電商網(wǎng)站時，還要結(jié)合其詳細的信息進行網(wǎng)站的優(yōu)化，讓視覺更好地好于其他購物網(wǎng)站。在用戶美學(xué)鑒賞力不斷提升的背景下，加強電商網(wǎng)站的視覺交互設(shè)計細節(jié)優(yōu)化，還能強化其視覺美學(xué)價值。而且還能吸引更多用戶。以某電商網(wǎng)站的細節(jié)規(guī)范為例，網(wǎng)站在視覺的顏色方面，做到了上下統(tǒng)一，有效增強了網(wǎng)站的視覺美；網(wǎng)站中字體大小以及間距的調(diào)整，能進一步突出商品類別信息的主要與次要關(guān)系；而網(wǎng)站中商品清晰優(yōu)質(zhì)的畫面質(zhì)量，則將網(wǎng)站的檔次提升到了更高位置。上述這些在細節(jié)上的嚴格把控與規(guī)范，都是優(yōu)化用戶網(wǎng)購體驗的可行方法。

六、結(jié)語

如今，人們的文化素質(zhì)不斷提高，審美觀念也與以往大不相同，良好的用戶體驗是吸引用戶的重要因素，如果只單純的滿足基本需求，缺乏對網(wǎng)站的創(chuàng)新，則會失去很多用戶。通過滿足用戶的需求，也是推動網(wǎng)站發(fā)展的最好方式，加強電商網(wǎng)站頁面界面視覺推廣可以最快最直接地帶給用戶真實的應(yīng)用體驗。通過優(yōu)化頁面視覺，用戶可以在第一時間感覺到自身體驗的改善，對于當(dāng)前的電商網(wǎng)站而言，頁面視覺交互設(shè)計的創(chuàng)新仍處于學(xué)習(xí)借鑒階段。電商網(wǎng)站的興趣和用戶需求之間的平衡發(fā)展還有著較大的提升空間，相信電商網(wǎng)站視覺交互設(shè)計在不久的將來會更具吸引力。