信息可视化小宇宙App把点赞做进了进度条,用视觉语言解决孤独感

产品: 小宇宙猎人: 张老三观众: 9.0k人 时间: 2025-12-23

小宇宙

与「小宇宙」有关的细节还有 58查看全部

我也有新发现 我要投稿
小宇宙App把点赞做进了进度条,用视觉语言解决孤独感小宇宙App把点赞做进了进度条,用视觉语言解决孤独感

细节描述

张老三: 在交互设计中,如何将瞬时情绪可视化一直是个难题。今天我们要聊的这个案例,巧妙地运用了数据物理化的概念,把抽象的赞赏变成了具象的波纹。
在小宇宙,当你听到精彩处点击界面右下方的点赞按钮时,交互并不是仅限于按钮本身的变色或动效。重点在于进度条本身:在你点击的那个时间节点,进度条上方会实时生长出一根垂直的亮色短线。 更有趣的是,这个设计支持连续点击。如果你和广大听众都对这一秒的内容产生强烈共鸣,纷纷点赞,这些短线会像叠罗汉一样堆积、变高,或者在这一时间段形成密集的柱状图。最终,原本平直的进度条变成了高低起伏的情绪山脉,高耸的部分直观地告诉后来的听众:「嘿,这里是全场最佳!」 
这极大地增强了参与感与共鸣。听播客通常是孤独的体验,但看到进度条上的高亮痕迹,你会瞬间感到「原来大家都在这儿被触动了」,这种异步的陪伴感非常治愈。同时,它提供了内容导航的功能,新听众可以通过寻找进度条上的高峰,快速空降到节目的精彩片段,提升了内容消费效率。

9.230人评分
收藏 2
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

「优酷」强大的动态截屏功能
优酷

手势交互「优酷」强大的动态截屏功能

猎人 - AmberDu小白10.0

「优酷」App的新版本更新后,动态截屏功能变得十分友好:全屏播放页面下,点击屏幕右侧的截屏按钮可进入动态截屏的操作界面。系统会自动帮用户截取30s的视频内容与5s的GIF内容...

查看详情

#交互手势#优酷#好功能

小宇宙如何使用分类TAB帮助听众降低理解成本?
小宇宙

设计逻辑小宇宙如何使用分类TAB帮助听众降低理解成本?

猎人 - Ginny Q8.0

从「小宇宙」APP 首页的「分类」入口进入,就能看到不同类型的播客列表。在页面顶部,每一个分类被设计成了一个个小卡片,卡片之间相互堆叠,卡片里采用分类名称+图形化设计,在横滑...

查看详情

#Tab#信息呈现#分类

bilibili:会左右眨眼的猫头播放进度条
Bilibili

设计彩蛋bilibili:会左右眨眼的猫头播放进度条

猎人 - AmberDu小白8.0

人气动漫「夏目友人帐」的更新又要在b站来了,这一次播放进度条的小电视变成了猫咪老师三三的猫头,左右拖动猫猫的眼睛还会左右眨眼😉,简直不要太可爱。对于等待更新已久的动漫迷们而言...

查看详情

#Bilibili#图标#情感化设计