練珮欽

摘 ? 要：莆田是重要的電商產(chǎn)品生產(chǎn)基地和銷售中心，全市擁有20多萬以上的電商從業(yè)者，電商作為莆田當?shù)氐囊粋€支柱性產(chǎn)業(yè)在互聯(lián)網(wǎng)熱潮的引領(lǐng)下不斷發(fā)揮者重要作用。作為電子商務(wù)的發(fā)展平臺，電子商務(wù)網(wǎng)站如今已經(jīng)非常成熟，然后做的成功的卻寥寥數(shù)個——淘寶網(wǎng)，京東網(wǎng)等。莆田的電商也開始效仿這些成功網(wǎng)站，花費重金來設(shè)計自己的網(wǎng)站，到是結(jié)果卻和他們預(yù)期的相差甚遠，造成這種情況的原因其中有一部分就是界面設(shè)計藝術(shù)性的缺失和交互設(shè)計的失敗。

關(guān)鍵詞：界面設(shè)計;電子商務(wù);莆田;交互設(shè)計

中圖分類號： J524 ? ? ?文獻標識碼：A ? ? ? ?文章編號：1005-5312（2016）29-0055-01

一、界面設(shè)計分析

界面設(shè)計即User interface，也叫做UI，界面誕生是用來表達人和人的信息交換的，界面為人和人的信息交換提供了一個場合，因為界面的這個特點，界面的構(gòu)成就由人和人雙方來構(gòu)成決定，在電商界面中，電商服務(wù)商和用戶就成了構(gòu)成界面的主要決定者，電商服務(wù)商提供初期的界面構(gòu)造，而用戶在使用的過程中根據(jù)自己的習慣和優(yōu)先級來改變界面。界面設(shè)計包括了人機交互，操作流程邏輯，界面藝術(shù)化設(shè)計。一個獲得市場認可的界面，必定是界面富有設(shè)計美感，操作流程流暢清晰，用戶體驗以人為本的特點。

二、莆田電子商務(wù)網(wǎng)站界面設(shè)計現(xiàn)狀分析

莆田電商自助化目前處于一個初級階段，電商們希望擺脫淘寶，京東等大電商網(wǎng)站的控制，在競爭上，利潤上取得更好的效果。于是一大波重金下產(chǎn)生出莆田電子商務(wù)獨立網(wǎng)站，結(jié)果確是不盡人意。

首先從莆田電商其界面設(shè)計給人第一感受就是“廉價感”，調(diào)研發(fā)現(xiàn)，大部分莆田電商的網(wǎng)站錯綜復雜的導航欄，混亂的商品信息，用上所以顏色的色彩搭配，大大小小的廣告推廣，當一個新用戶第一次進入網(wǎng)站時就會感覺到莫名的茫然，沒有任何優(yōu)先級劃分，玲瑯滿目的花花綠綠的商品一股腦涌上視網(wǎng)膜?！吧秸薄暗土薄安恍湃巍比齻€字刻在了用戶體驗中。

當然電商們也是為他們的生意操碎了心，他們能想到的方法就是重金聘請設(shè)計師來進行視覺設(shè)計，當時國內(nèi)設(shè)計師行人才魚龍混雜，抄襲嚴重，版型設(shè)計嚴重相同。造成的現(xiàn)象就是“老鼠老虎傻傻分不清楚”，所有的電商網(wǎng)站都大致相同，在設(shè)計的識別性上，和品牌的樹立上就吃了一大虧。然后用戶總是理性到了冷漠無情，用戶不斷的追捧界面設(shè)計優(yōu)秀的網(wǎng)站也迫使莆田電商進行改革，這是莆田電商的一個轉(zhuǎn)型時期，能不能進行自主化的蛻變也影響了未來中國電子商務(wù)的發(fā)展。

三、界面設(shè)計的用戶審美分析

