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

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

小宇宙

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

3秒抓住用户眼球!小红书「交换春天」如何用动效点燃互动热情?
小红书

动效设计3秒抓住用户眼球!小红书「交换春天」如何用动效点燃互动热情?

猎人 - Tang9.0

用户在社区互动已经不仅仅局限于简单的点赞和评论。随着内容创作和互动形式的不断丰富,平台的设计也在不断创新,力求通过独特的方式吸引用户的参与,提升用户体验。最近,小红书推出的「...

查看详情

#动效#情感化设计#点赞

小宇宙APP的评论框内为什么会有实时显示的时间点?
小宇宙

用户体验小宇宙APP的评论框内为什么会有实时显示的时间点?

猎人 - AmberDu小白8.2

「小宇宙」APP的评论撰写框内会实时显示播客内容正在播放的时间节点,方便用户写评论时直接标记时间点。引导用户发布标记时点的评论,有助于让看评论的用户将文字形式的评论内容与声音...

查看详情

#信息呈现#即刻#声音

普通打卡VS多邻国打卡:如何用可视化反馈设计出让全家学习上瘾?
Duolingo多邻国

游戏化设计普通打卡VS多邻国打卡:如何用可视化反馈设计出让全家学习上瘾?

猎人 - 张老三9.3

在行为心理学中,有一个概念叫「社会促进效应」(Social Facilitation)——即当人们意识到自己的行为被他人观察时,表现往往会更好。但如何在数字产品中巧妙运用这一...

查看详情

#可视化#学习#打卡