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

Mrw.so短网址关注互联网运营人的需求!

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

码人网mrw.so缩短网址文章图片

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

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

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

产品结构图:

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

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

码人网mrw.so缩短网址文章图片

一、首页页面布局

码人网mrw.so缩短网址文章图片

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

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

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

二、搜索

码人网mrw.so缩短网址文章图片

1. 点击前

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

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

2. 点击后

码人网mrw.so缩短网址文章图片

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

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

3. 页面展示

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

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

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

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

4. 常购清单

码人网mrw.so缩短网址文章图片

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

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

5. 看相似

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

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

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

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

6. 输入搜索内容

码人网mrw.so缩短网址文章图片

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

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

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

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

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

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

改进建议

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

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

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

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

三、排行榜页面

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

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

码人网mrw.so缩短网址文章图片

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

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

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

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

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

总结

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

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

四、秒杀、特价

码人网mrw.so缩短网址文章图片

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

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

五、推荐商品

码人网mrw.so缩短网址文章图片

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

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

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

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

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

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

结论:

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

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

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

六、结尾

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

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

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

 

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

本文由 @里奥  原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

Mrw.so短网址关注互联网运营人的需求!