田锋林:B2C网站用户体验设计

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做的再牛逼也是怂比了。老汉穿大裆裤——球不顶!

10 条评论

  1. shunyiseo 的头像 shunyiseo 说:
    写的很不错,记得以前也看到过一篇文章写凡客的用户体验的,都给凡客给予了比较高的评价
  2. 尘缘 的头像 尘缘 说:
    枫林点评很精彩~!
    希望以后多多实例分析
    日日关注你~!
    还那句陕西老话~
    老汉穿大裆裤——球不顶!

    只有seo还是song~!
  3. 合肥报关员培训 的头像 合肥报关员培训 说:
    不错,不过作起来就不太容易了
    fenglin 于 2009-6-15 13:16:41 回复
    任何事情都一样,写出来就这两招,做起来就不是那么回事。
  4. 广州seo 的头像 广州seo 说:
    枫林是不是有计划搞这个?
    fenglin 于 2009-6-15 13:16:58 回复
    没计划,呵呵
  5. foolagain 的头像 foolagain 说:
    实例化的分析很不错!!
  6. 天大 的头像 天大 说:
    实例分析很好,
    让初学的东西记得更牢固,更好的用与实用!
  7. 小胡 的头像 小胡 说:
    大公司有一定资源操作起来还好,对于我们个人来说就只能套用SHOPEX或ECSHOP,我们又如何去套用这些思想理念。
    fenglin 于 2009-6-16 18:30:23 回复
    模板的设计并不贵
  8. 七月 的头像 七月 说:
    好~
  9. 南山 的头像 南山 说:
    可以多写一些关于网站转化率的文章。网站内功不好练好。
  10. 黄山网络公司 的头像 黄山网络公司 说:
    实例化的分析很不错!!

留下评论