試析電商網站的視覺交互設計

劉昊鑫

摘 要：我國電子商務發展迅速，并進入了一個穩定階段，淘寶、京東、唯品會等網上購物平臺日成交量驚人，特別是在雙十一這樣特別的日子，每個網站當天成交量是往常的好幾倍。電商市場就如同一塊大蛋糕，越來越多的電商企業想要一起分蛋糕，電商企業之間的競爭日益劇烈。有競爭就有進步，想要吸引更多的用戶就需要在電商網站上下功夫，企業之間的競爭促進了電商網站的發展，網站的視覺效果往往是影響顧客選擇產品的主要因素，良好的視覺設計可以增加顧客的購買意愿。在如今如此激烈的競爭環境下，誰的網站視覺設計好，誰就有強的競爭力，而網站視覺的核心又是視覺互交設計，所以做好視覺互交設計至關重要。

關鍵詞：電商網站;視覺交互設計;以人文本

1 視覺交互設計的概念

互交設計就是建立在雙方互動的基礎上，網站的管理者將想要傳達給顧客的信息通過互交設計師，直觀地展示在網站上，用戶在瀏覽網站時能夠瞬間捕捉到信息，產生共鳴。互交設計就是一種傳達消息的途徑，設計者利用文字、圖片來說話。

在使用網站的時候，使用過程的感覺就是一種互交體驗，隨著新技術的發展，各種新產品和互交方式越來越多，人們也越來越重視互交的體驗，對互交設計者也有了更高的要求。在網購時，人們無法像傳統購物那樣親自體驗，只能通過電視網站的視覺元素進行主觀判斷，而時下購物網站多，顧客的選擇也多，網站如果在視覺效果上不能第一視覺抓住顧客的眼球，吸引顧客，那么就只能在電商的市場里沉靜下去，被市場淘汰，而視覺吸引就需要做好視覺交互設計。

2 視覺交互設計對電商網站的影響

交互設計宗旨是以人為本，電商要理解顧客的期望、需求，創造出讓顧客喜歡、滿意的內容、產品。傳統的互交設計簡單，但是缺乏進度預覽和人性化設計，當下的互交設計不僅更加人性化，還提高了用戶的可選擇性和可預知性，大大提高了用戶的體驗感。視覺交互設計對電商網站的影響主要有這幾個方面：

2.1 視覺交互設計影響顧客的思維

電商網站最重要的就是要顧客買買買。當網站信息抓住了顧客的眼球，留住了顧客的心，那就是成功的，所以視覺交互設計就需要了解顧客的想法，站在顧客角度進行設計。我們經常購物，能夠體會看到各個界面網站琳瑯滿目的商品時，我們會視覺疲勞，會選擇困難，最后我們會選擇一個印象最深刻的產品購買，這就是視覺交互設計的目的，讓顧客感受到視覺沖擊，讓大腦記住信息，然后影響顧客的選擇。

2.2 視覺交互設計抓住顧客的心理

視覺影響不僅僅局限于觀感體驗，還要能夠對其心理進行影響。就如同我們在吃一樣東西的時候，舌尖傳來的味道讓我們回憶起了小時候與這個味道有關的事情，這就是聯系作用。在電商網站的互交設計上，這一點非常重要，利用互交符號讓顧客產生心理認同感，帶動他們的情緒，增加他們的好感度，這樣也能夠讓網站有一群忠實的客戶。

2.3 視覺交互設計以人文本

視覺交互設計的初衷就是以人為本，電商網站的目的非常清晰，那就是賣東西，網站設計的目的就是為了讓顧客喜歡在網站上買東西，一想要買東西就來這個網站，這樣才是成功電商網站。要做到這樣是比較困難的，這就需要視覺互交設計針對多類型的人群特性，把能夠吸引他們的各個因素科學的結合在一起，這樣就能夠便利大部分人群，每一類型的人都能在這個網站上有一個舒適愜意的體驗，這就是交互設計中的人本設計。

3 電商網站視覺交互設計的發展趨勢

目前我國電商企業處于穩定發展階段，隨著企業的增多，市場這塊大蛋糕被越分越小，想要在競爭中不被淘汰，就需要走創新的道路，只有創新，才能增加企業自身的實力，才能變大變強。電商企業創新不外乎幾種模式，其中最主要的還是企業網站的設計，網站視覺交互設計就是重點。電商網站視覺交互設計的目的就是吸引顧客，未來的發展也是為了吸引更多的顧客。

3.1 堅持以人為本

電商網站的視覺交互設計依舊需要堅持以顧客為主，了解顧客 的心理，設計者可以通過問卷調查、走訪等方法，來了解顧客的心理。例如專門賣母嬰產品的網站，可以對孕期的媽媽、嬰兒期的媽媽和兒童期的媽媽分別進行訪問，了解其在購物時最想知道的是什么，最想買的是什么。只有對顧客進行心理分析，互交設計才能設計出適合這一群體的網站，才能增加產品銷量。堅持以人為本依舊是視覺交互設計的發展方向。

3.2 跟上時代，時尚設計

不僅是服裝、鞋帽需要跟上時代潮流，電商網站也需要跟上時代潮流。就像突然流行起來的直播空間，有許多人都喜歡看直播，還有最近的抖音，走出了多少網紅，這就是時代發展，電商網站不能僅僅局限于過去的網站購物，還要借鑒現代流行的軟件，把可用的元素加入網站上，創新網站新形勢，用新模式吸引顧客，這就是今后視覺互交設計應該要做的。

3.3 視覺效果簡約化

過去電商網站花俏，是大眾比較喜愛的風格，隨著大家的品位變化，現在大家比較喜歡簡約的風格，就需要網站的界面時時更新，做到購物界面簡單明了，幫助顧客節約選擇的時間，想要什么輸入進去就能夠看到心儀那一款。想要一目了然的效果可以通過顏色來分區，視覺互交設計應充分運用色塊作用，讓用戶眼前一亮。

4 結語

隨著我們文化素養的提升，我們的審美理念已經與過去完全不同了，電商網站的視覺互交設計也在與時俱進，我們相信，未來電商網站的視覺互交設計能夠做出更加吸引顧客的網站。

參考文獻：

[1] 李瑩雪.移動互聯網交互設計中視覺反饋機制設計的影響因素[J].明日風尚，2018（2）：34.

[2] 牛東方.淺析交互界面影響下互交產品[J].藝術與設計，2010（3）.

[3] 吳旭敏，王敏.基于用戶體驗的網頁互交設計研究[J].藝術教育，2017（3）.