購物網站用戶體驗研究要點及云向南微商城網站設計思路

張藍藝

【摘 要】本文從架構設計、購物流程設計以及界面視覺設計對現有購物網站界面設計與用戶體驗進行分析，并從以上三個方面對云向南微商城展開設計。

【關鍵詞】微商城；設計

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

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

一、現有購物網站界面及購物流程設計分析

對現有購物網站的用戶體驗分析從網站的架構設計、購物流程設計、界面視覺設計三個方面展開。

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

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

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

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

二、云向南微商城設計思路

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

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

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

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