莆田外贸B2C网站用户体验设计(转）

2009年06月15日 | 01:48分类：陈源的随笔 | 标签：莆田Google推广、莆田SEO、莆田网站优化、陈源 | 1,092 views

B2C网站的最终目的：产生有效订单

B2C网站用户体验的两个要诀：UI设计和购物流程设计

UI设计要抓取用户的本质需求。做设计之前，扪心自问——用户来这里做什么？用户打开某个页面最关注的可能是什么？结合自身产品的特点，怎么样在第一时间将用户需求的信息传递给用户？

目前B2C类网站产品信息组成大都是图片和文字描述。所以用将信息最有效的传递给用户，也只能在这两块做文章，枫林结合Vancl的网站设计和用户体验简单的分析一下B2C网站在设计时的几个要点。

首先，Vancl是以销售服装为主。根据服装购买用户的心理特征，该类用户最可能关注的是服装的款式（最好是模特展示），质地，价位。这样在打开首页的时候就应该将这些信息直接传达给用户。

进入Vancl首页，最先展示给用户的是最新款的服饰或者是促销，打包搞活动的产品，幻灯片来回切换，再下来是按类别促销产品的的一个自动播放。

接下来，新品展示，这是吸引回头客的一个方法，让用觉得网站在不断的推出新品。再往下就是分类别展示了，由衬衫到家居。断码区和市场推广信息以及配送，联系方式等放在最后面，我们这里只要明白，自己的产品足够的好，能吸引客户的眼球，客户会主动的找其他信息。

Vancl整体页面由灰、白、暗红三个色系构建，不需要过多的色彩，搞得太花稍的网站到显得没什么档次。也许第一次进Vancl你就能感觉到跟其他B2C服装网站有所不同的是，图片的处理很讲究，因为用户第一眼来到这里，要获取服装的款式，质地以及效果展示都是以图片的方式展现的。所以Vancl的首页大面积的使用图片的排版，单张图片的处理也很讲究，不需要过多的色彩，背景基本以银灰为主，图片上也不需要文字水印之类。因为用户最主要的目的是看款式，看模特展示效果，照片要来个花哨背景那就大可不必了，反而会影响用户的判断。

首页产品信息的呈现上。简简单单，将图片，产品简介（不超过10个字），产品价格传递了给用户，当然，作为一个卖衣服的客户，这几个信息足以决定我是否需要产生下一次点击了。

原价和售价都列出来，让用户心理有一个概念市场价****，本站售价****。

搜索框和导航。一般我们谈及网站设计的时候，强调导航怎么怎么重要，搜索框怎么怎么重要，但是在这种类别相对少的B2C网站来说，导航和站点搜索的作用就显得比较弱了，所以这两块没必要太做突出，就算没有站内搜索，用户也能点击到达，信息量并不是很大。

（首页弱化了搜索框）

相反，类似淘宝之类，类别很多，产品极大丰富的网站，搜索框那就是重中之重了，用户不通过搜索，需要经过N多次复杂的思考，寻找，思考找到自己的目标产品，故而淘宝的UED也不是吃闲饭的。

（首页极力强化搜索框）

列表页产品信息展示。给用户留有反悔的余地，让用户更加深入了解某款产品。

鼠标移动到具体的产品上，会出现一个放大图，大图上有用户综合评分，用户评论等客观信息帮助其他用户来做判断，是要继续看这款产品还是不考虑这款产品了，这个时候基本已经可以做出决定了，不用去浪费用户一次点击了。

产品最终页。最终页的信息量通常一般比较大，最终面对用户的是这个页面，用户下订单也在这个页面。所以这个页面必须做好主体信息与辅助信息分布，主体信息往往又根据产品特点，看看是否需要一些功能来支撑主体，比如有的产品用户可能需要试用，有的产品用户需要查看大图，有的需要正面，反面，侧面都看看，不同的颜色会是什么样子？等等。

（Vancl最终页的主体信息区）

强调的依然是大图，正面，侧面，衣领等买衣服的用户最关注的东西，右侧商品名称，优惠价格，颜色，尺码，购物按钮等也是很重要的部件。

而像产品详细描述，配送信息，洗涤说明，最近浏览的产品，用户评论等则适当的弱化，放在下面（第二屏）显示了。

最近，帮几个做B2C的朋友分析几个网站，顺便谈谈一直红的发紫的Vancl，要是放以前的Vancl，却是体验上也很一般，没什么值得谈的，现在的Vancl体验上已今非昔比，对比几家常去买衣服的网站就发现，能真正想用户所想，真正做到Don’t make me think的很少了。

我们可能经常见到Vancl在砸广告。这样以来，看来Vancl的钱砸的也值，网站体验设计的不错也是为了提高转化率，减少损失，这块的投资还是必须的，千万别觉得拿个Shopex或者Ecshop随便找个免费模板或者自己抄个模板就完事了。

上面简单的分析了Vancl的几个页面的用户体验，有时间再来分析B2C的购物流程设计。

枫林做SEO，为什么要关注这个呢？SEO能给B2C网站带来初始用户，如果网站让用户用的很难受，甚至不能流畅的完成购物流程，那SEO做的再牛逼也是怂比了。老汉穿大裆裤——球不顶！