动画M站的小萌猫爱打呼也爱唱歌,但其实它在用表情反映操作状态喵~

产品: 猫耳FM猎人: AmberDu小白作者: 猫耳FM团队观众: 6.7k人 时间: 2018-07-04

猫耳FM

与「猫耳FM」有关的细节还有 15查看全部

我也有新发现 我要投稿
M站的小萌猫爱打呼也爱唱歌,但其实它在用表情反映操作状态喵~M站的小萌猫爱打呼也爱唱歌,但其实它在用表情反映操作状态喵~

细节描述

AmberDu小白: 也许所有二次元平台的设计开发团队都是吃可爱多长大的,产品里永远藏着能将用户的心萌化的小彩蛋。M站的萌猫看似只是趴在App底部导航中间时而打瞌睡时而唱歌卖萌的小可爱,其实小萌猫状态的改变正是音频播放状态的反映。播放列表为空或者音频播放暂停,萌猫会出现安逸地打瞌睡的动画;当音频处于播放状态时,萌猫则会随着音乐愉快地摇摆。通过情感化设计打造用户与产品的互动关系,并用生动的方式展现对用户行为的反馈。有趣的交互动画既强调了平台属性强化了品牌形象,又让用户对产品互动的过程充满惊喜。

922人评分
收藏 3
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

B站的「素质三连」skr啥?
Bilibili

设计逻辑B站的「素质三连」skr啥?

猎人 - AmberDu小白9.0

经常看小电视家视频的同学,一定都听过up主说「欢迎大家多点赞,多投币,多关注」。所谓B站的「素质三连」,通常是指观众看完视频内容后对up主进行的「点赞」「投币」和「收藏」三个...

查看详情

#Bilibili#互动#即时反馈

「猫耳」是如何用情感化的微交互细节拉近产品与用户的距离的?
猫耳FM

微交互「猫耳」是如何用情感化的微交互细节拉近产品与用户的距离的?

猎人 - AmberDu小白0.0

「猫耳」App底部导航栏的中间有一只会通过打瞌睡(常态)、听歌摇摆(音频播放中)等动画效果反馈用户操作行为的小萌猫吉祥物。其实,页面顶部的下拉刷新界面里,也藏着一只追蝴蝶的可...

查看详情

#互动#刷新#即时反馈

星巴克App拆礼盒呈现新款豆子仪式感满满
星巴克

视觉星巴克App拆礼盒呈现新款豆子仪式感满满

猎人 - EvelynM9.7

「星巴克」App 的新款豆子以礼盒形式呈现,点击拆开按钮后,礼盒彩带收起礼盒变为新豆子的海报,之后平滑过渡到新豆子的介绍页面。礼盒形式仪式感满满,交互动效自然丝滑。

查看详情

#动效#情感化设计#星巴克