在「小宇宙」App的单集播放页中，你会发现播放进度条和常规的滑块进度条有很大差别。除了具有常规的拖拽定位媒体的播放位置，还将用户的点赞情况进行了可视化传达。柱子较高的片段代表了较高的点赞数量，帮助其他听众直观了解单集中的「高赞」位置，提高了内容获取的效率...
「虾米音乐」的播放界面将播放进度条与播放时间信息做了巧妙的结合，并有两种不同的显示方式：打开歌曲详情页时，专辑图底部会显示音乐的时间进度条；而当返回至歌曲信息页时，时间进度条则会移至音频控件上方。时间进度条是以「当前已播放时长+歌曲总时长」的数据信息做...
新版「滴滴出行」的拼车行程用进度条的形式展示，之前的设计是在地图上显示拼单用户，但并没有很清楚的呈现接送顺序的信息。旧版的设计容易让用户产生困惑，上车之后可能还需询问司机具体的接送顺序。新版产品用「进度条」的形式展示，可以有效的帮助用户了解行车进程以...
「猫耳FM」的音频播放进度条的图标是平台的吉祥物小萌猫的形象。当音频处于暂停的状态，小猫儿会呈现打瞌睡的样子；而当按下播放键，音频播放中的进度条上小萌猫会开心地向前移动。用情感化的设计来反馈用户与产品的互动关系状态，生动有趣，让人心情愉悦。此外，将吉祥物...
随着网红经济的出现，近年来短视频行业风生水起。「微视」就是腾讯去年4月推出的短视频创作与分享应用。「短视频」通常指在互联网新媒体上传播时长在1分钟以内的视频内容，具有短平快的特点。所以市场上多数短视频产品都没有进度条显示的设计。如果想要回看视频的精彩片段...
作为一款教学类的舞蹈社区软件，「跳跳舞蹈」针对舞蹈教学这个使用场景不仅设计了贴心的「镜面反转」，还提供了「A-B循环播放」功能。用户根据自己想学舞蹈的动作内容，可以自己在进度条上灵活选取一个播放范围，截取片段内容进行重复播放。这样看视频学舞蹈时自己分解动...
「即刻」有个很特别的圈子叫「今年的时间进度条」，团队在2018-2019的跨年夜特意在这个主题区安排了倒数计时的动效彩蛋。当15秒倒计时结束进入2019新的一年，屏幕上不仅会出现展现庆祝氛围的礼花小动画，还会弹出「欢迎来到2019」的祝福语。除了这些情理之中的小惊喜，意料之外...
最近霸榜的陌生人社交软件ZEPETO，最受欢迎的核心板块就是「照相亭」。「照相亭」可以和任何人合照，并不需要双方互为好友，通过官方给出的模板即可与自己关注的另一个或多个用户合照。每次选择好pose和参与角色后，照片合成时等待进度的加载动画也被很形象的设计成了一个小...
常见的音乐软件上，一首歌的「前进」和「后退」都是通过底部的控件进行控制，大家似乎也都习惯了这样的方式并没有想着改变。而「MOO音乐」，给了我们惊喜：打破传统的整屏沉浸式音乐播放体验。同样是利用屏幕下半区域，去除传统的控件展示节奏律动让你看见音乐，与页面进...
Spotify的设置页面里有个Stranger Things Mode的开关，打开就可以在有彩蛋设计的歌曲播放时触发各种特殊动效。比如在Spotify播放「怪奇物语」的主题曲Stranger Things ，能看到播放器进度条变成了射灯射出一束光的模样，开启「怪奇物语」模式。播放「星战」系列的歌曲，进度条就会变成「光...
在互联网产品中，进度条的身影无处不在。进度条可以让用户更加直观地了解流程进行的程度，明确自己正在做什么，也能从心理层面上缓解等待的焦虑感。「阿里云」的官网将进度条运用到了banner的轮播图里，这个微交互小细节还挺用心的。常见的banner轮播设计是没有进度提示的，...
「腾讯视频」最近新上了一档音乐节目，「即刻电音」。由于与「中国有嘻哈」相似都是推广多数人不熟悉的小众音乐，因此节目组花了较多的心思在字幕上来科普解说电音文化。每组音乐人表演时，屏幕下方都会出现一条解读作品break，buildup以及drop的进度条来帮助观众理解，这个细...
周末看了「爱奇艺」的「尖叫之夜」直播，发现它的直播体验其实做得还挺不错的。不同于很多直播平台只能在直播结束后看回放，「爱奇艺」的视频直播是可以实时查看录播回放内容的。很贴心的细节在于：当你在直播中途退出app，再次返回时播放的内容是从你刚才退出播放进程的...
在「腾讯视频」里播放「演员的诞生」，用进度条控制视频快进的时候会发现一个有趣的品牌推广：进度条会变成赞助商「腾讯微视」的品牌元素。在产品自身的控件里植入品牌广告，不影响产品原本的交互与使用体验，但可以对用户潜移默化的进行品牌推广。这样比较巧妙的广告植...
「乐趣」是一款音乐App，推荐的都是较为小众的音乐，以其独特的运营内容和视觉体验区别于市场上其他音乐应用。当你的手指在音乐播放当前页面左右滑动时，可以直接调整当前的音乐播放进度，松开即回到MV页面。使用交互动作代替传统音乐播放器的进度条，可以让用户沉浸在MV的...
在「腾讯视频」看视频如果遇到播放进程被其他任务（如接电话或者分享）打断暂停的情况，当再次回到播放界面时的视频并不是接着暂停处播放的，而是会从当初的暂停处往前倒几秒播放。这就如同我们追剧时会看到很多片头都有回顾上一集剧情的道理。在这里，「腾讯视频」是想...
页面加载受到如网速等不可控因素的影响较多，因此时常会被融入有趣的动效或文案来缓解用户等待的焦虑情绪。如果你用过「鬼畜」App，一定会对它的加载画面印象深刻，因为大概没有比它更戏精的加载页了吧。App将用户剪辑鬼畜短视频的结果直接代入到加载页面中，营造出视频里...
据统计用户可接受等待的时间平均为5-9秒，2秒以内满意度会最高。但英语流利说的课程加载页面由于音频较多，所以常常等待时间较长。因此团队通过将清晰的课程下载进度告知用户来缓解用户等待的焦虑情绪。Loading动画以老师的形象展现贴合平台属性，随着进度条加载完成的过程同...
看视频时有些情节很无聊怎么办？通常我们都会通过拖动进度条去快进视频，而在芒果TV只要长按屏幕就会出现一个中间有小闪电的圈圈旋转的动效，视频就会加速播放。这样的形式相较没有加速动画反馈的快进方式更加生动有趣，也一定程度上起到了缓解快进时用户等待的焦虑情绪。...
视频的编辑处理通常比较耗费时间，当辛苦了大半天编辑好准备存储时，你肯定不想出现什么差错，所以VUE在这里告诉用户不要急着退出，防止视频保存失败，并采用长方形的顺时针进度条，打破存储时枯燥无预期的形式，简约不失时尚感，让用户既能专注于内容本身，又能缓解存储...
