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

产品: 小宇宙猎人: 要爆炸的张老三 时间: 3小时前

小宇宙

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

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

细节描述

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

91人评分
收藏
分享细节海报

发表评论

{{ moreBtnTxt }}

你可能还爱看

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

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

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

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

查看详情

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

小宇宙如何用卡片创造探索的仪式感?
小宇宙

动效设计小宇宙如何用卡片创造探索的仪式感?

猎人 - 龙爪槐守望者9.0

 为什么同样是展示播客,小宇宙的设计能让用户直呼「太酷了」,甚至愿意反复滑动把玩?秘密,就藏在它那看似简单的卡片交互里。在小宇宙的「发现页」里,并没有采用传统的垂直列表,而是...

查看详情

#动效#卡片#发现页

飞书文档充满小心机的点赞设计
飞书

微交互飞书文档充满小心机的点赞设计

猎人 - AmberDu小白9.1

使用「飞书文档」网页版时,将鼠标悬停至点赞图标,icon会呈现出蓄力的状态,有一种让人忍不住按下按钮的心理暗示,很好的起到了引导用户点赞的效果。点击按下点赞图标,「真诚点赞,...

查看详情

#交互手势#微交互#心理暗示