馬克思曾經(jīng)說過：“美的規(guī)律就是人的規(guī)律，即有意識的生命活動?！苯缑嬖O(shè)計的元素包括圖形、色塊、菜單、版型等，一個優(yōu)秀成功的電子商務(wù)網(wǎng)站的設(shè)計這些元素都會安排設(shè)計的洽到好處，相輔相成。而優(yōu)秀的界面設(shè)計師必定會全面的來設(shè)計，大到整體的風格樣式，小到一個字符的行距間距。接下來就來探討下界面設(shè)計的重要元素組成。

1、色彩構(gòu)成。淘寶的橙色，京東的紅色都給我們留下了非常深刻的影響，甚至可以說，這種色彩是可以寫入品牌形象里的，所以電子商務(wù)網(wǎng)站的色彩運用的得體是否能為一個企業(yè)商家樹立良好形象。界面的色彩就像一個人的衣服，而一件好的衣服也會讓網(wǎng)站的消費者深深的記住這個網(wǎng)站，勾起他們的興趣從進入網(wǎng)站購物。

2、版式設(shè)計。電子商務(wù)網(wǎng)站的設(shè)計的版面設(shè)計也是十分重要的，成功的界面必定會把畫面的元素統(tǒng)一的有機的安放在畫面合適的位置，根據(jù)疏密的情況來調(diào)整消費者的閱讀節(jié)奏。讓用戶在視覺上得到享受和舒暢。但是界面設(shè)計的版式又和傳統(tǒng)的設(shè)計不一樣，他涉及到分辨率的問題，不同的用戶用不同的載體看到的網(wǎng)頁是不一樣的，所以，一個界面的版式更多的是要為消費者的觀看載體而服務(wù)的。所以，設(shè)計師在控制版式設(shè)計美感的同時也要注意到界面設(shè)計的這種分辨率的特殊性。

3、關(guān)于網(wǎng)站的header、main、footer?！癶eader、main、footer”是網(wǎng)站前端工程師在寫代碼的時候經(jīng)常會用到的，他們分別代表網(wǎng)站的頁頭、內(nèi)容、頁腳。無論任何一種界面設(shè)計都會涉及到的，他們就像人的頭手腳，缺一不可?！癶eader”也就是頁頭一般是用戶第一眼就能看到的地方，他清楚的顯示了網(wǎng)站的名稱，內(nèi)容，甚至是風格。當然商家的logo也是必不可少的。這塊內(nèi)容設(shè)計師需要多花心思，因為他可是用戶對網(wǎng)站的第一印象?！癿ain”部分包括網(wǎng)站的菜單導航，主體內(nèi)容等，是用戶詳細了解網(wǎng)站的主要方式，也是用戶視覺停留最久的地方，有了一個好開頭，那中間的內(nèi)容可是要豐富多才。最后“footer”是結(jié)尾的部分，一般網(wǎng)站的“footer”部分都要和“header”相互呼應(yīng)。顯示商家的logo，聯(lián)系制作信息以及版權(quán)問題。

4、結(jié)合莆田電子商務(wù)網(wǎng)站的結(jié)論。界面設(shè)計在莆田的電子商務(wù)網(wǎng)站中起著非常重要的作用，隨著互聯(lián)網(wǎng)經(jīng)濟的發(fā)展和莆田電商的自主化轉(zhuǎn)型，莆田電子商務(wù)網(wǎng)站的界面設(shè)計似乎承擔著一部分很重的擔子，提高莆田電商的網(wǎng)站設(shè)計感也成了大勢所趨。所以，首先，要仔細研究用戶體驗需求，刨除繁瑣復雜的操作流暢，讓商品挑選瀏覽到購物下單變得輕松得體。以人為本不斷改進。其次，遵從設(shè)計的節(jié)奏美感，從主頁面入口到導航，再到細節(jié)內(nèi)容，節(jié)奏要鮮明，疏密有秩。再次，根據(jù)網(wǎng)站的客戶群體去細化設(shè)計網(wǎng)站的主輔色彩及強調(diào)色彩，版式設(shè)計，logo等設(shè)計，利用圖形色彩語言引到用戶用選擇和溝通。最后，化繁為簡，刨除內(nèi)容繁雜的內(nèi)容，切實從用戶的心理做考慮，從“少則是多”的設(shè)計概念去分析網(wǎng)站。