歌单|产品细节剖析，让你看看大厂是如何做设计的（2021-23）( 四 )_

（PS：重复性展示只适合列表内容不多的应用，如果内容较多，反复展示不仅占资源，还会引起用户的反感）
339.「腾讯视频」音量调节-由绿变红的进度条1. 产品体验在腾讯视频看片过程中调节音量时，进度条的颜色首先是绿色，当增加到70%以后，会逐渐由绿色过渡至红色。

文章插图
2. 设计思考有人说，将手机音量开到最大看片、听音乐，会对设备造成一定的影响，虽然，真正对设备的影响微乎其微，但大多数人依然不会经常将设备音量增加到100%，不然可能吵到他人，在安静的环境下甚至伤害自己的耳朵。
腾讯视频看片调节音量时，在70%以内，进度条的颜色基本为绿色，这也正是设备最为常见的音量数值，同时绿色也意味着安全。当超过70%时，进度条色值则由绿变红，一般在正常环境下，长期将音量调整的100%看片或听音乐，对自己的听力造成一定的损伤（任何事物/事件长期停留在极限值，都将会产生一些不可预知的后果），即便在较为喧闹的环境为了让自己听的清楚将音量调到最高，但势必会制造出高于当前环境的噪音而影响其他人，所以腾讯视频的音量进度条不仅仅告知了用户当前音量的数值/进度，更是通过颜色的变化起到一定的警示作用，保护自己、关爱他人。
340.「抖音」视频页-一个页面到底可以存在几种交互手势？1. 产品体验在抖音的视频页面，同时存在着摇一摇、单击、长按、双击、多次连击、上/下/左/右滑动9种交互手势以应对不同的操作。

文章插图
2. 设计思考移动端设备交互手势操作的优势主要在于方便快捷，在屏幕任何（无操作入口）位置即时操作，无需精准点击，容错性极强，有效节约用户大量的时间成本。另外，所有通过交互手势操作能达到的效果，在某个位置也有其固定入口，以便于部分用户条件反射、习惯性的手动点击。
抖音在视频单个页面中融入了9种交互手势“摇一摇-找附近也在摇的抖友；单击-播放/暂停；长按-调出分享及部分功能弹窗；双击-点赞；多次连击-连续点赞；上/下滑动-前后切换视频；左/右滑动-tab类型切换。抖音如此多的交互手势作为隐藏的存在，也许很多用户还不知道，即便知道，也可能是习惯性的去固定入口操作，但站在设计师的角度，我们应该合理的将交互手势更多的融入到自己的产品中，给用户提供便利的同时，逐渐培养用户的操作习惯，让其在后续的应用中可不加思考的利用便捷操作快速满足自己的需求。
341.「饿了么」意向标记-辅助用户更快作出决策1. 产品体验在饿了么外卖店铺列表，凡是已经加入到购物车的商品，都会在店铺缩略图的右上角标记数量提示，避免用户在不同类型的店铺列表中重复进入同一个店铺。

文章插图
2. 设计思考平时在使用外卖平台点餐时，若非紧急情况或目标非常明确，可能会在多个类型（猜你喜欢、销量/评价排序、精选推荐）店铺列表中浏览，并将自己稍有意向的商品先添加到购物车，但时不时就会在不同列表中刷到同一家店铺，点进去后才发现这家早就看过，很是浪费时间，尤其是在网络不好的情况下，emm……
使用饿了么点餐，已加入到购物车的商品会在店铺列表中标记提示，便于用户在不同的列表刷到同一家店铺时能及时发现，快速过滤，帮助用户节省更多时间以提高点餐效率。众所周知，用户一个页面停留的时间越长、不确定性就越强，离开的可能性也就越大，产品若能辅助用户更快速的作出决策，转化率就能随之提升。