如果要评选「最懂年轻人的跨年晚会」,那一定非B站的跨年晚会莫属。无论是嘉宾阵容还是节目创意与视觉编排,B站的跨年晚会都有很多「爷青回」的情怀点和能点燃年轻人激情的炸点。按照小电视家的传统,如此重要的内容播放必会上线与之主题契合的进度条彩蛋。
「即刻」App有个叫「今年的时间进度条」的圈子,用可视化的时间进度条与百分比数值展现时间的流逝。每年的跨年时刻,这个主题区还会有极具仪式感的线上跨年倒数计时动效彩蛋。当今年的时间倒数结束,会弹出「欢迎来到2021」的祝福语以及展现庆祝氛围的礼花动画。
「吃豆人」Pac-Man是电子游戏历史上经典的街机游戏,由Namco公司的岩谷彻设计并由Midway Games在1980年发行,被认为是80年代最经典的街机游戏之一,是很多80、90后的童年记忆。bilibili的主站网页端的banner轮播提示设计就运用了「吃豆人」的视觉元素,有趣复古又充满情怀。
越来越多的网站会在主页banner轮播图的下方加入进度条来提示访问者banner切换的时间,「腾讯动漫」则巧妙地将轮播图的进度条设计与平台吉祥物飞过屏幕的动画效果结合起来。为每个小细节的设计都注入二次元的幽默感与中二精神,有趣又强化了平台特征。
小破站今年最重视的大IP「天官赐福」动画终于要在今天上线开播了。官方发布的所有相关视频播放器进度条上的小电视图标,都被换成了花城的银蝶,并且拖动进度条时银蝶的翅膀会打开,银蝶飞舞的方向也会随着进度条拖动的方向而改变。可以说bilibili团队在宣发的细节设计上很用心思了。
bilibili最近上线了由畑健二郎创作的漫画改编的新番「总之就是非常可爱」,可能是因为剧情太甜连工作人员都酸了,团队直接请大家「恰柠檬」🍋—— 播放进度条上的小电视icon被换成了一颗柠檬的图标。弹幕和评论区都表示强行被喂狗粮感受到了满满的「恶意」,单身狗真的好想谈恋爱😢B站果然是可爱又调皮的小机灵鬼~👿
使用「流利说」App时,用户在学习中是看不见一级页面的。但如果用户中途有事退出了学习,那么回到主界面就可以看到导航栏的「学习」图标变成了一个环形进度条,圆环的中心数字显示着用户之前设定的每日学习时长目标。用户看到进度条就知道自己今天的任务还有多少没有完成,这样醒目的未完成进度提醒,会让用户更想回到课程界面继续完成学习任务。
「优酷」App的新版本更新后,动态截屏功能变得十分友好:全屏播放页面下,点击屏幕右侧的截屏按钮可进入动态截屏的操作界面。系统会自动帮用户截取30s的视频内容与5s的GIF内容。「截视频」模式下,可从界面右侧选择画幅设定,并通过滑动界面下方的进度条从已截取的30s视频内容中选择自己满意的画面生成视频选段。
「星际迷航」在bilibili上线,这一次团队又在进度条上埋彩蛋了。常规状态下进度条上的小电视图标变成了「进取号」,拖动进度条时「进取号」小图标还可以变换方向,这细节也是做得很用心了。虽然进度条变身是B站的「老彩蛋」了,但每次还是能带给我们不一样的小惊喜。
在「小宇宙」App的单集播放页中,你会发现播放进度条和常规的滑块进度条有很大差别。除了具有常规的拖拽定位媒体的播放位置,还将用户的点赞情况进行了可视化传达。柱子较高的片段代表了较高的点赞数量,帮助其他听众直观了解单集中的「高赞」位置,提高了内容获取的效率与质量。
「虾米音乐」的播放界面将播放进度条与播放时间信息做了巧妙的结合,并有两种不同的显示方式:打开歌曲详情页时,专辑图底部会显示音乐的时间进度条;而当返回至歌曲信息页时,时间进度条则会移至音频控件上方。时间进度条是以「当前已播放时长+歌曲总时长」的数据信息做为可拖动的图标。特别的设计能吸睛,也能让用户一眼get听歌进度,但会在用户浏览信息滑屏时形成一定的干扰。
新版「滴滴出行」的拼车行程用进度条的形式展示,之前的设计是在地图上显示拼单用户,但并没有很清楚的呈现接送顺序的信息。旧版的设计容易让用户产生困惑,上车之后可能还需询问司机具体的接送顺序。新版产品用「进度条」的形式展示,可以有效的帮助用户了解行车进程以及接送顺序,让用户做到心中有数,对乘车时间的把握也更具可控性。
「猫耳FM」的音频播放进度条的图标是平台的吉祥物小萌猫的形象。当音频处于暂停的状态,小猫儿会呈现打瞌睡的样子;而当按下播放键,音频播放中的进度条上小萌猫会开心地向前移动。用情感化的设计来反馈用户与产品的互动关系状态,生动有趣,让人心情愉悦。
随着网红经济的出现,近年来短视频行业风生水起。「微视」就是腾讯去年4月推出的短视频创作与分享应用。「短视频」通常指在互联网新媒体上传播时长在1分钟以内的视频内容,具有短平快的特点。
作为一款教学类的舞蹈社区软件,「跳跳舞蹈」针对舞蹈教学这个使用场景不仅设计了贴心的「镜面反转」,还提供了「A-B循环播放」功能。用户根据自己想学舞蹈的动作内容,可以自己在进度条上灵活选取一个播放范围,截取片段内容进行重复播放。这样看视频学舞蹈时自己分解动作与扣细节都能事半功倍了。
「即刻」有个很特别的圈子叫「今年的时间进度条」,团队在2018-2019的跨年夜特意在这个主题区安排了倒数计时的动效彩蛋。当15秒倒计时结束进入2019新的一年,屏幕上不仅会出现展现庆祝氛围的礼花小动画,还会弹出「欢迎来到2019」的祝福语。除了这些情理之中的小惊喜,意料之外的彩蛋还在于:当时间倒计时完成2018与2019的交接,进度条并没有出现新一年计时开始的画面,而是出现了2019已过去99.9999%的进度然后时间倒回至0%的效果。
最近霸榜的陌生人社交软件ZEPETO,最受欢迎的核心板块就是「照相亭」。「照相亭」可以和任何人合照,并不需要双方互为好友,通过官方给出的模板即可与自己关注的另一个或多个用户合照。每次选择好pose和参与角色后,照片合成时等待进度的加载动画也被很形象的设计成了一个小照相亭的样子。
常见的音乐软件上,一首歌的「前进」和「后退」都是通过底部的控件进行控制,大家似乎也都习惯了这样的方式并没有想着改变。而「MOO音乐」,给了我们惊喜:打破传统的整屏沉浸式音乐播放体验。同样是利用屏幕下半区域,去除传统的控件展示节奏律动让你看见音乐,与页面进行交互则利用了「左滑」、「右滑」的手势来实现「前进」与「后退」。
Spotify的设置页面里有个Stranger Things Mode的开关,打开就可以在有彩蛋设计的歌曲播放时触发各种特殊动效。比如在Spotify播放「怪奇物语」的主题曲Stranger Things ,能看到播放器进度条变成了射灯射出一束光的模样,开启「怪奇物语」模式。播放「星战」系列的歌曲,进度条就会变成「光剑」的样子。
在互联网产品中,进度条的身影无处不在。进度条可以让用户更加直观地了解流程进行的程度,明确自己正在做什么,也能从心理层面上缓解等待的焦虑感。「阿里云」的官网将进度条运用到了banner的轮播图里,这个微交互小细节还挺用心的。