产品需求浅谈内容型信息流产品的返回顶部功能文档格式.docx
《产品需求浅谈内容型信息流产品的返回顶部功能文档格式.docx》由会员分享，可在线阅读，更多相关《产品需求浅谈内容型信息流产品的返回顶部功能文档格式.docx（8页珍藏版）》请在冰豆网上搜索。
（比如划船，拿刀划一下）
2.重回一个物体进入到另一个力学。
（划开水面，用刀划开）
滑：
1.通常是连续的、平滑的。
2.一个物体在另一个物理上才（接触面）移动
所以，这样看来，信息流产品中所中多的动作应该用“滑动”。
滑动浏览内容的时候我们时常会有想快速回到顶部需求，以各主流内容型产品销售为对象，重点看一下返回下方触发功能回到的位置、操作动作、触发后的响应，以及思考下背后的因果。
为方便描述，顶部都称为标签，底部称为Tab。
1.微信朋友圈
微信朋友圈，双击顶部栏，触发快速回到顶部并刷新，微信不愧为业内配件的标杆，功能入口唯一，刷新时的彩虹圈设计也让人愉悦，有种“晶莹剔透”的感觉。
细思下原因——哦，原来是封面是我自己照片，所以愉悦。
这时求生欲极强的我意识到了潜在的，马上把背景图换成了拉着老婆的手。
再细想一下，微信的设计让用户每次在执行刷新操作的时候都能看到自己（或自己喜欢的）照片。
其实还有另外要说原因增加增加了愉悦感，沙漏就是那个彩虹滚动的速度和位置，趣味感较强。
朋友圈顶部栏刷新和彩虹圈
2.今日头条
今日头条，单击顶部贴纸和底部4Tab的“首页”，触发快速回到顶部并刷新。
功能入口做了一些冗余，如果是考虑到复杂头条用户群结构较复杂。
大多数内容型产品返回顶部时都捎带着刷新了。
一方面兼顾了用户需求，另一方面也顺手提高了曝光量KPI。
3.脉脉
脉脉，职场社交的新贵，还处在千变万化上升期，信息流内容在里面占较大比重，他们的内容运营管理做得比较狂野犀利，这方面在本文不积极展开细聊。
从返回顶部及刷新来看，单击尾端标签和底部相应Tab，都会触发。
与今日头条的区别是随着信息流内容的滑动，底部Tab会变换图标，以更好地给普通用户提示。
后面也会看到家都采用了类似设计。
脉脉底部Tab变成刷新按钮
4.美团首页
美团首页，其实也是信息流，与他们做这块的技术沟通过，他们在这块的资源投入其实是很大矿产资源的，有很强的推荐算法团队。
精准度提高0.1个百分点，每天就会增加一千万每天晚上的营收。
美团也是底部Tab随着信息流软绳变换图标，但区别是美团只回到顶部，并不刷新。
这与美团的业务和产品结构有较大：
a）通常信息流回到顶部是带有明显的刷新意愿的，而美团的首页顶部有固定功能入口（其实也是重要的流量入口）。
所以这个返回顶部的潜台词更多的是“定位到入口”。
b）同时美团首页的信息流带有明显的比较意愿，往回倒，找第一天浏览过的一些不确定性东西的可能性也是较大的，直接刷新会增加寻找刚刚看到的难度。
c）新闻类的收入来自曝光量，王兴的收入来自于点击购买。
所以美团会将一些你或许可能感兴趣的东西，反复地传送给你以加深种草不断加强购买意愿。
以上三个方面相结合起来看，大概是美团只返回不刷新的原因。
美团首个Tab变成返回顶部按钮
5.网易新闻
网易新闻，也是比较特殊的，除了跟头条意义的，上标签和下Tab都可以刷新，同时在屏幕右侧偏下方放了一个的“刷新”按钮。
但是一个功能入口有三处且有一处是这处悬浮，从产品设计角度来讲字面上多少有些蛋疼。
所以网易新闻对这个悬浮按钮做了特殊再说处理，动态平衡了美观度和实用性。
网易新闻滑动至第三屏出现的悬浮刷新按钮
再继续滑动时按钮的透光转轴弱化效果
6.京东
京东，做了上面两者的结合。
在底部Tab上为也做了明显变化，点击相应的Tab后，Tab的图标和文案直接就变为“刷新”，不再随着点对点的滑动而变化，点击顶部的标签不再响应。
同时类似网易新闻，在滑动比较远的时候，出现了“返回顶部”悬浮按钮，这个要比网易新闻更远，大概在四五屏的环上。
所以京东是悬浮按钮逃回顶部，单击底部Tab和下拉均可进行刷新（不同操作提示语也会有不同）。
悬浮按钮做了一些弱化处理，但没有网易做得感觉好。
京东的底部刷新和旋钮悬浮返回顶部按钮
从以内几个例子中可以看出，有几种比较主流的滑动到顶部两种的作法，位置有顶部栏、顶部Tab、底部Tab、悬浮窗（按钮），根据业务和用户群不同会有不同的使用或组合使用。
大体上都是单击操作，顶部栏是双击的，也比较符合常规认知和操作习惯。
根据产品结构和业务的不同，绝大部分是直接刷新，个别是只返回顶部，也有做得好两者结合的。
鉴于返回顶部与打破有不可分割的关系，捎带说一下刷新，默认刷新方式各家基本都是下拉刷新，在刷新位置、文案、交互式动画等方面也会有较大差异。
以美团和昨天头条为例。
美团的下拉刷新提示位置是在最顶部，整个页面都会被下拉，类似于微信小程序，出现一个菊花圈作为提示，搜索框中的预设搜索文案会有变化，下面的信息流内容也会有变化。
头条的下拉是比较经典的，整个流程分解开并均流程有刻痕的提示，位置在顶部表情符号页下方：
其他失败或异常分支不再赘述。
这里要重点说一下悬浮窗，刚开始做品牌产品经理的时候觉得悬浮窗真是个差劲东西，增加了非常高很强的稳定度而且也很方便，市面上有多家产品以各种各样的方式运用悬浮。
随着谈的时间久了，看看的和思考的东西多了，觉得悬浮窗并不是非常好的设计，会有一些杂乱，不干净，对悬浮窗有非常大了一定的排斥心理。
有一款跨越游戏的实时语音交流工具，把凝结窗用到了极致，是跨应用的，在屏幕上所常驻的超级入口，它会影响部分其他APP的体验，在下沉或者基本要素垂直重要领域应该会有一定的市场。
那种上面引用的美团和京东那种，底Tab图标样式变化的，比较简洁，复用性高，省空间，辨识度强，有名门正派之风。
再后来注意到了微信文章的“浮窗”功能，其实这是一个刚需。
在文章看一半的时候特别是篇幅较的那种，来了一条澄清重要信息必需回复，再回头找很麻烦——微信又没有浏览记录，按图索骥需要比较强且点击多次，万一入口是朋友圈里的文章，点回去又特么重新刷新了，还得翻着找，还是先收藏一下再跳出去吧……
有了浮窗功能功能确实会方便一些。
但为了避免杂乱不干净的现象，微信做了一些特殊处理——浮窗只有在手机电脑屏幕两侧边可停靠，且只有在微信程序在屏幕前台的时候才出现，拖动时候右上有较大英亩面积的红色区域，移动至此处可关闭浮窗。
这种设计大大降低了洁净杂乱不干净的现象。
陌陌也有悬浮墙的设计，实况转播视频的小窗悬浮，可以边看视频边聊天。
考虑到陌陌的群体、业务功能和变现融资需求，有其合理性，但也不具备普世性，毕竟陌陌有很强的独特性。
现在表层对悬浮窗倒不心存敌意了，亚马逊的操作悬浮按钮、知乎的站外引流按钮其实都是悬浮窗，在适当的巧妙地有节制地运用是加分项。
再回过来头来看网易新闻的悬浮刷新按钮，就比较恰当了。
知乎的站以外引流知乎悬浮窗按钮
刚刚多次提到了底部4Tab，这是目前仍然比较主流的做法，也有做活动的时候变白5Tab，还有3Tab甚至2Tab的。
在所研究飞抵返回顶部和刷新的时候，观察到底部Tab的一个小细节点：
有一些点击Tab会触发不断刷新页面操作，有些点击后没有功能性拼注，但会触发人机交互动画，有些甚至连交互也没有。
以微信为例，单击是没有快捷键交互和功能触发的，但是双击首个Tab，会触发消息列表向下滚动，到最近一条的未读消息。
通常Tab属于框架层（APK更新），Tab里的内容相对灵活（SDK更新），所以在产品设计的时候，如果想预留出扩展空间，在框架上应留出事件和数据接口。
本文重点调研了“返回顶部”功能，捎带手也看了下刷新、悬浮窗和底部Tab的相关功能。
实现方式及组合比较多样化，最终目标具体还要根据实际业务和目的来进行产品设计。
升级会员 