编辑导读：好的产品总会关注细节，将细节做到最好，这篇文章分析了十个产品的使用场景和产品的设计思考，最后总结产品成功的原因，一起学习一下吧。

目录：

1. 【腾讯地图】主题广场 – 导航的趣味体验、提高用户粘性
2. 【汽水儿】进度条交互 – 丝滑放大，沉浸式拖拽时间节点
3. 【数字人民币】上下滑动 – 收钱付款，也能如此流畅顺滑
4. 【Edge浏览器】新建标签 – 下拉左右选择，减少点击交互链路
5. 【支付宝、B站】生日彩蛋 – 除了父母爱人，它也更懂你
6. 【少数派】左滑派读 – 精心定制内容，去肥增瘦更懂你
7. 【青藤之恋】返回顶部 – 新位置新尝试，防错操作设计
8. 【微博动漫】夜间模式 – 顶部变化，模仿天空趣味感知
9. 【腾讯动漫】置顶图标 – 首页Tab的两种功能，配合动效丝滑流畅
10. 【快手】左滑查看 – 小视图作品，一键触达，便于精准定位

一、【腾讯地图】主题广场 – 导航的趣味体验、提高用户粘性

1. 使用场景

在使用腾讯地图、开车导航时，默认地图指引与用户所产生的情感。

2. 设计思考

设计目标：发掘设计可能点，提升产品专属服务性，从而增加用户粘度。

设计方案：在我的-主题广场中，提供20+主题皮肤，从游戏IP、盲盒IP到代言明星，老少通吃。

我所选择的（泡泡马特宝宝车车）主题，在使用地图时，不仅底部TAB、顶部背景换成主题相关元素，就连开车导航时，我的位置都换成了Molly宝宝开车形象，360度查看车身。

这种深度统一的主题沿用，给用户产生眼前一亮，具有彩蛋效果的惊喜感。要知道盲盒现在定价69元，买回来可能摆在家里吃灰，但高德地图用3D可视化形象与产品进行融合，提高趣味性的同时，用户粘性潜在提高。

二、【汽水儿】进度条交互 – 丝滑放大，沉浸式拖拽时间节点

1. 使用场景

听播客时，调节进度条一直都没有什么体验亮点。

2. 设计思考

设计目标：提升进度调节的易用性，给用户带来视觉和交互双重体验。

设计方案：在收听播客节目时，漏听或想反复听一段时间音频时需要调节进度条。

【汽水儿】在长按左右滑动调节进度条时，会进入一个浮层区，只有时间显示和进度条显示，降低不必要信息干扰，同时进度条放大显示刻度，给用户精准选择感知，配合放大的时间显示，用户更容易看清当前所在位置，从而精准停在想要播放的位置处。

三、【数字人民币】上下滑动 – 收钱付款，也能如此流畅顺滑

1. 使用场景

电子支付平台多而杂，收钱付款交互流程也很繁琐。【数字人民币】是如何解决的。

2. 设计思考

设计目标：提高产品操作体验，通过体验设计来进行前期引流。

设计方案：先不说【数字人民币】使用率与普及程度，单说其设计对于产品的贡献。进入首页直接展示银行所对应的钱包余额，用银行品牌色与人民币形象结合，用户能直观检索是哪家银行。在使用电子支付时，可点击或滑动两种交互进入功能区，相对点击进入，学习成本低，老少皆宜，都易操作。

滑动交互，更多是为操作便捷做的体验尝试，流畅顺滑的过度，在设计圈都成为教学参考。如此简单易用的产品确实能俘获大众用户的心，希望后续不要为了新增功能而阉割此功能。

四、【Edge浏览器】新建标签 – 下拉左右选择，减少点击交互链路

1. 使用场景

在浏览器中新建标签页通常需要点击底部Tab再点击新建，操作上始终还可以优化一下。

2. 设计思考

设计目标：提升操作便捷，通过交互手势提高产品易用性。

设计方案：在iOS系统中，用户在使用【Edge】时，通过下拉呼出顶部功能入口，提供三个选择，分别是新建标签页、刷新、关闭，这都是常用功能，当圆圈停留在哪里说明此功能已被激活，通过释放手势，完成功能选择。例如想要刷新页面，通过下拉释放、刷新完成。想要新建标签页，通过下拉左滑、释放手势、完成新建标签页。关闭同理。小球在左右移动时会变成椭圆形，贴合手势操作感知。并且此交互入口是隐藏功能，用户想要新建标签页，可通过常规底部Tab栏中创建。交互手势更多提供易用可能性，当点击操作已经变得繁琐，就可以用滑动手势缩短用户触达成本。

五、【支付宝、B站】生日彩蛋 – 除了父母爱人，它也更懂你

