数极客首页

拆解京东首页设计,洞察产品思维

数极客,拥有16种数据分析模型的新一代用户行为分析平台!

当我们对产品设计的理解还有所不足的时候,对市场上的成熟产品、优秀产品进行拆解,分析背后的产品设计原理以及产品思维,对我们很有帮助,能够有效提升我们对产品的理解。

拆解京东首页设计,洞察产品思维

由于之前面试得到的反馈是对于产品的深度不够,所以这段时间也思考了一下自己的问题。

跟朋友聊下来以后,觉得自己确实应该好好深入的体验一下各个大公司的产品。领域的话我个人还是对电商一类的比较感兴趣,所以我选择了京东进行拆解,希望自己能从里面得到更深层次的感悟。

大公司的产品因为人员比较专业、迭代较多次,所以达到了一个比较完善的水平,对于个人成长还是很有帮助的,从这些产品的设计我们可以想到产品经理在设计时的想法。

产品结构图:

背景信息这里就不给出了,大家一直看千篇一律的东西也得不出什么好的结论,有兴趣的同学可以自己上网去查。

这次的拆解会拆解一些我认为比较核心的功能,有一些不是很重要的、或者是太普遍的页面我就不做拆解了。

拆解京东首页设计,洞察产品思维

一、首页页面布局

拆解京东首页设计,洞察产品思维

我将首页分为3屏:因为一般人滑动手机也就滑那么几下,如果让用户找不到他们感兴趣的内容,用户很快就会流失掉。目前大部分电商平台都采取了类似的样式,一页的内容太少,滑动2-3下是比较合理的一个状态。

PS:在滑动的同时,搜索框变换形状,始终保持在页面顶部,方便用户进行搜索。

  • 第一屏包括比较重要的内容、入口(平台认为),但是底部留下每日特价、新品首发、排行榜等内容的标题,让用户知道下面还有内容,从而促进用户往下滑。
  • 第二屏包括相对次要的内容,品牌闪购、种草、直播等在京东目前的优先级不是很高,快报就更不用说了,电商平台的快报基本看的人很少。
  • 第三屏是重复的内容(商品介绍),选择把分类吸附在顶部,方便用户切换想看内容的类型。

二、搜索

拆解京东首页设计,洞察产品思维

1. 点击前

点击前的搜索框内文字滚动,内容为用户感兴趣的内容(搜索、加购、收藏、购买过的内容相关的信息,或者是最近比较热的内容)。

作用:提醒用户感兴趣的内容,让用户更容易点击搜索框

2. 点击后

拆解京东首页设计,洞察产品思维

点击后进入搜索页面,同时弹出“长按说出你要的东西”按钮,帮助懒得打字的用户输入内容。增强下单的概率。

点击后搜索框内滚动的内容不变,键盘上的右下角的按钮变成可用的“搜索”,可以直接搜索输入框内的内容。

3. 页面展示

页面由搜索历史和搜索发现组成。

搜索历史比较简单,这块就不赘述,主要就是把搜索过的内容保存下来,点击跳转到对应搜索内容的结果页。

搜索发现配置了很多标签。分为3类:

  1. 推荐内容的标签,点击后跳转到对应搜索内容的结果页,这个跟搜索历史差不多。算法或者运营会配置一些最近比较热门的词汇。
  2. 活动的H5,参考图上的“京东小魔方”“京东春茶节”点击会跳转到对应内容的H5页面,促使感兴趣的用户参加活动。
  3. 常购清单,这个是我平常没有注意到的内容。

4. 常购清单

拆解京东首页设计,洞察产品思维

页面布局:分为常买(买过1次以上)、可能再会买(买过1次),后台应该是会把购买频次相对较高的商品放上去,比如生活用品、水果零食之类的,而不是把所有购买过的商品都列上去,那样不是很合理。

下方的为你推荐就是正常的感兴趣的内容,这块我会在推荐部分来说。

5. 看相似

看相似点击后页面的排布是商品(可点击)、同店相似内容、更多相似内容。看相似功能在商品列表中也有应用。

优先级上面商品>同店相似内容>更多相似内容:

  • 心理上用户想看相似的内容,即表明用户对该商品有兴趣,所以商品排在第一位。
  • 用户对商品的品牌有一定认知,所以相对的,同店的商品在用户决策中,可能性会更高。
  • 更多相似推荐是为了防止用户在选择不出想要的内容时,给用户提供更多的选择,同时给不同的品牌一定的曝光。

总的来说这个功能还不错,就是入口比较深,用到的概率并不大。

6. 输入搜索内容

拆解京东首页设计,洞察产品思维

当用户输入时,会进行关键词联想。有两种情况:

1)系统判断关键词无对应分类

无对应分类时,联想的词根据算法进行排序(搜索的频次、关联程度等等)。

2)系统判断关键词有对应分类

有对应分类时,优先展示对应分类在搜索联想的最上方。

