虾米音乐APP中的优秀设计细节( 二 )


虾米音乐APP中的优秀设计细节
文章插图
3. 「快速登录」页面动效在虾米音乐登录页面上,也可以看的出产品设计的用心。在页面底部有个持续进行的动效,各种图案元素扩散又聚合,将用户的视点聚焦在“一键登录”按钮上。
“一键登录”功能可以缩短用户注册登录的路径和操作行为,是用户使用产品的一个重要环节,而加上动效这样的趣味化的交互,便能让这一略微具有强制性的操作行为变的更有人情味。
虾米音乐APP中的优秀设计细节
文章插图
4. 「趴间」虾米音乐中有个比较有趣的玩法,就是趴间,有点类似“一起听歌”这个功能,网易云音乐的“一起听歌”是邀请好友来听歌,而虾米的“一起听”则是趴间的形式。
用户可以“上位”成为DJ,播放相应的歌曲,这个过程也融入了社交和PK的玩法,但是在玩法的可交互性操作上还是比较单薄的。
虾米音乐APP中的优秀设计细节
文章插图
三、界面中的惊喜1. 播放界面横转变「磁带」这个设计对大部分用户来说应该特别印象深刻,也是我个人特别喜欢的一个设计。将播放页面横转之后,就会变成一个磁带,磁带的皮肤也可以选择。
之前在使用网易云音乐时就有设想过横屏状态下的播放页面应该如何为用户呈现信息。在手机的使用上,横屏的状态下,用户一般是进入了一个比较专注的使用阶段,或者是一种沉浸式的感受,因此,在播放页面的横屏状态下,应该减少其他操作,保留页面内核心和主要的设计元素。
而磁带的设计方式即迎合了用户播放时的独占状态,还通过磁带这一“复古”的设计,为用户带来了的不一样的听歌体验。这一设计,也是虾米音乐相比于其他音乐APP的差异化设计之一,有多少用户因为这个磁带的界面,认识了虾米和使用虾米。
虾米音乐APP中的优秀设计细节
文章插图
2. 歌词效果虾米音乐在Mac顶部状态栏的歌词颜色会像唱K一样随着歌词变化,左边的虾米LOGO也会随着歌曲的进度被颜色填满。这些小的细节能够帮助产品强化品牌形象,通过产品主色和LOGO的使用,将其与用户的正常需求相结合,从而得到一些有趣的设计和玩法。
虾米音乐APP中的优秀设计细节
文章插图
3. 彩蛋产品使用过程中的小彩蛋是引起用户愉悦体验的小技巧。在虾米音乐中,也有比较好玩的小彩蛋出现,比如当天是“大雪”节气,进入主页后就会有雪花飘落。
虾米音乐APP中的优秀设计细节
文章插图
不少的产品也有彩蛋设计,最常见的就是我们在微信聊天窗口发送某个关键词,比如生日快乐,屏幕里落下一堆蛋糕。
还有谷歌浏览器,当用户处于断网状态时,浏览器页面中会出现一只小恐龙,按下空格键就可以进入游戏状态,这一设计手法也是应对产品空状态的一种设计思路,帮助用户减少空状态下的焦虑感和沮丧感。
百度搜索关键词也会有相应的彩蛋,比如搜索“黑洞”,很快嘛,页面中的所以东西就被吸进去了,特别好玩。
虾米音乐APP中的优秀设计细节
文章插图
最后虾米音乐APP中的不少设计都是在满足用户使用基本需求上的探索和创新。互联网时代下产品更替换代已是常态,但好的设计是很难被忘记的。希望以上的设计点可以为我们后面的设计带来些许灵感和启发。
本文由 @薯片uxd 原创发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自pexels,基于CC0协议