长春网

标题: 与众不同的B2C网站交互设计 [打印本页]

作者: xgnic 时间: 2013-2-10 12:26:14 标题: 与众不同的B2C网站交互设计

首页布局：

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

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

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

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

导航栏：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

作者: 红豆 时间: 2013-12-20 01:51:52

不错的~~! 感谢您提供

作者: 伦敦的爱情 时间: 2013-12-20 05:43:49

希望大家踊跃发言，我顶先

作者: lll 时间: 2013-12-20 09:44:05

一起交流！楼主给咱们提供机会了

作者: yym 时间: 2013-12-20 13:39:58

支持ing 谢谢您的辛苦发帖

作者: yusj 时间: 2013-12-20 17:31:12

非常高兴遇到这么好的帖子谢谢

作者: lkcg 时间: 2013-12-20 23:36:47

大家有什么好看法，赶快说说

作者: we2 时间: 2013-12-20 23:37:01

值得收藏... 向楼主致敬

作者: lkcg 时间: 2013-12-20 23:38:08

大家有什么好看法，赶快说说

作者: 小小疯麦子 时间: 2013-12-21 03:36:28

支持ing 谢谢您的辛苦发帖

作者: 大衣的外都 时间: 2013-12-21 05:23:52

爱死你了,这么好的帖子要顶的

作者: 怪蜀黍 时间: 2013-12-21 05:24:08

爱死你了,这么好的帖子要顶的

作者: 举起双手来 时间: 2013-12-21 07:32:10

哪个呦，发这么好的帖子，顶你

作者: 莉莉丝 时间: 2013-12-21 11:11:41

超值强帖，帮你顶，^_^

作者: 呵呵呵哈嘿 时间: 2013-12-21 11:13:40

超值强帖，帮你顶，^_^

作者: 青春之上 时间: 2013-12-21 11:29:57

相信楼主的说，非常支持你

作者: 你是谁的家 时间: 2013-12-21 15:34:00

这个还不错,好帖子，大家谈谈

作者: nkw 时间: 2013-12-21 17:07:22

正感觉很对，谢谢您，顶

作者: yusj 时间: 2013-12-21 17:07:56

看后感悟了点，收下了

作者: 糊涂鬼 时间: 2013-12-21 19:35:38

好，值得细看，佩服

作者: 快来斗地主 时间: 2013-12-21 23:09:38

好啊~~~~~~

作者: 妈妈我爱你 时间: 2013-12-21 23:19:14

谢谢您阿，我非常高兴

作者: 大衣的外都 时间: 2013-12-21 23:51:15

希望大家发表自己的看法！我先赞成一下

作者: sanjin 时间: 2013-12-22 03:48:33

经验之谈，谢谢楼主了，请继续努力

作者: phonecall 时间: 2013-12-22 04:53:18

支持，我认为你太厉害了

作者: manu 时间: 2013-12-22 05:05:25

我也想听大家的建议！谢

作者: ckck 时间: 2013-12-22 07:43:10

好啊~~~~~~

作者: 同志街 时间: 2013-12-22 10:39:10

我喜欢啊，请继续支持你

作者: 心中的遗憾 时间: 2013-12-22 10:57:41

一起交流！对这个话题感兴趣的朋友们

作者: 无厘头 时间: 2013-12-22 11:52:10

共同发展！学习才会进步，谢了

作者: phonelove 时间: 2013-12-22 15:56:33

真不知道，还有这么好心的楼主支持

作者: 女人帮 时间: 2013-12-22 16:34:48

就是喜欢你的帖子没办法

作者: 冠亚季 时间: 2013-12-22 16:51:26

不错。值得学习啊，顶一个

作者: 我爱喝旺仔 时间: 2013-12-22 19:56:29

选个好的才有保证这话没错

作者: 我是天使 时间: 2013-12-22 22:35:48

找到好贴不容易，我顶你了，谢了

作者: 大树 时间: 2013-12-22 22:52:18

谢谢你哦，你是最棒的

作者: 呵呵呵哈嘿 时间: 2013-12-23 00:15:48

很好，辛苦楼主发这么有意义的帖

作者: wangjiajun 时间: 2013-12-23 04:21:44

要顶的啊，楼主辛苦了，谢谢

作者: blj 时间: 2013-12-23 04:40:44

呵呵，看大家评论如何

作者: 小兔 时间: 2013-12-23 04:59:24

呵呵，看大家评论如何

作者: 小兵 时间: 2013-12-23 08:25:46

请楼主继续发好贴，支持你

作者: 路在哪里 时间: 2013-12-23 10:40:18

以后需再关注，现在先帮你顶一下

作者: 神马的小幸福 时间: 2013-12-23 10:58:10

再关注ing 非常谢谢楼主，顶一下

作者: 没有离开过 时间: 2013-12-23 12:41:58

我继续顶你！太好的帖子了支持

欢迎光临长春网 (http://04316.com/)