编辑导语：一个好的设计细节能有效助力产品增长，本篇文章作者分享了10个助力产品增长的设计细节，讲述了其使用场景和设计思考等内容，一起来学习一下吧，希望对你有帮助。

章节目录：

1. 【飞猪】猪鼻搜索 – 融入动效，强化品牌渗透；
2. 【Timebook】点赞动效 – 停留后的播放，引导操作；
3. 【腾讯新闻】长按点赞 – 彩蛋背后的思考，释放用户情绪；
4. 【支付宝】清爽模式 – Tab隐藏，专注支付工具服务；
5. 【飞书】双击编辑 – 交互的提效用途，更快更高效；
6. 【贝壳找房】新旧看房 – 产生预判，避免白走一趟浪费的时间；
7. 【得物】3D试穿 – 及时体验，减少门店试穿过程；
8. 【映客直播】 双直播 – 一个预览直播一个小窗直播，屏效利用更大；
9. 【拼多多】商品收藏 – 预选属性默认保存，一键懂你；
10. 【微信】视频号喜欢 – 头像神奇位移，极度舒服。

一、【飞猪】猪鼻搜索——融入动效，强化品牌渗透

1. 使用场景

全新UI升级后，搜索模块有较大改动，如何在搜索栏中引导用户，同时不打扰用户使用。

2. 设计思考

设计目标：提升搜索按钮pv率，同时强化飞猪品牌。

设计方案：在进入飞猪界面时，能看到顶部搜索栏搜索按钮会有一个猪鼻子抖动特效，随后消失，下拉刷新时，猪鼻子特效再次激活，很是有趣。

其实在完善的旅游行业中，产品设计已经很难有独自特色亮点，毕竟设计都是有轮回（拟物-扁平-再到拟物）。安卓与苹果手机的交互视觉也基本相仿，那好的设计还能从哪里出发？

结合产品特有的品牌IP去进行产品融入，如果能在产品目标中进行强化IP那简直厉害。很成功的产品设计细节，再一次强化了飞猪在我脑海中的记忆，值得大家学习。

二、【Timebook】点赞动效——停留后的播放，引导操作

1. 使用场景

一款社交产品，能让用户持续UGC（用户素生产内容）不容易，需要有较多互动，才能留住用户。

2. 设计思考

设计目标：提高点赞互动率，让用户互动率得到提升。

设计方案：当用户停留到某一条动态时，通过页面悬停时间，激活点赞按钮动效，灵动的动画，仿佛对方再和你互动，想要你一个点赞，不自觉地就会引导互动起来，也算是打破只看不点赞的僵局。

这个设计亮点非常值得学习。当你要提升某个功能使用率，不妨把做图标设计的时间改为动效设计。相比于平面图形，动态图形更容易引起用户注意。

三、【腾讯新闻】长按点赞——彩蛋背后的思考，释放用户情绪

1. 使用场景

新闻资讯类产品长时间阅读会引起用户疲劳，如何通过点赞来让用户短暂休息。

2. 设计思考

设计目标：提升用户使用时长，短暂放松是为了更好的阅读使用。

设计方案：前面有讲过微博点赞动效，其实做的蛮浮夸的，但作为泛娱乐产品还是挺好的，但也会强制打断用户阅读。

在腾讯新闻中通过长按点赞图标，会激活点赞动效，统一的红色图标，强化点赞按钮本身的属性。随着长时间按压，屏幕会显示逐渐递增的数字，最高到+100大约需要5s，这个过程能让用户眼睛聚焦，大脑放空一下，好让之后阅读思路更加清晰。

四、【支付宝】清爽模式——Tab隐藏，专注支付工具服务

1. 使用场景

支付工具内的众多服务增加使得产品越来越臃肿，不使用的功能时常干扰用户操作，反感声越来越大。

2. 设计思考

设计目标：通过自定义生活频道导航栏，让用户操作更清爽，提升用户满意度。

设计方案：在我的-设置-功能管理-生活频道入口，来选择生活频道是否在底部导航栏中显示。开启关闭配有对应效果方便用户直观理解，尤其对于亿级体量的产品，要满足不同年龄层用户学习成本，图示对应会更加友好，提升用户理解与使用体验。

五、【飞书】双击编辑——交互的提效用途，更快更高效

1. 使用场景

在文档预览模式下，如何对某一行进行快速编辑操作。

2. 设计思考

设计目标：提升预览到编辑的快速切换，缩短交互路径，为用户提效。