在搜索联想的第五位放入:搜索对应店铺内容,帮助用户查看对应的店铺。

改进建议

可以在搜索发现内容下方新增更多推荐内容(直播、资讯、分类等)。类似淘宝的全网热榜、考拉的常用分类等。

:可以给用户更多的选择。给运营、商家更多的施展空间。

:可能会使页面杂乱,涵盖信息太多,给用户太多选择导致用户放弃选择。

结论:搜索页面在目前的电商平台已经相对完善,但还是有一定的优化空间。当然做不做,怎么做,是产品经理们应该权衡的事情。

三、排行榜页面

排行榜算是京东比较有特色的一个功能了。

京东会根据每天的销量和销售额计算排名,每天更新排名。销量和销售额的权重都比较高,从实际结果来看是这样的。

拆解京东首页设计,洞察产品思维

排行榜的推荐内容也是根据已购、加购、浏览等数据进行推荐的。

我用京东买书和数码产品比较多,所以相应的,推荐给我的书和数码产品比较多。

经过我的验算得出,每个榜单上面显示的XXX人买过,是根据下一级页面的累计购买人数之和得出的。

下一级页面中展示30项推荐内容,再往下就是其他排行榜以及其他商品的推荐信息。

排行榜的信息还会展示在商品的详情页中,这个我们讲到商品详情页的时候会讲到。

总结

京东这个排行榜对于选择困难的用户是一剂强心针,跟专家推荐、种草有异曲同工之妙,能够有效促进用户下单。

但是也存在问题,很多不错的商品因为比较冷门所以无法上榜,导致效率较差,不过对于京东来说,这样的问题应该不会特别大,毕竟上面的商家相对淘宝来说没有那么复杂,品类也比较好把控。

四、秒杀、特价

拆解京东首页设计,洞察产品思维

秒杀和特价给人一种占便宜的感觉,秒杀部分设置了倒计时,给用户一种紧迫感,让用户下单。秒杀和特价封面的内容也是根据用户精准推荐的,写出了优惠的价格,对用户吸引力比较大。

试下一下一件你喜欢的东西,正好秒杀价,而且过了时间就回复原价了,你是不是会想要买呢?

五、推荐商品

拆解京东首页设计,洞察产品思维

用户使用推荐商品这个功能,来源于用户不知道选择什么东西,需要让平台提供给用户选择。这个就跟我们在逛街一样的,我们不知道要买什么,但是看到有趣的东西我们也会买一样。

商品展示上:京东给予商品很多标签,主要分为以下几类:

  1. 京东自营、京东超市、京东物流、京东精选。体现商品的权威性以及物流的即时。
  2. 粉丝价、折扣价、PLUS会员价。让用户感觉便宜,提高用户成为粉丝和PLUS会员开通率。
  3. 新品、有优惠券、免息。用于促进用户消费。
  4. 榜单。上面说了排行榜是京东的特色,除排行榜以外,京东还有基于个人的好物榜。用权威促进用户下单。
  5. 特定标签。类似:设计大咖的沉淀、商场同款等内容,加深用户对商品的认识,从而引起用户注意。

京东也会在瀑布流的商品中添加一些活动的H5,特定品类商品的推荐、其他京东系的页面、用户调研等等。

商家也可以通过PS自己商品的封面,达到告知用户产品正在促销、有优惠的目的,吸引用户前来下单。这个操作的空间就比较大了,不过京东后台应该会审核,毕竟平台的内容还是要保持相对统一的,不能谁都乱来,那样用户体验就差了。

而这一些,都是通过京东强大的后台来管理的。

结论:

关于商品推荐这部分,京东、淘宝、考拉海淘都做的差不多,但是京东和考拉在商品的页面上没有销售数量,而淘宝有。

京东在页面上分期、免息的内容放的相对较少,而阿里系淘宝和考拉在页面上分期免息的内容比比皆是,这可能也跟阿里大力推花呗有关系吧。

这些大平台在设计的时候,考虑的不单单是自己的因素,还考虑了很多公司生态层面的东西,这就要求我们在做产品的时候站在更高的角度去看问题。

六、结尾

本文只是我的一点小小的感想,有问题欢迎各位指正。

拆解的话就先拆一个首页吧,后续的拆解我会通过竞品分析的形式来做,这样能更直观的看到各个平台的差别,体会不同公司产品经理的想法。

下一期我会对电商平台的商品详情页进行对比研究,欢迎关注。

 

作者:里奥;公众号「里奥的杂谈」

本文由 @里奥  原创发布。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

数极客是新一代用户行为分析与数据智能平台,支持用户数据分析运营数据分析留存分析路径分析漏斗分析用户画像SEM数据分析等16种分析模型的数据分析产品,支持网站统计网站分析APP统计APP分析等分析工具,以及会员营销系统A/B测试工具等数据智能应用,支持SAAS和私有化部署,提升用户留存和转化率,实现数据驱动增长!

发表评论

评论已关闭。

相关文章