xgnic post_time 2013-2-15 12:05:19

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

以提供品牌折扣的唯品会,涵盖包括多种奢侈品的众多品牌。走的是高端品牌路线,目标用户消费需求量大。下面尝试在交互设计角度对其进行浅显解读!http://imgs.ebrun.com/resources/2013_01/2013_01_10/201301109621357782360828.jpg首页布局:采用顶端banner+导航栏+banner,下部布局为2:1结构,左侧呈现各大在售品牌陈列,右侧为广告和信息发布区。首页最多的就是各大在售品牌的陈列,这是由他的网站特性——提供品牌折扣,决定的。下拉表单很长很长,分为"今天新品""昨天上线""最后疯抢""即将推出"三大块。消费者在逛唯品会的时候终究会找到逛商场的感觉吧,漫长而又琳琅满目,如果说女性消费者会乐此不彼,粘性更高。这个长长的下拉设计选择也就是为女人而做出的选择。还有就是网站本身不提供搜索,所以导航的功能就尤显重要了。导航栏:主导航栏分为六个导航标签:"特卖会""奢侈品""唯品团""旅游""唯品尚""手机版",点击全都是新建一页!第一次是在淘宝发现的,很毁印象中的tab页导航的形象。应该叫做友情链接更合适!默认的是特卖会,总共五个类别:全部品牌,女士,男士,儿童,居家(充分体现垂直电商定位明确)会省很多麻烦)的特点),不过有个嘈点就是这个导航点击会使网页整体刷新一遍。tab页!接下来不得不说的是,他与其他电商网站非常具有差异性的地方就是"商品分类"放置在页面右侧。(这里指的是首页,在各大品牌卖场里面除了在顶端加了品牌集汇体现其网站特点,其他设计与其他B2C无异)该商品分类分为三级导航,二级和三级标签同时显示(能以较短路径显示用户所需要的内容,同时以分组(二级标签)的形式呈现(组块原则))。这也在京东,当当等被用到,是B2C网站商品导航的一个设计模式。而采用的设计是抽屉式菜单(减少了左侧空间利用率,但是这又是由前面的差异所决定的,而用户鼠标从右往左比左往右代价高,确保左侧品牌曝光度好像不算理由),同时每次只打开一个抽屉来增加右侧可怜区域的利用率。不过唯品会的10个一级标签区分度不够,看着都背景和文字都挤一堆去了。ps1.发现京东,当当也在三级导航栏里尝试向用户推荐自己的品牌!(你中有我,我中有你)ps2.唯品会自己也在做相关调查,希望知道消费者进唯品会的主要购物意向。购物功能流程(只就其有别于其他网站的品牌特卖会讨论):选择品牌-->(选择商品分类-->选择尺码-->)逛该品牌-->放入购物袋-->去购物袋结算-->立即结算-->确认订单信息(收货人,收货时间,支付方式,商品清单)-->立即结算。(逛该品牌的时候提供筛选方式:只显示有货商品,按折扣或价格排序)。应该说购物流程非常清晰,同时在该流程上加入很多引诱消费者多购物的因素。1.首页:品牌折扣剩余时间倒计时。2.品牌商品列表页:品牌折扣倒计时,各商品提供现价和市场价做对比以及折扣数(最高不过5,确实又便宜的)。3.商品详情页:商品超过288元会在商品价格上打上"免运费"的标签,稍微歪着头引人注目。4.成功放入购物袋提示框:提示"购物袋中的商品,为您保留20分00秒,请及时结算","继续购物"按钮比结算按钮醒目。5.清空购物袋倒计时一直持续到最后结算成功。

当爱已成往事 post_time 2013-12-20 20:13:34

我也想听大家的建议!谢

豆豆 post_time 2013-12-20 22:07:30

不看不知道,看了才知道,好帖

house post_time 2013-12-20 23:59:39

顶起来!!不好碰到的好帖子

仔仔的小幸福 post_time 2013-12-21 00:16:58

我绝对支持您,今日强帖

成功的代价 post_time 2013-12-21 00:17:35

我绝对支持您,今日强帖

自己事情自己做 post_time 2013-12-21 01:50:16

支持ing 谢谢您的辛苦发帖

父爱如山 post_time 2013-12-21 03:38:39

看过,的确不错。谢谢楼主

冬日恋歌 post_time 2013-12-21 05:28:35

谢谢你的发言` 非常有意义

电台情歌 post_time 2013-12-21 06:04:03

希望大家踊跃发言,我顶先
page: [1] 2 3 4 5 6
full_version: 唯品会:与众不同的B2C网站交互设计