張藍藝

【摘 要】本文從架構(gòu)設(shè)計、購物流程設(shè)計以及界面視覺設(shè)計對現(xiàn)有購物網(wǎng)站界面設(shè)計與用戶體驗進行分析，并從以上三個方面對云向南微商城展開設(shè)計。

【關(guān)鍵詞】微商城；設(shè)計

中圖分類號：J04 文獻標志碼：A 文章編號：1007-0125（2017）11-0200-01

隨著新媒體網(wǎng)絡(luò)科技的快速發(fā)展，人們越來越喜愛網(wǎng)上購物，而顧客對網(wǎng)上購物的訴求也從最初的單純追求低價格上升到追求完美、個性化、甚至與線下購物趨同的購物體驗。

一、現(xiàn)有購物網(wǎng)站界面及購物流程設(shè)計分析

對現(xiàn)有購物網(wǎng)站的用戶體驗分析從網(wǎng)站的架構(gòu)設(shè)計、購物流程設(shè)計、界面視覺設(shè)計三個方面展開。

良倉是一個主推設(shè)計精良的商品，面向具有一定消費能力并追求高品質(zhì)生活的消費人群的網(wǎng)站。良倉的整體架構(gòu)分為三級頁面，首頁、商品分類頁與購買頁。在商品分類中，良倉的分類是比較細致的，良倉的首頁有一些專題推薦，推薦的內(nèi)容往往是與節(jié)日、季節(jié)相關(guān)。而良倉的一級分類除了商品之外，還有雜志，分享和達人分類，在雜志的分類下有一些分享新鮮事物的文章，分享的內(nèi)容包括時尚、文化、數(shù)碼等。在這其中還有一個清單分類，類似于淘寶的特色專題，而兩者相比較良倉的清單命名更具文化性。個人認為這個清單的實用性還是較高的，現(xiàn)代人每天的生活都很疲憊，整天處于一個壓力大的環(huán)境中，沒有耐心去看復雜的事物，很多人更愿意去看整理歸納好的物品。

良倉的購物流程設(shè)計首先是消費者選定商品，可選擇購買顏色與數(shù)量，選定商品后可選擇立即購買或是加入購物車，選擇購買后進入確認訂單頁面，此頁面為購買信息界面；提交訂單后出現(xiàn)選擇付款方式頁面，確認付款后系統(tǒng)自動轉(zhuǎn)換到第三方網(wǎng)站進行付款完成交易。就購物體驗及服務(wù)來說，良倉在整個網(wǎng)站上只有一個在線客服及客服電話，而淘寶每一個店鋪都配有客服，在看了一些市場調(diào)研后，發(fā)現(xiàn)良倉的售后做得很不全面，無法直接在訂單中追蹤物流去向，也沒有消息發(fā)送到消費者的手機上告知訂單進程，因此很多消費者認為淘寶購物體驗比良倉更好。

良倉整體的界面風格是以簡潔為主，整個界面的版塊都是在框架中，使界面顯得很規(guī)矩，整體的大色調(diào)采用了黑白灰三色，而為了使版面不會太過于無趣，在廣告和促銷的版塊又使用了彩色純色背景，色彩的飽和度并不高，與整個畫面的黑白灰三色搭配起來顯得很雅致。界面的內(nèi)容則主要是以圖片為主，整個界面除了廣告和促銷圖片上的文字再無其他多余的文字，商品詳情與價格則在移動到商品上時才顯現(xiàn)。網(wǎng)站界面并沒有太突出的圖標，都是網(wǎng)站常見的一些圖標，但值得注意的是商品圖片右下角出現(xiàn)的促銷與活動圖標，設(shè)計都是由良倉logo演變而來。

整體來說，良倉整個的界面還是充滿了設(shè)計感，精致又不沉悶，很符合網(wǎng)站的定位。

二、云向南微商城設(shè)計思路

云向南微商城是一個主打云南本地特色食品及進口食品的購物網(wǎng)站。市場定位是面向中等收入水平并且對生活品質(zhì)有一定追求的人群，應根據(jù)市場定位及消費者喜好來進行網(wǎng)站架構(gòu)設(shè)計分析。網(wǎng)站的大體設(shè)計風格理念與良倉相似。

在架構(gòu)設(shè)計上，云向南微商城的大體構(gòu)架也分為三級頁面，首頁除去放登陸、注冊、廣告、推薦商品此類網(wǎng)站基本的版塊之外，還增加了吸引消費者購買的促銷版塊與更好地幫助消費者挑選的特色專題版塊，通過市場調(diào)研結(jié)果，專題與促銷版塊能有效地提高消費者的購買欲。首頁的搜索框應放在顯眼易見的地方。二級界面則包含商品詳細分類、推薦商品以及符合條件商品篩選與商品按條件排序。符合條件商品篩選功能是在購買時可將該類別下所有的商品按照價格、品牌、作用等條件來進行篩選，能幫助消費者更快地找到想要的商品，而推薦商品則是網(wǎng)站根據(jù)用戶所瀏覽商品來給用戶推薦同類商品。三級界面則是商品詳情與購買頁。此外還應在網(wǎng)站每個界面都提供在線客服的小窗，使消費者在購物出現(xiàn)問題時隨時都能與網(wǎng)站溝通。

許多人選擇在網(wǎng)上購物除了品種豐富，性價比高等因素外，很大一部分原因是網(wǎng)上購物的方便快捷以及良好的售后服務(wù)，因此購物流程這個環(huán)節(jié)對于消費者的購物體驗來說是至關(guān)重要的。大致的購買流程與其他購物網(wǎng)站相似，要注意的是在消費者的整個消費過程中，客服以及售后服務(wù)顯得尤為重要，網(wǎng)站應該有24小時在線客服為消費者答疑。

根據(jù)云向南網(wǎng)站的定位，整體設(shè)計風格以簡潔精致為主，網(wǎng)站的所有元素統(tǒng)一在版塊中使版面整齊。但整個網(wǎng)站的設(shè)計如果太過規(guī)矩又會顯得太沉悶，使消費者沒有購買欲望，因此在設(shè)計時要考慮到如何使界面簡潔精致又不至于單調(diào)無趣。在排版方式上，可設(shè)計版塊的大小變化給整個畫面增加節(jié)奏感。在色彩的選擇上，整個網(wǎng)站的主色調(diào)搭配“云向南”logo的主色調(diào)來使用，商品圖片可統(tǒng)一用深色灰色系或原木底來著重突出商品并增加商品的品質(zhì)感，但食物類商品應使用白色來搭配。單是用黑白灰色系出現(xiàn)在整個版面中會使版面顯得單調(diào)無趣，設(shè)計可以從廣告條與促銷版塊的色彩入手，通過網(wǎng)站品牌理念整理出一組色彩，將其運用在廣告條的背景中。整個版面要在保持完整性的同時盡可能少地出現(xiàn)元素，使版面給人以精致的感覺，因此商品信息設(shè)計在鼠標移動到圖片后出現(xiàn)。圖標設(shè)計應使用線條纖細的圖標，纖細的線條往往給人現(xiàn)代，精致的感覺。