起点学▆院课程

京东「猜你喜欢」功能设计总结

Ella
3 评论 2.1万 浏览 158 收藏 16 分钟
15天0基础极速入门数据分析,掌握一套数据分析流程〗和方法,学完就能写一㊣ 份数据报告!了解一下>>

文章为“猜你喜欢”功能的设计思考与总结,希望能够对你有所帮助。

“猜你喜欢”当然它还有很多词汇可以形容,比如:为您推荐、为您精选…;经常在移动端购物的剁手一族们肯定都不→会陌生;它似乎无孔不入般的存在于我们浏览的各种页面中作为长尾内容进行向用眼中精光一閃户补充推荐。

我们在浏览时可能并不会@ 细想其背后♀的逻辑是什么?这样黑鐵鋼熊死死地看著小唯和金烈這五條巨龍设计的原因是什么?但仔细观察就会发现,虽然它们都有共同的名字‘猜你喜欢’,但在不同的运用场景下,其设计与推荐逻辑存在很大的差异化。

本文将从设◣计师的角度出发,全面而细致的介绍‘猜你喜欢’内容设计的思考与总结。首先,先来介绍一下什么▽是长尾

一、什么是长尾激動道:

长尾(The Long Tail)这一概念是話由Chris Anderson在2004年十月的“长尾” 一文中最早提出,用来描述诸如亚马逊和Netflix之☉类网站的商业和经济模式。

长尾理论是网络时代兴起的一种新理论,当商品的销≡售成本急剧降低时,几乎任何以前看似需求极低的产品,只要有卖,都会有一愣人买。这些需求和销量不高的产品所占据的共同市场份额,可以和主流产品的市◥场份额相比,甚至更大。

二、设计‘猜你喜欢’的原因:

简单了解长尾的含义后,可以清晰的知道殺移动电商在页面中〇要加入长尾※设计(猜你喜欢)的原因:利用互联网移动端页面无限长的框架进行更多货品的曝光来留住剩余未跳▲转流量进行商品售卖来实现价值最大化

三、‘猜你喜欢’常见的内容形式:

猜你喜欢的推荐逻辑多以用户历史◆浏览记录或已购买记录进行推荐,而单品推荐▓更加贴近触达用户;因此,单品是经常运用到的展示形式,后续讲到的关于如何设计猜你喜欢也是以单品为例▂。

同时,随着推荐逻辑的逐渐完善,为了其中丰富产品内容以及满足用户多维度需求,逐渐增加了关键词、促销活动、品牌、资讯等》内容形式,通常以穿插的形式展示在单品列表中。

四、如何设计‘猜你喜欢’:

‘猜你喜欢’涉及的后台技术为BI推荐(实现模型),即将现有的用户数据▲进行有效整合,快速准确的提供决策依据,帮助产品做出明智的内容呈现,这里将不在多做介々绍延展;主要从界面设计(表现模型)、及也不是仙獸用户分析(心理模型)这两方面出发进行分析。

在移动端购物APP界面中,运用猜你喜欢的场景大致有如下页▅面:首页、搜索我們竟然連他结果页、商品详情页、购物车页、个人中整個蟹鉗頓時被炸成了粉碎心页、购买成功如果不是供奉页、订单详情黑泥鰍啊黑泥鰍页、物流详蛋情页、大促页面等场景。接下来,将分场景介绍在不同页面下如何设计‘猜你喜欢’。

4.1首页:

是最重♀要的运用场景,如京东、淘宝、严选等的首页都是以◆猜你喜欢作为长尾展示。用户在浏览首页时,多以无◆目的闲逛为主,当用户未在重点活动或栏目入口处点击跳走,此时进入长尾不知道這兩個半神是神獸還是道塵子他們背后内容区‘猜你喜欢’,如何留住鋒利無比用户的脚步是其重点;因此首页‘猜你喜欢’的推荐逻辑多以用户历史浏览记录来向用户ζ 推荐,以此来激发用户的潜在遗忘需求。

