购物网站用户体验研究要点及云向南微商城网站设计思路

张蓝艺

【摘 要】本文从架构设计、购物流程设计以及界面视觉设计对现有购物网站界面设计与用户体验进行分析，并从以上三个方面对云向南微商城展开设计。

【关键词】微商城；设计

中图分类号：J04 文献标志码：A 文章编号：1007-0125（2017）11-0200-01

随着新媒体网络科技的快速发展，人们越来越喜爱网上购物，而顾客对网上购物的诉求也从最初的单纯追求低价格上升到追求完美、个性化、甚至与线下购物趋同的购物体验。

一、现有购物网站界面及购物流程设计分析

对现有购物网站的用户体验分析从网站的架构设计、购物流程设计、界面视觉设计三个方面展开。

良仓是一个主推设计精良的商品，面向具有一定消费能力并追求高品质生活的消费人群的网站。良仓的整体架构分为三级页面，首页、商品分类页与购买页。在商品分类中，良仓的分类是比较细致的，良仓的首页有一些专题推荐，推荐的内容往往是与节日、季节相关。而良仓的一级分类除了商品之外，还有杂志，分享和达人分类，在杂志的分类下有一些分享新鲜事物的文章，分享的内容包括时尚、文化、数码等。在这其中还有一个清单分类，类似于淘宝的特色专题，而两者相比较良仓的清单命名更具文化性。个人认为这个清单的实用性还是较高的，现代人每天的生活都很疲惫，整天处于一个压力大的环境中，没有耐心去看复杂的事物，很多人更愿意去看整理归纳好的物品。

良仓的购物流程设计首先是消费者选定商品，可选择购买颜色与数量，选定商品后可选择立即购买或是加入购物车，选择购买后进入确认订单页面，此页面为购买信息界面；提交订单后出现选择付款方式页面，确认付款后系统自动转换到第三方网站进行付款完成交易。就购物体验及服务来说，良仓在整个网站上只有一个在线客服及客服电话，而淘宝每一个店铺都配有客服，在看了一些市场调研后，发现良仓的售后做得很不全面，无法直接在订单中追踪物流去向，也没有消息发送到消费者的手机上告知订单进程，因此很多消费者认为淘宝购物体验比良仓更好。

良仓整体的界面风格是以简洁为主，整个界面的版块都是在框架中，使界面显得很规矩，整体的大色调采用了黑白灰三色，而为了使版面不会太过于无趣，在广告和促销的版块又使用了彩色纯色背景，色彩的饱和度并不高，与整个画面的黑白灰三色搭配起来显得很雅致。界面的内容则主要是以图片为主，整个界面除了广告和促销图片上的文字再无其他多余的文字，商品详情与价格则在移动到商品上时才显现。网站界面并没有太突出的图标，都是网站常见的一些图标，但值得注意的是商品图片右下角出现的促销与活动图标，设计都是由良仓logo演变而来。

整体来说，良仓整个的界面还是充满了设计感，精致又不沉闷，很符合网站的定位。

二、云向南微商城设计思路

云向南微商城是一个主打云南本地特色食品及进口食品的购物网站。市场定位是面向中等收入水平并且对生活品质有一定追求的人群，应根据市场定位及消费者喜好来进行网站架构设计分析。网站的大体设计风格理念与良仓相似。

在架构设计上，云向南微商城的大体构架也分为三级页面，首页除去放登陆、注册、广告、推荐商品此类网站基本的版块之外，还增加了吸引消费者购买的促销版块与更好地帮助消费者挑选的特色专题版块，通过市场调研结果，专题与促销版块能有效地提高消费者的购买欲。首页的搜索框应放在显眼易见的地方。二级界面则包含商品详细分类、推荐商品以及符合条件商品筛选与商品按条件排序。符合条件商品筛选功能是在购买时可将该类别下所有的商品按照价格、品牌、作用等条件来进行筛选，能帮助消费者更快地找到想要的商品，而推荐商品则是网站根据用户所浏览商品来给用户推荐同类商品。三级界面则是商品详情与购买页。此外还应在网站每个界面都提供在线客服的小窗，使消费者在购物出现问题时随时都能与网站沟通。

许多人选择在网上购物除了品种丰富，性价比高等因素外，很大一部分原因是网上购物的方便快捷以及良好的售后服务，因此购物流程这个环节对于消费者的购物体验来说是至关重要的。大致的购买流程与其他购物网站相似，要注意的是在消费者的整个消费过程中，客服以及售后服务显得尤为重要，网站应该有24小时在线客服为消费者答疑。

根据云向南网站的定位，整体设计风格以简洁精致为主，网站的所有元素统一在版块中使版面整齐。但整个网站的设计如果太过规矩又会显得太沉闷，使消费者没有购买欲望，因此在设计时要考虑到如何使界面简洁精致又不至于单调无趣。在排版方式上，可设计版块的大小变化给整个画面增加节奏感。在色彩的选择上，整个网站的主色调搭配“云向南”logo的主色调来使用，商品图片可统一用深色灰色系或原木底来着重突出商品并增加商品的品質感，但食物类商品应使用白色来搭配。单是用黑白灰色系出现在整个版面中会使版面显得单调无趣，设计可以从广告条与促销版块的色彩入手，通过网站品牌理念整理出一组色彩，将其运用在广告条的背景中。整个版面要在保持完整性的同时尽可能少地出现元素，使版面给人以精致的感觉，因此商品信息设计在鼠标移动到图片后出现。图标设计应使用线条纤细的图标，纤细的线条往往给人现代，精致的感觉。