搜索

唯品会:与众不同的B2C网站交互设计

2013-1-10 11:00| 阅读次数: 22600| 发布者: 教研室

摘要:   以提供品牌折扣的唯品会,涵盖包括多种奢侈品的众多品牌。走的是高端品牌路线,目标用户消费需求量大。   下面尝试在交互设计角度对其进行浅显解读!   首页布局:   采用顶端banner+导航栏+banner,下部布 ...

  以提供品牌折扣的唯品会,涵盖包括多种奢侈品的众多品牌。走的是高端品牌路线,目标用户消费需求量大。


  下面尝试在交互设计角度对其进行浅显解读!

  首页布局:

  采用顶端banner+导航栏+banner,下部布局为2:1结构,左侧呈现各大在售品牌陈列,右侧为广告和信息发布区。

  首页最多的就是各大在售品牌的陈列,这是由他的网站特性——提供品牌折扣,决定的。下拉表单很长很长,分为"今天新品""昨天上线""最后疯抢""即将推出"三大块。

  消费者在逛唯品会的时候终究会找到逛商场的感觉吧,漫长而又琳琅满目,如果说女性消费者会乐此不彼,粘性更高。这个长长的下拉设计选择也就是为女人而做出的选择。

  还有就是网站本身不提供搜索,所以导航的功能就尤显重要了。

  导航栏:

  主导航栏分为六个导航标签:"特卖会""奢侈品""唯品团""旅游""唯品尚""手机版",点击全都是新建一页!第一次是在淘宝发现的,很毁印象中的tab页导航的形象。应该叫做友情链接更合适!

  默认的是特卖会,总共五个类别:全部品牌,女士,男士,儿童,居家(充分体现垂直电商定位明确)会省很多麻烦)的特点),不过有个嘈点就是这个导航点击会使网页整体刷新一遍。tab页!

  接下来不得不说的是,他与其他电商网站非常具有差异性的地方就是"商品分类"放置在页面右侧。(这里指的是首页,在各大品牌卖场里面除了在顶端加了品牌集汇体现其网站特点,其他设计与其他B2C无异)

  该商品分类分为三级导航,二级和三级标签同时显示(能以较短路径显示用户所需要的内容,同时以分组(二级标签)的形式呈现(组块原则))。这也在京东,当当等被用到,是B2C网站商品导航的一个设计模式。

  而采用的设计是抽屉式菜单(减少了左侧空间利用率,但是这又是由前面的差异所决定的,而用户鼠标从右往左比左往右代价高,确保左侧品牌曝光度好像不算理由),同时每次只打开一个抽屉来增加右侧可怜区域的利用率。

  不过唯品会的10个一级标签区分度不够,看着都背景和文字都挤一堆去了。

  ps1.发现京东,当当也在三级导航栏里尝试向用户推荐自己的品牌!(你中有我,我中有你)

  ps2.唯品会自己也在做相关调查,希望知道消费者进唯品会的主要购物意向。

  购物功能流程(只就其有别于其他网站的品牌特卖会讨论):

  选择品牌-->(选择商品分类-->选择尺码-->)逛该品牌-->放入购物袋-->去购物袋结算-->立即结算-->确认订单信息(收货人,收货时间,支付方式,商品清单)-->立即结算。

  (逛该品牌的时候提供筛选方式:只显示有货商品,按折扣或价格排序)。

  应该说购物流程非常清晰,同时在该流程上加入很多引诱消费者多购物的因素。

  1.首页:品牌折扣剩余时间倒计时。

  2.品牌商品列表页:品牌折扣倒计时,各商品提供现价和市场价做对比以及折扣数(最高不过5,确实又便宜的)。

  3.商品详情页:商品超过288元会在商品价格上打上"免运费"的标签,稍微歪着头引人注目。

  4.成功放入购物袋提示框:提示"购物袋中的商品,为您保留20分00秒,请及时结算","继续购物"按钮比结算按钮醒目。

  5.清空购物袋倒计时一直持续到最后结算成功。


鲜花

握手

雷人

路过

鸡蛋

最新评论

回顶部