设计方案：当用户浏览一个文档，想要在某一行进行文字编辑时，除了右下角编辑按钮外，还可以双击想要编辑的段落，即可快速进入编辑模式，同时光标停留在双击位置处，很是高效。

这就是菲茨定律，通过双击交互来替代点击编辑按钮的交互时间，从而让编辑效率得到提升。反观语雀，移动端并没有做到这点，编辑文章回到顶部，还得和有优化空间的。

六、【贝壳找房】新旧看房——产生预判，避免白走一趟浪费的时间

1. 使用场景

二手房中，看现房很难产生清空后的房屋预判，会因为房间过乱或东西过多导致空间不好的预期，如何解决用户这种问题？

2. 设计思考

设计目标：通过VR技术进行三维空间采集来提供全新室内设计布局，提高房屋转卖率。

设计方案：在二手房详情页中，点击设计效果，能看到当前与新装修后的室内对比VR图，避免因旧家布局乱，产生不好的预期，从而不在详细了解。

虽然VR技术是接第三方服务，但这种新旧装修对比最能直观给用户产生正向预期。好不容易买一套房，不也要找室内设计先看下整体装修效果吗！

七、【得物】3D试穿——及时体验，减少门店试穿过程

1.使用场景

线上电商最大的痛点就是无法试穿，导致看上去挺好，但我自己穿就不知道了。

2. 设计思考

设计目标：通过AR现实，提升试穿直观感受，从而促进商品下单率。

设计方案：在商品详情页中，点击AR试穿，就可透过手机看到鞋子试穿后的效果，除了真实脚感不能感受，外形各角度效果都非常不错，有种身临其境的感觉，刺激用户进行下单决策。

无论是直播电商试穿或者AR试穿都在解决用户无法亲身体验的尝试，通过一个对象嫁接，能使用户得到信任，从而提升商品交易量。

八、【映客直播】 双直播 – 一个预览直播一个小窗直播，屏效利用更大

1.使用场景

关注的博主，晚上同一时间开播，无奈只有一个手机不能一起看。

2. 设计思考

设计目标：提升直播曝光率，为用户提供更更多博主直播，提高屏效。

设计方案：在直播页面中，选择小窗口模式，会以浮窗直播外漏，用户可边看小窗直播，边看预览直播大画面，目的为了曝光更多优秀博主内容，让用户按需选择。双直播无论对用户还是博主都提供了多种引流方式，从而提升浏览量与浏览时长。

九、【拼多多】商品收藏——预选属性默认保存，一键懂你

1. 使用场景

拼多多拼着买更划算，可遇到当下不买但需要过几天买的东西，又不想滑走商品，这时就需要收藏功能来代替购物车。

2. 设计思考

设计目标：提升收藏功能的易用性，不用二次选择即可一键下单，快捷高效购物。

设计方案：在浏览商品时，选择好商品属性，点击收藏，商品默认放在收藏模块中，需要买时，只需打开收藏页，就能看到商品信息和之前预选的商品属性，节省二次选择操作，为用户提供高效收藏。

相比淘宝的收藏，只是简单的商品收藏，并没有把预选的商品属性一并收藏起来，用户在收藏中购物时，还需要再进入商品页二次选择，频繁重复的操作，带来的低效的购物体验。

十、【微信】视频号喜欢——头像神奇位移，极度舒服

1. 使用场景

在浏览视频时，如何引导并强化点击喜欢的操作。

2. 设计思考

设计目标：提升喜欢交互的趣味体验，提高点击率。

设计方案：当点击喜欢，你能看到自己的头像会有一个弧形移动效果，最终停留在正文上方。很流畅的操作，头像停留出是好友旁边，有种挤在朋友身边的错觉，并不孤单，加强亲密性，视频都很喜欢并不是只有我自己觉得好。

弧形移动相比直线移动更具有动感，更能抓住用户视线，从而再次强化喜欢按钮的功能。

十一、结语

设计师要有发现美的眼睛。美不仅是视觉，还有好的体验流程。不要让用户思考，这是每个设计师所追求的。

认真记录产品细节，了解背后的思考，也是不断提升自己逻辑思维和表达能力的一种方式。

本期产品细节分析结束，我们下期再见！

#专栏作家#

碳水Sir；微信公众号：草蓉三石，人人都是产品经理专栏作家。One More产品设计负责人，擅长设计细节洞察分析。

本文原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自Unsplash，基于 CC0 协议。