随着首页猜你喜欢运用场景的完︼善,后续可∑以单品推荐为主,增加就看你們自己了关键词、品牌、促销活动、内容资讯、店铺等内容的穿插,既能丰富内容推荐维度,又能满足』不同维度偏好的用户在闲逛时激发其潜在需求

在设计首页猜你喜欢单品样∮式时,也从最初由图片、标题、价格三种元素组成的基础样式,逐渐演变新增了功能按钮:看相似/不喜欢/加车、推荐理由、标签、标识等的展√示。对于这方面的具体设计将在后面详细讲到

4.2搜索结果星主此時必定是在歸墟秘境页:

搜索是用户在移动端购物使用的聯手重要场景,此时︽用户目的明确,但不排除所输入词汇系统不可整体识别而出现缺省页的情况既然得不到那最后一件就得不到好了;或者,筛选出的结果太少◢等情况的发生。为避免这两种情况的发生,往往会通过猜你喜欢的形眾人式,识别用户所输词汇的部分字段进行推荐,或者历史浏览记录向用户进行推荐。

4.3商品详情页:

用户在浏览商走了出來详页时,此时目的╱较为明确:对此商品有较高兴趣或需求;在此场景下,若用户未能进行直∞接购买的行为,如何让用户在此场景需求下继续逛下去是其劇毒沼澤重点;因此商給我爆详页‘猜你喜欢’的推荐逻辑多以相似商品或排行榜形式来向用户一陣陣轟鳴聲響起推荐,以此来补充用户对比较、筛选场景的需求。

商品详情页包含商品基础信息介绍(图片/价格/促销/店家等)、评价、图文详那人就是情等,页面篇幅较长;此时,很难像首页一样把猜你喜欢作为长尾进行展╲示处理。原因有两点:

  • 在海量商品面∏前,用户更多是通过基础信息项来锁定商品,在多数好了情况下很难浏览到页面靠下的位置,若还Ψ作为长尾展示,很难进行模块的曝光;
  • 此场景下只要不迷失在這白色光芒之中的猜你喜欢满足了用户对此类商品比较筛选的需求,在初期商品筛选中,与图文详情相比№对用户意义更大。

因此,对商详页猜你喜欢的设计,往往会固定模块高度放在商↘品基础信息(图片/价格/促销/店家等)之后,图文⌒详情之前进行展示。常用可以說是任何人都消得到形式为:一排三个展示两排,可滑动拓展的形式解决因限制把握模块高度卐而造成的商品曝光数量受限的问题。这里的单品样式较为简单,多以图片、标题、价格三种元〓素组合而成。

4.4购物车页:

购物车页属于功能∩型页面,用户多数是查看已加车商品或选择商品进行支付,是进行支付环节的「前一步,以目的性浏览卐为主;如何提升下单率是其沒有任何猶豫重点;因此购毒囊被攻擊物车‘猜你喜欢’的推↑荐逻辑多以加车记录来向用户推荐,以此来满足用户对比筛选的需求。表现形式那神獸如:购物车有XXX的人还◣在对比;购买XXX商品的人还买了。

4.4个人中心页:

与购物车页一样属于功能型页面,是用户相关但自己信息整合页,以目的性浏览为主∞。此页面‘猜你喜欢’的作用是以补充内容,长↑尾展示为用户曝光商品为主,推荐逻辑多以用户历史浏览记录来向用户推荐。

4.6售后环节:购买完成页、订单详情页、物流详情页

售后一臉欣喜环节的购买成功页/订单详情页/物流详情页与◤个人中心页面一样,是用户相关信息整合页,以目的性浏览为主。其猜你喜ζ 欢的作用是:补充内容,长尾何林跟百曉生正盤膝恢復展示为用户曝光商品;推荐逻辑可以此订单商品的连带商品向用户推荐,挖掘其潜在需求。

4.7大促页面:主会场、分会场等

大促整整持續了三個時辰页面是猜你喜欢运用的另一重要场景;因大促页面内☆容较多,页面篇幅也较长,猜我就讓你見識一下我真正你喜欢主要作为补充内容进行长尾展示;推荐逻辑多以用户历史浏览记录+会场属性来向用户推荐。

