唯品会:与众不同的 B2C 网站交互设计来源: 中国电子商务讨论中心 发布时间:2024-01-10以提供品牌折扣的唯品会,涵盖包括多种奢侈品的众多品牌
走的是高端品牌路线,目标用户消费需求量大
下面尝试在交互设计角度对其进行浅显解读
首页布局:采纳顶端 banner+导航栏+banner,下部布局为 2:1 结构,左侧呈现各大在售品牌陈列,右侧为广告和信息发布区
首页最多的就是各大在售品牌的陈列,这是由他的网站特性——提供品牌折扣,决定的
下拉表单很长很长,分为"今日新品""昨天上线""最后疯抢""即将推出"三大块
消费者在逛唯品会的时候终究会找到逛商场的感觉吧,漫长而又琳琅满目,假如说女性消费者会乐此不彼,粘性更高
这个长长的下拉设计选择也就是为女人而做出的选择
还有就是网站本身不提供搜索,所以导航的功能就尤显重要了
导航栏:主导航栏分为六个导航标签:"特卖会""奢侈品""唯品团""旅游""唯品尚""手机版",点击全都是新建一页
第一次是在淘宝发现的,很毁印象中的 tab 页导航的形象
应该叫做友情链接更合适
默认的是特卖会,总共五个类别:全部品牌,女士,男士,儿童,居家(充分体现垂直电商定位明确)会省很多麻烦)的特点),不过有个嘈点就是这个导航点击会使网页整体刷新一遍
接下来不得不说的是,他与其他电商网站非常具有差异性的地方就是"商品分类"放置在页面右侧
(这里指的是首页,在各大品牌卖场里面除了在顶端加了品牌集汇体现其网站特点,其他设计与其他B2C 无异)该商品分类分为三级导航,二级和三级标签同时显示(能以较短路径显示用户所需要的内容,同时以分组(二级标签)的形式呈现(组块原则))
这也在京东,当当等被用到,是 B2C 网站商品导航的一个设计模式
而采纳的设计是抽屉式菜单(减少了左侧空间利用率,但是这又是由前面的差异所决定的,而用户鼠标从右往左比左往右代价