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
希望大家踊跃发言，我顶先