購物網(wǎng)站的界面設(shè)計研究

【摘 要】 互聯(lián)網(wǎng)購物成為一種趨勢。購物網(wǎng)站界面設(shè)計對于商品銷售具有重要意義。我國當前購物網(wǎng)站的界面設(shè)計受到的影響因素較多，購物網(wǎng)站界面設(shè)計優(yōu)點突出，但也存在不少問題，應積極采取有效措施，不斷提高購物網(wǎng)站界面設(shè)計水平，以提高商品銷售能力。

【關(guān)鍵詞】 界面設(shè)計；互聯(lián)網(wǎng)；購物

隨著互聯(lián)網(wǎng)的不斷普及以及大眾消費水平的提高，互聯(lián)網(wǎng)購物已經(jīng)成為一種時尚和潮流。購物網(wǎng)站界面的設(shè)計對于商品的銷售起著非常重要的作用。越來越的商家開始關(guān)注購物網(wǎng)站界面設(shè)計的藝術(shù)性。購物網(wǎng)站界面設(shè)計受各方面因素影響較大，當前互聯(lián)網(wǎng)購物設(shè)計優(yōu)點較多，但同時也存在一些不足，還需要進一步完善購物網(wǎng)站界面設(shè)計策略，以提高購物網(wǎng)站銷售水平。

一、當前我國購物網(wǎng)站界面設(shè)計的影響因素

購物網(wǎng)站界面設(shè)計受到諸多因素的影響，歸結(jié)起來主要可以分為兩類：社會因素的影響和經(jīng)濟發(fā)展的影響。

（一）購物網(wǎng)站設(shè)計受社會因素的影響

隨著經(jīng)濟發(fā)展、社會進步，藝術(shù)創(chuàng)作、哲學發(fā)展以及宗教活動等都呈現(xiàn)了活躍、繁榮的局面。隨著信息生產(chǎn)與信息傳播技術(shù)的網(wǎng)絡(luò)化、移動化，各種意識形態(tài)有了新的表達和匯集的平臺。中國是一個有著深厚文化積淀的國家，中國人養(yǎng)成了自己獨特的審美心理模式。受中國傳統(tǒng)社會和文化的影響，在進行網(wǎng)站界面設(shè)計時，一定要充分考慮社會意識形態(tài)、社會歷史背景、網(wǎng)絡(luò)消費者文化等因素，結(jié)合當前的時代特點，創(chuàng)造出適合當前中國人審美心理需求的設(shè)計樣式。尤其是當前形勢下，社會進步、互聯(lián)網(wǎng)技術(shù)都給中國傳統(tǒng)文化帶來巨大的沖擊，傳統(tǒng)的審美觀念發(fā)生了一定的變化，形成了各種各樣的審美表現(xiàn)形勢，影響了當前中國人的消費觀念和行為習慣。

（二）購物網(wǎng)站設(shè)計受經(jīng)濟全球化影響較深

中國加入世貿(mào)組織，對中國電子商務的發(fā)展產(chǎn)生了重大的影響。因為WTO允許銀行、保險、運輸?shù)阮I(lǐng)域開放，同時網(wǎng)上支付、網(wǎng)上平臺、網(wǎng)上運輸?shù)入娮由虅昭杆賹崿F(xiàn)了世界化的標準應用。全球各類在線零售企業(yè)加劇了在電子商務領(lǐng)域的競爭，他們也紛紛加入中國進行網(wǎng)絡(luò)銷售。大批具有戰(zhàn)略眼光的中國企業(yè)也開始大規(guī)模進行網(wǎng)上平臺的宣傳和銷售，不斷提高自身競爭力。首先，購物網(wǎng)站百花齊放，數(shù)量急劇增加，提高網(wǎng)頁設(shè)計的藝術(shù)性，成為應對挑戰(zhàn)的重要方式之一。其次，隨著經(jīng)濟發(fā)展和物質(zhì)消費水平的提高，進行網(wǎng)絡(luò)購物的消費者急劇增加。網(wǎng)絡(luò)需求擴大又進一步刺激了網(wǎng)站購物的發(fā)展。消費者根據(jù)自己的興趣、年齡等選擇自己喜愛的消費品，網(wǎng)站設(shè)計的分類更加精細化，同時界面的風格也更加個性化。再次，網(wǎng)絡(luò)購物商品資源豐富多樣，給消費者提供了更多的選擇機會。網(wǎng)絡(luò)消費功能已經(jīng)能夠滿足消費者對于商品的需求，所以越來越多的消費者愿意在網(wǎng)上購物，也希望網(wǎng)站界面的設(shè)計能夠更加具有藝術(shù)性，以滿足選購商品時的精神享受。

二、當前購物網(wǎng)站界面設(shè)計的現(xiàn)狀

以淘寶網(wǎng)為例，簡單介紹一下當前購物網(wǎng)站界面設(shè)計的優(yōu)缺點。

（一）界面設(shè)計色彩搭配較為合理

作為阿里巴巴旗下的購物網(wǎng)站淘寶網(wǎng)，具有自己獨特的風格，其主要是采用了橙色為主的色調(diào)，色彩統(tǒng)一、和諧，給了消費者良好的視覺體驗。淘寶網(wǎng)不僅在網(wǎng)頁上用色統(tǒng)一，而且在企業(yè)用色的，也是非常統(tǒng)一地采取了橙色為主的色調(diào)，這為企業(yè)形象的傳播起到了非常積極的作用。同時淘寶網(wǎng)的文字設(shè)計也是非常統(tǒng)一的，大部分字體都是以宋體為主。

（二）界面設(shè)計視覺流程的編排主次分明

