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

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

小宇宙

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

美团外卖是如何让用户方便感知外卖进度的?
美团外卖

用户体验美团外卖是如何让用户方便感知外卖进度的?

猎人 - 卷卷墩儿浪里个浪9.0

最近在「美团外卖」下单后,当手机还在锁屏时,轻触屏幕后锁屏界面首次出现外卖进度提示模块,模块设计简洁收敛,聚焦关键信息和送餐进度,并询问用户是否允许通知,即使用户选择关闭,仍...

查看详情

#人性化#信息呈现#情感化设计

把听友画的画融入APP彩蛋里,小宇宙这个设计也太有意思了吧!
小宇宙

设计彩蛋把听友画的画融入APP彩蛋里,小宇宙这个设计也太有意思了吧!

猎人 - 聆风Raymond9.5

3月26日是「小宇宙」的两周岁生日。听友们自发组织了一个「画出你心目中小宇宙的样子」活动为其庆生。后来「小宇宙」将部分作品整合到了APP中,只要用户点击首页右上角的「小宇宙」...

查看详情

#即刻#小宇宙#微交互

你比烟花绚烂  🎆
超级星饭团

微交互你比烟花绚烂 🎆

猎人 - AmberDu小白10.0

「点赞」的操作,在app里常被设计成由置灰的爱心变成红色爱心的转变效果。但普通的小爱心怎能呈现迷弟迷妹们对爱豆表达喜爱时那颗赤诚又炙热的心?「超级星饭团」里,给爱豆的动态点赞...

查看详情

#即时反馈#娱乐#微交互