社区课程活动导航作者申请报告
CxHub客户体验社区-用户研究、体验爱好者学习交流社区,专注客户体验(CX)研究。
社交媒体
官方合作伙伴
联系我们
联系邮箱:longguofu1024@gmail.com
公司地址:深圳市宝安区华联城市全景 G 座1117
网站首页友情链接关于我们商务合作隐私政策
© 2025 CxHub | 粤ICP备18009813号-6
社区课程活动导航作者申请报告

碳水Sir|产品细节体验(二十一)

目录

  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 结语

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

本期产品细节分析结束,我们下期再见!

用户体验设计
产品体验
版权声明:本文为 CxHub 作者【 碳水Sir 】的原创文章,转载请联系作者。
该文观点仅代表作者本人,CxHub客户体验社区平台仅提供信息存储空间服务。
复制文本链接
碳水Sir
25文章
11读者
代表作【One More】健身记录App。追求产品中的设计亮点,用设计视角观察世界。如果对你有帮助,那可真是太好了
全部评论
热门
最新
请先登录后评价
关注作者,不错过精彩内容