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

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

小宇宙

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

如何将理解复杂的股票K线图降低学习门槛?
广发元始股

用户体验如何将理解复杂的股票K线图降低学习门槛?

猎人 - Pluto9.1

「广发元始股」App作为传统券商广发证券旗下新产品,为了迎合「Z世代」的需求,完全颠覆传统,设计创新。在个股详情页设计上,它删除了传统炒股软件里各类颜色纵横穿插的均线、蜡烛图...

查看详情

#Z世代#可视化#广发元始股

小宇宙:有播客在,希望你永远不会电量不足
小宇宙

设计彩蛋小宇宙:有播客在,希望你永远不会电量不足

猎人 - AmberDu小白10.0

将「小宇宙」iOS版本的「关于我们」页面上滑至最底部,可以发现隐藏的电池彩蛋设计,并伴有绿色的小灯闪烁。官方解释说,这个彩蛋的设计寓意着「有播客在,希望你永远不会电量不足」。...

查看详情

#FM#交互手势#即刻

淘宝下单页 UI 拆解,卖点轮播拿捏用户心理
淘宝

设计心理学淘宝下单页 UI 拆解,卖点轮播拿捏用户心理

猎人 - 张老三4.0

在淘宝唤起购买流程时,页面顶部会轮播展示商品相关信息与核心优点,在临近决策节点强化产品价值表达。运用 决策前强化 与 卖点重复曝光 策略,在用户即将下单的关键时刻降低犹豫成本...

查看详情

#决策前强化#标题栏#盖板