长春网
标题: 唯品会:与众不同的B2C网站交互设计 [打印本页]
作者: xgnic 时间: 2013-2-15 12:05:19 标题: 唯品会:与众不同的B2C网站交互设计
以提供品牌折扣的唯品会,涵盖包括多种奢侈品的众多品牌。走的是高端品牌路线,目标用户消费需求量大。
下面尝试在交互设计角度对其进行浅显解读!
首页布局:
采用顶端banner+导航栏+banner,下部布局为2:1结构,左侧呈现各大在售品牌陈列,右侧为广告和信息发布区。
首页最多的就是各大在售品牌的陈列,这是由他的网站特性——提供品牌折扣,决定的。下拉表单很长很长,分为"今天新品""昨天上线""最后疯抢""即将推出"三大块。
消费者在逛唯品会的时候终究会找到逛商场的感觉吧,漫长而又琳琅满目,如果说女性消费者会乐此不彼,粘性更高。这个长长的下拉设计选择也就是为女人而做出的选择。
还有就是网站本身不提供搜索,所以导航的功能就尤显重要了。
导航栏:
主导航栏分为六个导航标签:"特卖会""奢侈品""唯品团""旅游""唯品尚""手机版",点击全都是新建一页!第一次是在淘宝发现的,很毁印象中的tab页导航的形象。应该叫做友情链接更合适!
默认的是特卖会,总共五个类别:全部品牌,女士,男士,儿童,居家(充分体现垂直电商定位明确)会省很多麻烦)的特点),不过有个嘈点就是这个导航点击会使网页整体刷新一遍。tab页!
接下来不得不说的是,他与其他电商网站非常具有差异性的地方就是"商品分类"放置在页面右侧。(这里指的是首页,在各大品牌卖场里面除了在顶端加了品牌集汇体现其网站特点,其他设计与其他B2C无异)
该商品分类分为三级导航,二级和三级标签同时显示(能以较短路径显示用户所需要的内容,同时以分组(二级标签)的形式呈现(组块原则))。这也在京东,当当等被用到,是B2C网站商品导航的一个设计模式。
而采用的设计是抽屉式菜单(减少了左侧空间利用率,但是这又是由前面的差异所决定的,而用户鼠标从右往左比左往右代价高,确保左侧品牌曝光度好像不算理由),同时每次只打开一个抽屉来增加右侧可怜区域的利用率。
不过唯品会的10个一级标签区分度不够,看着都背景和文字都挤一堆去了。
ps1.发现京东,当当也在三级导航栏里尝试向用户推荐自己的品牌!(你中有我,我中有你)
ps2.唯品会自己也在做相关调查,希望知道消费者进唯品会的主要购物意向。
购物功能流程(只就其有别于其他网站的品牌特卖会讨论):
选择品牌-->(选择商品分类-->选择尺码-->)逛该品牌-->放入购物袋-->去购物袋结算-->立即结算-->确认订单信息(收货人,收货时间,支付方式,商品清单)-->立即结算。
(逛该品牌的时候提供筛选方式:只显示有货商品,按折扣或价格排序)。
应该说购物流程非常清晰,同时在该流程上加入很多引诱消费者多购物的因素。
1.首页:品牌折扣剩余时间倒计时。
2.品牌商品列表页:品牌折扣倒计时,各商品提供现价和市场价做对比以及折扣数(最高不过5,确实又便宜的)。
3.商品详情页:商品超过288元会在商品价格上打上"免运费"的标签,稍微歪着头引人注目。
4.成功放入购物袋提示框:提示"购物袋中的商品,为您保留20分00秒,请及时结算","继续购物"按钮比结算按钮醒目。
5.清空购物袋倒计时一直持续到最后结算成功。
作者: 当爱已成往事 时间: 2013-12-20 20:13:34
我也想听大家的建议!谢
作者: 豆豆 时间: 2013-12-20 22:07:30
不看不知道,看了才知道,好帖
作者: house 时间: 2013-12-20 23:59:39
顶起来!!不好碰到的好帖子
作者: 仔仔的小幸福 时间: 2013-12-21 00:16:58
我绝对支持您,今日强帖
作者: 成功的代价 时间: 2013-12-21 00:17:35
我绝对支持您,今日强帖
作者: 自己事情自己做 时间: 2013-12-21 01:50:16
支持ing 谢谢您的辛苦发帖
作者: 父爱如山 时间: 2013-12-21 03:38:39
看过,的确不错。谢谢楼主
作者: 冬日恋歌 时间: 2013-12-21 05:28:35
谢谢你的发言` 非常有意义
作者: 电台情歌 时间: 2013-12-21 06:04:03
希望大家踊跃发言,我顶先
作者: 广岛之恋 时间: 2013-12-21 06:04:04
希望大家踊跃发言,我顶先
作者: 死神 时间: 2013-12-21 07:18:07
看帖子的都发表一下看法
作者: 盛夏的果实 时间: 2013-12-21 09:07:52
值得学习 谢谢提供,继续努力啊
作者: 神马的小幸福 时间: 2013-12-21 10:59:33
好贴,一定不要放过,顶
作者: 7541236 时间: 2013-12-21 11:58:10
真的牛,双手赞成,谢谢了
作者: 神马的夏天 时间: 2013-12-21 12:00:51
谢谢您阿,我非常高兴
作者: 零点零一分 时间: 2013-12-21 12:56:40
有收获!!非常感谢您
作者: 我爱我家 时间: 2013-12-21 14:46:13
确实不错,眼前一亮的好文
作者: 暖暖 时间: 2013-12-21 16:36:46
看的激动。。。 谢谢楼主了
作者: cat 时间: 2013-12-21 17:47:53
太神了,好贴,我双手赞成
作者: sanjin 时间: 2013-12-21 17:48:24
太神了,好贴,我双手赞成
作者: 真心的累了 时间: 2013-12-21 18:27:45
继续关注一下这方面的信息
作者: 四驱小子 时间: 2013-12-21 20:22:00
没看完~~~~~~ 先顶,好同志
作者: 仙人球带刺 时间: 2013-12-21 22:30:25
我继续顶你!太好的帖子了 支持
作者: 听海 时间: 2013-12-21 23:49:57
感激涕零,谢谢楼主的好贴
作者: 悟空 时间: 2013-12-21 23:59:31
还没有机会尝试一下 帮顶
作者: bie 时间: 2013-12-22 00:26:12
经验之谈,谢谢楼主了,请继续努力
作者: 你好长春 时间: 2013-12-22 02:23:31
谢谢您阿,我非常高兴
作者: 伦敦的爱情 时间: 2013-12-22 04:20:33
这么强,,支持楼主,佩服
作者: 各个环节 时间: 2013-12-22 05:32:21
不错的贴,太喜欢了,大家都顶啊
作者: 呵呵呵哈嘿 时间: 2013-12-22 05:45:10
不错的贴,太喜欢了,大家都顶啊
作者: johnwill 时间: 2013-12-22 06:16:00
有收获!!非常感谢您
作者: 继承者 时间: 2013-12-22 08:11:39
共同发展!学习才会进步,谢了
作者: 继承者们 时间: 2013-12-22 10:07:44
支持,我认为你太厉害了
作者: 大树 时间: 2013-12-22 11:21:45
看的激动。。。 谢谢楼主了
作者: ndy 时间: 2013-12-22 11:41:23
有意义,有收获,谢谢提供
作者: 泡沫 时间: 2013-12-22 12:09:15
正感觉很对,谢谢您,顶
作者: taylar 时间: 2013-12-22 16:10:39
暂不考虑,但是顶一下,谢
作者: 黑夜 时间: 2013-12-22 17:14:53
正感觉很对,谢谢您,顶
作者: 乖哈 时间: 2013-12-22 17:31:17
楼主辛苦了,鼓励一下
作者: 大头 时间: 2013-12-22 18:08:01
好,值得细看,佩服
作者: 死神 时间: 2013-12-22 20:06:15
我反复看了多遍,好帖,得支持
作者: cat 时间: 2013-12-22 22:21:22
顶一下吧~ 很少见的好帖了
作者: users 时间: 2013-12-22 23:16:37
好东西哦,大家不要光看不顶
作者: taylar 时间: 2013-12-22 23:32:17
我也想了解,谢谢发帖的人
作者: 你好长春 时间: 2013-12-23 00:36:42
也来做做看哦,谢谢提供
作者: ruj 时间: 2013-12-23 02:40:02
不错,说得好,大家鼓掌
作者: 天黑请闭眼 时间: 2013-12-23 04:45:00
好帖,鉴定完毕,谢谢您了
作者: cxbl 时间: 2013-12-23 05:20:32
我继续顶你!太好的帖子了 支持
作者: 辣椒 时间: 2013-12-23 05:39:29
好啊楼主,没想到啊,太好了
作者: qjqb 时间: 2013-12-23 06:47:47
行,有意义,我顶 谢谢您了
作者: phjf 时间: 2013-12-23 08:52:18
好帖还是要收藏,请继续
作者: 死神 时间: 2013-12-23 11:02:47
经验之谈,谢谢楼主了,请继续努力
作者: ghost 时间: 2013-12-23 11:21:09
好啊~~~~~~
作者: 东西南北 时间: 2013-12-23 11:41:28
谢谢您阿,我非常高兴
作者: cat 时间: 2013-12-23 13:10:31
这是真的吗?太好了,谢谢您啊
作者: 你好长春 时间: 2013-12-23 15:17:27
好多啊,哈哈,谢谢您
作者: sentout 时间: 2013-12-24 10:10:12
我也想听大家的建议!谢
欢迎光临 长春网 (http://04316.com/) |
Powered by Discuz! X2 |