從淘寶網(wǎng)的視覺流程上看，都是根據(jù)瀏覽者的視覺行為習慣進行界面設(shè)計的，視覺流程相對比較合理。淘寶網(wǎng)視覺流程編排采取的是從左上到右下順序進行分布，主欄目導航處于網(wǎng)頁上部的中間，標識處在左上角的“網(wǎng)眼”，廣告則是分布在右側(cè)和底部。

（三）界面設(shè)計導航的交互性與文字化

在淘寶網(wǎng)界面上，導航系統(tǒng)通過各種方式增強人機的交互性。如通過動畫效果吸引消費者的注意，通過對鼠標運用的相應增強網(wǎng)頁與網(wǎng)絡(luò)消費者的互動感。淘寶網(wǎng)還有專門的消費者評價板塊，這就增強了消費者對于網(wǎng)頁的互動，消費者的存在感增強。導航圖形化已經(jīng)成為網(wǎng)頁界面的一個趨勢，文字導航往往需要網(wǎng)購消費者運用更多的時間和耐心去閱讀，不如圖形更加形象和直觀，通過圖形來傳達信息，讓信息圖像化。目前淘寶網(wǎng)的文字導航相對較多，有待于進一步改善。

（四）界面商品信息的大量堆積

網(wǎng)頁界面除了具有信息傳達功能，還應具有審美功能。在淘寶上界面上，商家為了追求信息的豐富，往往將大量信息都堆積在頁面上，網(wǎng)頁界面設(shè)計非常長，這種做法往往得不到實際的效果，反而會使顧客視覺疲勞，降低購買欲望。

三、采取有效措施，提高購物網(wǎng)站界面設(shè)計水平

（一）精簡促銷信息

購物網(wǎng)站最主要的任務就是將信息準確傳達給消費者。購物網(wǎng)站界面只有清晰、易讀，才能夠讓網(wǎng)絡(luò)消費者準確的接受信息。首先，應該精簡促銷廣告一欄，在購物網(wǎng)站上，如果促銷廣告過多就會導致消費者的麻木心理，而且全部是促銷信息，也會使網(wǎng)頁界面雜亂無章，容易使消費者產(chǎn)生抵觸的心理。其次，應不斷精簡同類商品信息。信息過多會直接影響網(wǎng)頁的下載速度，過慢的網(wǎng)頁速度肯定會導致消費者產(chǎn)生厭倦心理，最終離開頁面。所以為了加快下載速度，暢通瀏覽網(wǎng)頁，也應精簡同類商品信息，以圖形化、直觀化的方式展示商品信息，讓網(wǎng)絡(luò)消費者能夠快速地瀏覽頁面，選擇商品。再次，應該不斷精簡導航商品分類。購物網(wǎng)站的導航設(shè)計是否優(yōu)秀是評價一個購物網(wǎng)站合理與否的關(guān)鍵。導航分類過多會使消費者不知道該如何搜索信息，導航分類應該盡量精簡，但是要具有邏輯性和可操作性，消費者可以通過引擎準確搜索自己的想要的商品。同時導航設(shè)計在精簡的基礎(chǔ)上還應該具有交互性，使消費者在網(wǎng)頁中找到存在感。通過瀏覽記錄向消費者提供一些同類商品，對于實現(xiàn)消費者的理性消費具有重要意義。

（二）更加合理地安排視覺流程

首先，視覺流程界面應該具有邏輯性。圖像形象與文字的組合具有邏輯性，目的是讓消費者更加迅速和準確地接受信息。通過擺正信息的主次關(guān)系，可以讓網(wǎng)絡(luò)消費者更快地找到所需信息，將網(wǎng)頁最重要的信息放在第一屏，因為網(wǎng)絡(luò)消費者往往在第一屏停留時間最長。根據(jù)人們的瀏覽習慣，標志應放在左上角。其次，界面設(shè)計視覺元素應具有可視性，保證視覺元素是易記的、易讀的，具有較強的訴求力，同時不同的視覺氛圍里應體現(xiàn)出不同的含義。還可以通過視覺元素之間的距離來控制視覺流程。再次，網(wǎng)絡(luò)購物視覺策劃應該具有戰(zhàn)略性。根據(jù)網(wǎng)絡(luò)消費者的心理需求，對整個設(shè)計進行整體規(guī)劃。運用各設(shè)計要素進行視覺誘導，按照設(shè)計師的構(gòu)想進行網(wǎng)頁界面設(shè)計。應用購物網(wǎng)站界面進行評估，評價優(yōu)缺點，然后再進行修改，提高設(shè)計質(zhì)量。

（三）界面設(shè)計應該遵循統(tǒng)一的美學原理

購物網(wǎng)站界面設(shè)計要具有美學意義。首先界面要實現(xiàn)整體性與相對性的統(tǒng)一。界面各要素之間要相互協(xié)調(diào)，具有統(tǒng)一性和整體性，設(shè)計要具有整體美感。其次，界面設(shè)計要有美的統(tǒng)一。所以購物網(wǎng)站設(shè)計應該要處理好圖像造型與頁面背景的關(guān)系、張力與簡化的關(guān)系、形態(tài)與色彩的關(guān)系等。

參考文獻：

①[美]約翰·安德森著，秦裕林等譯.認知心理學及其啟示[M].北京：人民郵電出版社，2012

②[美]Jeff Johnson著，張一寧譯.認知與設(shè)計：理解UI設(shè)計準則[M].北京：人民郵電出版社，2011

③[美]Robert Hoekman.Jr，Jared Spool著，向怡寧譯.網(wǎng)站設(shè)計解構(gòu)：有效的交互設(shè)計框架和模式[M].北京：人民郵電出版社，2011