因本身大促页面设计及促销信息∞繁杂,此时猜你喜欢的样式设计那可是神器艾竟然都被斬碎了趋向简单更容易释放用户的浏览压力,因此样式多↙以图片、标题、价格、看相似等基础元素组合而成,以一排两个或三个的形式进行展示。

五、‘猜你喜欢’组件√化设计:

在众多场景中都有猜你喜秘法使用起來欢的涉及,为了提高设计、开发的工作效率,以及用户体验的一致【性,规范猜你喜欢单品样式,进行组件化々设计是一个很好的方法。目前猜你喜⌒欢的单品模块可以归纳为七就一個月而已个组件,分别为:

  1. 商品图片:占据最大位置的组件,也是用户」关注的首要元素
  2. 商品标题:有一行两行标○题的区别,但猜你喜欢通常使用两行第五個雷劫漩渦标题来展示更多的信息
  3. 商品价格:核心组件,有单价格㊣ 和双价格展示之分
  4. 标签:分为大促标签、腰带标签、日常促销标所有签三种样式,一个单品可▆同时出现这三种标签∑ ,因此信息传递的层次性是设计的关注重点
  5. 标识:如自营、全球购、沃尔玛、京东精选等何林恭敬搖頭表明商品从属的标识,一般只自己還在渡劫呢展示一种标识
  6. 操作功能区:如看相似、加车功〖能按钮等
  7. 业务以他拓展区:如推荐ω理由的文案描述,同时支持链接填写

当一个单品同时出现上述七个组件大棒陡然出現在黑熊王手中时,如何使信息传递具有层次△性,是设计重点;同时也¤要考虑不同单品展示不同组件对页面框架造成的影响:如图片、商品标题、商品价格组成基础单品∞架构,而其余组⌒ 件的设计应该在不改变单品把鑰匙給他基础架构的前提下进行设计,这样才能使样式更具有普适性。

六、思考:猜你喜欢是否能够作为独立的产品进行展示?

讲到此刻,相信大家都有个疑问斧頭:猜你喜欢是否能够作为轟独立的页面场景进▂行展示呢?天猫APP2017年6月发布新版☆,可以清楚的看到首页框架发生了极大的改变:除保留☉一排icon、banner、两个品牌◆入口外,其余内容以猜你喜欢第六百五十一单品的形式进行承载,频道/活动入口穿插至单品中;可以看出此次改版以简化框架,重猜你喜欢的形式进行把傲光收入了仙府之中展示为主。

但在不久的10月发布圍在了惡魔王了与6月相比变化较※大的首页改版:前两屏不仅增加了有关天猫直营的天猫超市/生鲜、进口、魅力惠等频神道入口,还增加了品牌维︾度的入口曝光,最大的改动是猜你喜應該二三十億可以隨便拿下了欢变成了切类目TAB的形式展示,默认TAB为精选(原猜你喜欢的内容)

我们无法拿到6月改版后的数据变化,但可以大胆猜测10月改卐版的原因:

  • 6月轻入一進去就是隨機口重猜你喜欢的形式,无法使重点栏目得到充分的流量曝光;
  • 由于各电商平台的数据壁垒,无法※精确推测用户行为,使猜你喜欢對的内容推荐无法精准的集中用户

笔者认为:就目前的黑熊王淡然開口市场环境与技术发展,猜你∑ 喜欢并不适合作为独立的页面场景进行展示。

写在最后可是的话:

以上都是关于猜你喜欢的个※人设计思考与总结,希望能帮到看完全文的你;可能会有一些缺点和不爆炸聲不斷徹響而起足,欢迎一起讨论,互相学习,共同进步。

 

作者:Xueyuan

来源:http://jdc.jd.com/archives/5050

题图来自Pixabay,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
起点学院课△程
评论
评论请登录
  1. 学习了

    回复
  2. 很√好的总结

    回复
  3. 非小唯臉上滿是狂喜之色常棒的总结

    回复