1. 使用场景

生日场景是很多产品可以做文章的地方，来强化产品自身品牌感知。

2. 设计思考

设计目标：提升产品与用户的共情性，通过祝福，强化品牌感知。

设计方案：作者生日当天，分别在使用【支付宝】【哔哩哔哩】时，闪屏页给予用户生日祝福呈现。要知道闪屏页通常是产品广告变现位置，这么重要的模块在生日当天给专属用户展示惊喜，对于用户自身来说是很开心喜悦的。有时身边人都不记得，但产品记得，这也是温情一面的透出，产品既是冰冷同时保存的信息也会强化用户某一时间的重要感知，必须是一个与用户产生情感共鸣的设计亮点。

六、【少数派】左滑派读 – 精心定制内容，去肥增瘦更懂你

1. 使用场景

少数派的派读，和入口一样去肥增瘦，预览便捷。

2. 设计思考

设计目标：提升进入入口的便捷性，给予用户入口感知，提高派读模块使用活跃度。

设计方案：在少数派首页没有金刚区，头部是一个半屏的推荐文章，这样让品牌符号得以突出。通常首页左上方品牌符号只是一个展示样式，不具备触发入口功能，就算是一个入口也很难让用户发现（之前文章有例子）。

少数派通过在品牌左侧加入三个小点，引导用户点击操作，更具有识别功能操作性，同时贴屏向右滑动也会进入派读页面。提供两种入口，有效提升进入派读页的简易程度，为用户提供便捷操作。

七、【青藤之恋】返回顶部 – 新位置新尝试，防错操作设计

1. 使用场景

陌生人社交社区，刷了很长的内容后如何返回顶部刷新页面。

2. 设计思考

设计目标：提高刷新内容入口的识别性，防止多功能点击的误触情况。

设计方案：青藤之恋社区，左上角有一个「我的小窝」功能入口。当浏览了很长的内容返回顶部时，通常点击左上方时间位置，这需要开发后台写入指令才有此功能，可作者使用时点击时间位置并不能出发返回顶部操作，检索后发现，在顶部标题上方会出现一个类似Home的矩形条，通过点击此位置，可返回顶部。

分析这样设计的原因，时间位置加交互操作容易与「我的小窝」进行误触重合，原因过于精密，为提高防错性，故返回置顶操作放在了标题处，这样用户也好理解。同时作者觉得也可以尝试底部「村口」Tab也可加上返回顶部并刷新的操作，多入口，满足不同用户的操作习惯，这样产品更易用，粘度更高。

八、【微博动漫】夜间模式 – 顶部变化，模仿天空趣味感知

1. 使用场景

夜间模式的切换，如何给予用户状态感知。

2. 设计思考

设计目标：提升产品趣味体验，强化用户心智。

设计方案：在我的页面，点击夜间模式切换按钮，头部会变换天气插画。但用户切换为日间模式，天空是蓝色有云彩的，表示白天；当切换夜间模式，天空是深蓝色有星星和月亮，表示黑夜。切换按钮配合动画视频给予用户情感化展示，提升产品操作带来的趣味体验，让用户有眼前一亮的感觉。（建议：切换模式iocn可以在设计一个太阳图标，用同一个月亮图标始终觉得有些为了并不能形成统一感受。

九、【腾讯动漫】置顶图标 – 首页Tab的两种功能，配合动效丝滑流畅

1. 使用场景

用户在刷首页流是，如何快速返回顶部，一键触达。

2. 设计思考

设计目标：提高用户理解成本，使回顶部功能清晰可见。

设计方案：首页默认情况下，推荐Tab是一个星星图标，当用户向下滑动到一定位置时，图标变成弓箭样式，文字也从推荐变成回顶部，这样既是看不懂图标含义的用户，通过文字描述也能知道此icon所具备的交互功能。并且配合动效射出弓箭，丰富元素形态。相比默认图标点击回顶部，这种变换图标和文案的形式用户更易懂且更直观的进行操作，是一个好的优化亮点。

十、【快手】左滑查看 – 小视图作品，一键触达，便于精准定位

1. 使用场景

看完一个视频想要接着继续看作者视频，如何准确找到视频位置。

2. 设计思考

设计目标：提高产品易用性，提供多种触达形式呈现。

设计方案：用户看完一个视频通过向左滑动，呼出侧边视频栏，定位当前视频位置，用户可通过上下滑动，缩略查看想要看的内容，降低进入作者页寻找「刚刚看过」视频周围的内容，降低用户操作成本。当返回首页时，只需向右滑动就可无切换割裂的回到首页。与抖音相比，提供两种交互入口是一个好的设计点。

十一、结语

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

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

#专栏作家#

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

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

题图来自 Unsplash，基于CC0协议