/碳水Sir｜产品细节体验（P-21期）
最新文章2023-04-09

碳水Sir｜产品细节体验（P-21期）

碳水Sir-的第27篇原创

每天进步一点点

距离2022年小目标24篇原创还剩12篇

废话不多说，让我们开始吧

目录

  1. 【飞猪】猪鼻动效，强化品牌渗透；

  2. 【Timebook】点赞动效，引导操作；

  3. 【腾讯新闻】长按点赞，彩蛋背后的思考；

  4. 【支付宝】 Tab隐藏，专注支付工具服务；

  5. 【飞书】双击编辑，更快更高效；

  6. 【贝壳找房】新旧看房 ，避免白走一趟浪费的时间；

  7. 【得物】3D试穿，减少门店试穿过程；

  8. 【映客直播】 双直播，屏效利用更大；

  9. 【拼多多】商品收藏，一键懂你；

  10. 【微信】头像神奇位移，极度舒服。

#01

飞猪 - 猪鼻动效，强化品牌渗透




1. 使用场景

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

2. 设计思考
设计目标：提升搜索按钮pv率，同时强化飞猪品牌。
设计方案：在进入飞猪界面时，能看到顶部搜索栏搜索按钮会有一个猪鼻子抖动特效，随后消失，下拉刷新时，猪鼻子特效再次激活，很是有趣。

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

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



#02

Timebook - 点赞动效，引导操作

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

2. 设计思考
设计目标：提高互动聊天率，通过“性格心理学模型”强化产品特有功能，助力配对成功。
设计方案：在首页，每当切换一名用户，头像右侧就会有MATCH（配对概率）的百分比，同时结合上下滚动的展示形式，呈现在用户视野里，突出核心算法功能。
当点击百分比模块，下方会显示详情描述，便于用户理解数字的含义以及公信度，为用户互选CP打下坚定基础。避免因犹豫不决的用户错过对的人而苦恼。
#03

腾讯新闻 - 长按点赞，彩蛋背后的思考

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

2.  设计思考

设计目标：提升用户使用时长，短暂放松是为了更好的阅读使用。
设计方案：前面有讲过微博点赞动效，其实做的蛮浮夸的，但作为泛娱乐产品还是挺好的，但也会强制打断用户阅读。

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

#04

支付宝 - Tab隐藏，专注支付工具服务

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

2. 设计思考

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

飞书 - 双击编辑，更快更高效

1. 使用场景
在文档预览模式下，如何对某一行进行快速编辑操作。

2. 设计思考

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

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



#06

贝壳找房 - 新旧看房，避免白走一趟浪费的时间

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

2. 设计思考

设计目标：通过VR技术进行三维空间采集来提供全新室内设计布局，提高房屋转卖率。
设计方案：在二手房详情页中，点击设计效果，能看到当前与新装修后的室内对比VR图，避免因旧家布局乱，产生不好的预期，从而不在详细了解。

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

#07

得物 - 3D试穿，减少门店试穿过程

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

2. 设计思考

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

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


#08

映客直播 - 双直播，屏效利用更大



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

2. 设计思考

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

#09

拼多多 - 商品收藏，一键懂你

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

2. 设计思考

设计目标：提升收藏功能的易用性，不用二次选择即可一键下单，快捷高效购物。
设计方案：在浏览商品时，选择好商品属性，点击收藏，商品默认放在收藏模块中，需要买时，只需打开收藏页，就能看到商品信息和之前预选的商品属性，节省二次选择操作，为用户提供高效收藏。

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


#10

微信 - 头像神奇位移，极度舒服

1. 使用场景
在浏览视频时，如何引导并强化点击喜欢的操作。

2. 设计思考

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

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


#11
结语
设计师要有发现美的眼睛。美不仅是视觉，还有好的体验流程。不要让用户思考，这是每个设计师所追求的。认真记录产品细节，了解背后的思考，也是不断提升自己逻辑思维和表达能力的一种方式。

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



#专栏作家#



碳水Sir；微信公众号：草蓉三石，人人都是产品经理专栏作家。One More产品设计负责人，擅长设计细节洞察分析。
文章优先发布于人人都是产品经理。未经许可，禁止转载
http://www.woshipm.com/pd/5441445.html
“一键三连”碳友们都懂得，英雄所见略同！
往届产品细节，感兴趣的来看看呦
产品体验细节分析笔记（2022-19）
产品体验细节分析笔记（2022-18）
产品体验细节分析笔记（2022-17）
产品体验细节分析笔记（2022-16）
产品体验细节分析笔记（2022-15）
产品体验细节分析笔记（2022-14）
http://www.woshipm.com/evaluating/5369189.html

本文来自微信公众号“草蓉三石”（ID：caorongsanshi）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。

TAGS:

相关文章